/* ALQQAMAR — Global/shared styles.
   Source of truth for design tokens, global heading baseline, and
   site-wide fixes only. Header → alq-header.css. Footer → alq-footer.css.
   Per-page styles → alq-[page].css.
   Written 2026-07-05. Cleaned 2026-07-06. */

/* ─────────────────────────────────────────────────────────────
   DESIGN TOKENS
   Single source of truth for all CSS custom properties.
   ───────────────────────────────────────────────────────────── */
:root {
  --color-cobalt:           #0B40B4;
  --color-black:            #000000;
  --color-white:            #FFFFFF;
  --color-surface-alt:      #FAFAFA;
  --color-surface-tint:     #F0F2F8;
  --color-text-primary:     #111111;
  --color-text-secondary:   #666666;
  --color-text-tertiary:    #999999;
  --color-text-placeholder: #AAAAAA;
  --color-text-filter-off:  #858A94;
  --color-text-dark-navy:   #1A1F33;
  --color-label-default:    rgba(0, 0, 0, 0.28);
  --color-red-badge:        rgb(145, 8, 19);
  --color-arch-hover-start: #FFFFFF;
  --color-arch-hover-end:   #F4F5FC;
  --font-primary:           'Montserrat', sans-serif;
  --font-ui:                'Inter', sans-serif;
}

/* ─────────────────────────────────────────────────────────────
   GLOBAL HEADING BASELINE
   Sets Montserrat as the default for all headings site-wide.
   No !important needed — Caslons Egyptian override in
   custom-css-snapshot.css deleted 2026-07-06.
   Per-page dedicated files override freely.
   ───────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
}

/* ─────────────────────────────────────────────────────────────
   UTILITY — site-wide
   ───────────────────────────────────────────────────────────── */
.hide { display: none !important; }

/* SHARED — WooCommerce body-scrollbar fix */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
  overflow-y: visible !important;
}
html:has(body.woocommerce-cart),
html:has(body.woocommerce-checkout),
html:has(body.woocommerce-order-received) {
  overflow-y: scroll;
}

/* ─────────────────────────────────────────────────────────────
   GLOBAL FIXES
   ───────────────────────────────────────────────────────────── */

/* Prevent horizontal scroll site-wide */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* Hide third-party auth buttons (Google SSO, etc.) */
.p-ThirdPartyButtonContainer,
#google-button-container { display: none !important; }

/* Hide post-type archive pages — these post types render via
   custom templates, not the default archive.php */
.post-type-archive { display: none; }

/* Home page top padding reset */
.page-id-5 { padding-top: 0 !important; }

/* Off-white background on WooCommerce pages + specific templates */
.page-template-page-tarot-readings .main-wrap,
.post-type-archive-magazine .main-wrap,
.post-type-archive-art_reading .main-wrap,
.page-id-11 .main-wrap,
.woocommerce-cart .main-wrap,
.woocommerce-account .main-wrap { background: #fafafa; }

/* Cookie notice — ALQQAMAR uses a custom cookie handler */
.cookies-alqqamar,
#cookies_alqqamar { display: none !important; }

/* Container system — ACTIVE in 15+ PHP templates:
   page.php, page-my-account.php, single-magazine.php,
   single-art_reading.php, archive-magazine.php,
   taxonomy-theme_taxonomy.php, woocommerce/checkout/thankyou.php,
   views/contact/contact.php, views/general/error.php,
   views/magazine/page.php, views/magazine/single.php,
   views/art-readings/detail.php, views/detail/related.php,
   views/product/related.php (confirmed grep 2026-07-06) */
.container-general {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 1440px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  overflow: hidden !important;
}

.grid--col-18 {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}