/* ============================================================
   BrainStudioz global site chrome (applies to every non-canvas
   front-end page: WooCommerce, blog, default pages on Hello
   Elementor). Loaded after aura.css.
   ============================================================ */

/* ---- base ---- */
body.bspmp-chrome-on{
  background:var(--aura-canvas);
  color:var(--aura-ink);
  font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;
}
body.bspmp-chrome-on h1,
body.bspmp-chrome-on h2,
body.bspmp-chrome-on h3,
body.bspmp-chrome-on h4{
  font-family:var(--font-display);
  letter-spacing:-0.02em;
  color:var(--aura-ink);
}
body.bspmp-chrome-on a{color:var(--indigo);text-decoration:none}
body.bspmp-chrome-on a:hover{color:var(--violet)}

/* ---- hide the theme's own header/footer (we inject our own) ---- */
body.bspmp-chrome-on > header.site-header,
body.bspmp-chrome-on .site-header,
body.bspmp-chrome-on header#site-header,
body.bspmp-chrome-on footer.site-footer,
body.bspmp-chrome-on footer#site-footer,
body.bspmp-chrome-on .elementor-location-header,
body.bspmp-chrome-on .elementor-location-footer{
  display:none !important;
}

/* ---- injected sticky header ---- */
.bspmp-siteheader{
  position:sticky; top:0; z-index:100;
  padding:14px 16px;
  background:rgba(247,247,252,.85);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.bspmp-siteheader__in{max-width:1100px;margin:0 auto;display:flex;justify-content:center}

/* ---- content container ----
   Classic themes (Hello Elementor) expose .site-main / main#content.
   Block themes (e.g. hostinger-ai-theme) expose neither — they render
   .wp-site-blocks > main > .entry-content instead, so both are listed
   or the whole rule silently does nothing on a block theme. */
body.bspmp-chrome-on .site-main,
body.bspmp-chrome-on main#content{
  max-width:1100px; margin:0 auto; padding:56px 24px 80px;
}
body.bspmp-chrome-on .wp-site-blocks > main.wp-block-group{
  padding-block:48px 72px;
}
body.bspmp-chrome-on .page-title,
body.bspmp-chrome-on .entry-title{font-family:var(--font-display)}

/* ---- injected footer wrapper ---- */
.bspmp-sitefooter{margin-top:40px}
.bspmp-sitefooter footer{margin:0}

/* ---- generic buttons on chrome pages ---- */
body.bspmp-chrome-on .wp-element-button,
body.bspmp-chrome-on .wp-block-button__link,
body.bspmp-chrome-on button:not(.bspmp-seg button):not(.bspmp-tier):not(.aura-nav-pill *){
  font-family:var(--font-sans);
}

@media (max-width:900px){
  .bspmp-siteheader{padding:10px 12px}
  body.bspmp-chrome-on .site-main,
  body.bspmp-chrome-on main#content{padding:36px 16px 64px}
  body.bspmp-chrome-on .wp-site-blocks > main.wp-block-group{padding-block:28px 56px}
}

/* ---- clear the WordPress admin bar ----
   The admin bar is position:fixed at the top of the viewport, so a sticky
   header at top:0 slides underneath it and gets its top ~32px clipped once
   the page scrolls. Only logged-in users ever saw this. */
body.admin-bar .bspmp-siteheader{ top:32px; }
@media screen and (max-width:782px){
  body.admin-bar .bspmp-siteheader{ top:46px; }
}