/* AptiGuide mobile declutter + overflow fixes, 2026-11-12.
   Loaded after each page's own CSS. Pure CSS: no buttons, links or tracking are removed.
   To roll back: delete the <link> to this file (or this file). */

/* ---- A. Floating clutter: one slim two-button bar + one chat bubble ---- */

/* WhatsApp bubble is hidden; the chat bubble is the single floating button.
   WhatsApp stays reachable from the bar on test-series pages and the contact pages. */
/* html body a#ag-wa-float{display:none!important}  (re-enabled 2026-11-12: Anshul wants the WhatsApp button on every page) */

/* Chat bubble: icon-only circle from first paint (no "Chat with us" pill over body text) */
html body #ag-bot-launcher{width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important}
html body #ag-bot-launcher>span{display:none!important}

/* Main-site sticky bar (homepage, service pages, test-series): two buttons, one row */
html body #stickyBar.sticky-bar{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px;padding:8px 44px 8px 10px;align-items:stretch}
html body #stickyBar.sticky-bar a{min-height:44px;padding:4px 8px;font-size:.86rem;line-height:1.15;border-radius:12px;flex-direction:column}
html body #stickyBar.sticky-bar a small{display:block;font-size:.66rem;font-weight:600;opacity:.9}
/* Service pages (have "Get in Touch"): primary = Get in Touch, secondary = Call Now */
html body #stickyBar.sticky-bar:has(.sb-touch) .sb-primary,
html body #stickyBar.sticky-bar:has(.sb-touch) .sb-alt{display:none}
html body #stickyBar.sticky-bar a.sb-touch{background:var(--copper-btn,#AE5F2A);color:#fff;border:0;order:-1}
html body #stickyBar.sticky-bar a.sb-touch:hover{background:var(--copper-btn-hover,#8F4B1F)}
/* Test-series pages (no "Get in Touch"): primary = Buy test packs, secondary = WhatsApp */
html body #stickyBar.sticky-bar:not(:has(.sb-touch)) .sb-call{display:none}
@media (min-width:700px){
  html body #stickyBar.sticky-bar{grid-template-columns:repeat(2,minmax(180px,260px));justify-content:center}
}

/* test-series pages set their own bar layout (full-width Buy button); bring them in line */
html body:has(.ts-packs) #stickyBar.sticky-bar{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);padding:8px 50px 8px 10px;gap:8px}
html body:has(.ts-packs) #stickyBar.sticky-bar .sb-primary{grid-column:auto;min-height:44px;flex-wrap:nowrap;flex-direction:column;gap:0;font-size:.8rem}
/* "GST included" is already shown beside the price in the page itself; drop it from the slim bar */
html body:has(.ts-packs) #stickyBar.sticky-bar .sb-primary small{display:none}
@media (min-width:700px){html body:has(.ts-packs) #stickyBar.sticky-bar{grid-template-columns:repeat(2,minmax(180px,260px));justify-content:center}}

/* CTA landing pages: same idea. Primary = Get in Touch, secondary = Book a Session */
html body #stickyCallbar.sticky-callbar{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px;padding:8px 40px 8px 10px}
html body #stickyCallbar.sticky-callbar a{min-height:44px;padding:4px 8px;font-size:.82rem;line-height:1.15;border-radius:12px}
html body #stickyCallbar.sticky-callbar a:not(.scb-touch):not(.scb-call){display:none}
html body #stickyCallbar.sticky-callbar a.scb-touch{order:-1;background:#AE5F2A!important;color:#fff!important;border:0!important}
html body #stickyCallbar.sticky-callbar a.scb-call{background:transparent!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.7)!important}
@media (min-width:700px){
  html body #stickyCallbar.sticky-callbar{grid-template-columns:repeat(2,minmax(180px,260px));justify-content:center}
}
/* the bar is shorter now, so the page bottom padding can shrink too */
html body:has(#stickyCallbar:not(.hidden)){padding-bottom:76px}

/* ---- B. "Free 15-question quiz" card: sits in the page flow, give it full width and clear space ---- */
.connect-block .link-grid:has(> .link-card:only-child){grid-template-columns:1fr}
.connect-block .link-grid > .link-card:only-child{justify-content:center;text-align:center;font-size:14px;padding:14px 16px}
.connect-block{margin-bottom:16px}

/* ---- C. Sideways-scroll fixes on /ctas/ pages (found by 375px scan, 2026-11-12) ---- */
/* chip row ("Jump straight to") shrink-wrapped to its content inside a centred flex body */
body[data-ag-ctas-nav="2"] .top-nav-wrap{width:100%;box-sizing:border-box}
/* wide tables scroll inside themselves instead of widening the page */
body[data-ag-ctas-nav="2"] .combo-table,
body[data-ag-ctas-nav="2"] .stack-table,
body[data-ag-ctas-nav="2"] .struct-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* tab strip scrolls inside itself */
body[data-ag-ctas-nav="2"] .tabs-nav{overflow-x:auto;max-width:100%}
body[data-ag-ctas-nav="2"] .tabs-nav>.tab-btn{flex-shrink:0;white-space:nowrap}
/* contact blocks and forms */
body[data-ag-ctas-nav="2"] .contact-shell>*{min-width:0;overflow-wrap:anywhere}
body[data-ag-ctas-nav="2"] .contact-form input,
body[data-ag-ctas-nav="2"] .contact-form select,
body[data-ag-ctas-nav="2"] .contact-form textarea{box-sizing:border-box;width:100%;max-width:100%}
body[data-ag-ctas-nav="2"] .contact-form label{min-width:0}
/* callout button text may wrap */
body[data-ag-ctas-nav="2"] .callout .btn{white-space:normal}
/* instagram button row wraps */
body[data-ag-ctas-nav="2"] .cta-insta-row{flex-wrap:wrap}
body[data-ag-ctas-nav="2"] .cta-insta-btn{flex:1 1 140px;min-width:0}
/* footer card grid */
body[data-ag-ctas-nav="2"] .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-ag-ctas-nav="2"] .fcard{min-width:0;overflow-wrap:anywhere}
/* long link text inside lists */
body[data-ag-ctas-nav="2"] li a,
body[data-ag-ctas-nav="2"] main a,
body[data-ag-ctas-nav="2"] .main a{overflow-wrap:anywhere}