/*
Theme Name: Green APK Landing
Theme URI: https://example.com/
Author: Asif Theme Pack
Description: Fast mobile friendly one page APK landing theme with editable hero, buttons, info cards, screenshots, content sections and FAQ.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: green-apk-landing
*/

:root{--green:#10b981;--green-dark:#047857;--green-soft:#ecfdf5;--text:#10231b;--muted:#5b6b63;--card:#ffffff;--border:#d9f3e8;--shadow:0 12px 34px rgba(4,120,87,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7fffb;color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.site-wrap{width:min(1120px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.95);border-bottom:1px solid var(--border);backdrop-filter:blur(8px)}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:22px}.brand img{width:48px;height:48px;border-radius:12px;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;padding:13px 24px;border-radius:999px;font-weight:800;box-shadow:0 10px 20px rgba(16,185,129,.22);border:0}.btn:hover{transform:translateY(-1px)}.hero{padding:52px 0 28px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.badge{display:inline-block;background:var(--green-soft);color:var(--green-dark);padding:7px 13px;border-radius:999px;font-weight:800;font-size:14px}.hero h1{font-size:44px;line-height:1.12;margin:18px 0 14px}.hero p{font-size:18px;color:var(--muted);margin:0 0 22px}.hero-card{background:linear-gradient(160deg,#fff,#ecfdf5);border:1px solid var(--border);border-radius:28px;padding:20px;box-shadow:var(--shadow);text-align:center}.app-shot{border-radius:24px;background:#0f3d2e;padding:18px;min-height:300px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800}.info-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:22px 0 34px}.info-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px;text-align:center;box-shadow:0 6px 18px rgba(4,120,87,.08)}.info-card strong{display:block;color:var(--green-dark);font-size:14px;text-transform:uppercase}.info-card span{font-size:18px;font-weight:800}.toc,.section,.faq{background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px;margin:24px 0;box-shadow:0 8px 26px rgba(4,120,87,.07)}.toc h2,.section h2,.faq h2{margin-top:0;font-size:30px}.toc ul{columns:2;margin:0;padding-left:20px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--green-soft);border:1px solid var(--border);border-radius:18px;padding:18px}.feature h3{margin:0 0 8px;color:var(--green-dark)}.screens{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.screen{background:#eefaf5;border:1px solid var(--border);border-radius:20px;min-height:210px;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen img{width:100%;height:100%;object-fit:cover}.steps li{margin-bottom:8px}.faq-item{border-top:1px solid var(--border);padding:14px 0}.faq-item b{display:block;color:var(--green-dark);font-size:18px}.bottom-cta{text-align:center;background:linear-gradient(135deg,#064e3b,#10b981);color:#fff;border-radius:28px;padding:34px;margin:28px 0 44px}.bottom-cta p{color:#dcfce7}.footer{text-align:center;color:var(--muted);padding:22px 0;border-top:1px solid var(--border)}.floating-download{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:100;width:min(420px,92%)}.floating-download .btn{width:100%;box-shadow:0 12px 30px rgba(4,120,87,.35)}@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:30px}.hero h1{font-size:32px}.hero p{font-size:16px}.info-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}.screens{grid-template-columns:repeat(2,1fr)}.toc ul{columns:1}.nav .btn{padding:10px 16px;font-size:14px}.brand{font-size:18px}.brand img{width:40px;height:40px}.section,.toc,.faq{padding:20px}.app-shot{min-height:220px}}@media(max-width:480px){.info-grid,.screens{grid-template-columns:1fr}.hero h1{font-size:28px}.btn{width:100%;}.nav .btn{width:auto}.topbar{position:static}.floating-download{display:block}}
.hero-card{padding:0;overflow:hidden}.hero-img{width:100%;height:100%;max-height:520px;object-fit:cover;display:block}.screen{flex-direction:column;min-height:auto;align-items:stretch}.screen img{height:430px;object-fit:cover;object-position:top}.screen figcaption{padding:10px;font-weight:800;text-align:center;color:var(--green-dark);background:#fff}.article-content h1{font-size:34px;line-height:1.18;margin:0 0 18px;color:var(--green-dark)}.article-content h2{font-size:28px;margin:28px 0 10px;color:var(--green-dark)}.article-content h3{font-size:21px;margin:22px 0 8px;color:#0f5132}.article-content p{margin:0 0 12px}.article-content ul{background:var(--green-soft);border:1px solid var(--border);border-radius:16px;padding:16px 16px 16px 34px}.footer-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.footer-links a{font-weight:800;color:var(--green-dark)}.page-content{min-height:55vh}.page-content h1{color:var(--green-dark)}@media(max-width:820px){.screen img{height:auto}.screens{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.screens{grid-template-columns:1fr}.article-content h1{font-size:28px}.article-content h2{font-size:24px}.article-content h3{font-size:19px}}


/* Small fixes requested: keep same style, center content, mobile logo, screenshot slider */
.site-wrap{max-width:1120px;width:92%;margin-left:auto;margin-right:auto}.toc,.section,.faq,.bottom-cta{max-width:980px;margin-left:auto;margin-right:auto}.hero .site-wrap,.info-grid{max-width:1120px}.article-section{max-width:980px}.topbar .custom-logo-link img,.brand .custom-logo{width:auto;max-width:150px;max-height:52px;height:auto;object-fit:contain}.screens{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px;-webkit-overflow-scrolling:touch}.screens::-webkit-scrollbar{height:8px}.screens::-webkit-scrollbar-thumb{background:var(--green);border-radius:20px}.screen{flex:0 0 210px;scroll-snap-align:start}.screen img{height:360px}.section>h2,.toc>h2,.faq>h2{text-align:left}
@media(max-width:820px){.site-wrap{width:94%}.toc,.section,.faq,.bottom-cta{max-width:94%;padding:18px}.hero-grid{gap:18px;text-align:left}.topbar .custom-logo-link img,.brand .custom-logo{max-width:118px;max-height:42px}.brand{gap:7px}.brand span:last-child{font-size:16px}.screen{flex-basis:178px}.screen img{height:320px}.screens{gap:10px}.hero-card{border-radius:20px}.hero-img{max-height:360px}.info-card{padding:12px}.info-card span{font-size:15px}}
@media(max-width:480px){.nav{padding:8px 0}.topbar .custom-logo-link img,.brand .custom-logo{max-width:88px;max-height:34px}.brand span:last-child{font-size:14px}.nav .btn{padding:8px 12px;font-size:12px}.hero{padding:22px 0 14px}.hero h1{font-size:25px}.hero p{font-size:15px}.screen{flex:0 0 76%;}.screen img{height:auto;max-height:520px;object-fit:contain;background:#111}.screens{padding-bottom:14px}.toc ul{padding-left:18px}.article-content h1{font-size:25px}.article-content h2{font-size:22px}.article-content h3{font-size:18px}}

/* TOC accordion update */
.toc-accordion{padding:18px 22px}
.toc-accordion details{width:100%}
.toc-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:26px;font-weight:800;color:var(--green-dark);padding:0}
.toc-accordion summary::-webkit-details-marker{display:none}
.toc-accordion .toc-arrow{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--green);color:#fff;font-size:22px;line-height:1;transition:.2s}
.toc-accordion details[open] .toc-arrow{transform:rotate(180deg)}
.toc-accordion ul{margin-top:16px}
@media(max-width:480px){.toc-accordion summary{font-size:21px}.toc-accordion{padding:16px}}


/* Final heading and TOC polish */
.toc-accordion summary{position:relative;border:0;outline:0}
.toc-accordion summary:after{content:'⌄';display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--green);color:#fff;font-size:22px;line-height:1;transition:.2s;margin-left:auto}
.toc-accordion details[open] summary:after{transform:rotate(180deg)}
.toc-accordion .toc-arrow{display:none!important}
.article-content h1{text-align:center;color:var(--green-dark);font-weight:900;margin:0 auto 28px;max-width:900px}
.article-content h2{text-align:center;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff!important;padding:14px 22px;border-radius:999px;border:1px solid rgba(16,185,129,.35);box-shadow:0 10px 24px rgba(4,120,87,.14);margin:34px auto 18px;line-height:1.25;max-width:920px;font-weight:900}
.article-content h3{text-align:center;background:var(--green-soft);color:var(--green-dark)!important;border:1px solid var(--border);border-left:6px solid var(--green);border-radius:14px;padding:10px 16px;margin:24px auto 12px;line-height:1.3;max-width:760px;font-weight:900}
@media(max-width:480px){.article-content h1{font-size:25px}.article-content h2{font-size:20px;padding:12px 14px;border-radius:18px}.article-content h3{font-size:17px;padding:9px 12px}.toc-accordion summary:after{width:28px;height:28px;font-size:19px}}

/* Strong heading center alignment fix */
.article-section h1,
.article-section h2,
.article-section h3,
.article-content h1,
.article-content h2,
.article-content h3,
.section.article-section h1,
.section.article-section h2,
.section.article-section h3,
main h1,
main h2,
main h3{
  text-align:center !important;
}
.article-section .article-content h1,
.section.article-section .article-content h1{
  display:block !important;
  width:100% !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.article-section .article-content h2,
.section.article-section .article-content h2{
  display:block !important;
  max-width:920px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.article-section .article-content h3,
.section.article-section .article-content h3{
  display:block !important;
  max-width:760px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}