/* =========================================================
   Golden Crystals — WordPress / Astra theme overrides
   Suppresses Astra's chrome on our 5 plugin pages so the
   prototype's own header/nav/footer render edge-to-edge.
   ========================================================= */

/* Hide Astra's header & footer when our full-width template is active */
body.gc-template-fullwidth #masthead,
body.gc-template-fullwidth #colophon,
body.gc-template-fullwidth .ast-above-header,
body.gc-template-fullwidth .ast-below-header,
body.gc-template-fullwidth .ast-primary-header-bar,
body.gc-template-fullwidth #ast-scroll-top {
  display: none !important;
}

/* Zero out Astra's content container padding so our sections go edge-to-edge */
body.gc-template-fullwidth #content,
body.gc-template-fullwidth #primary,
body.gc-template-fullwidth .site-content,
body.gc-template-fullwidth .ast-container,
body.gc-template-fullwidth .ast-container-fluid,
body.gc-template-fullwidth article.post,
body.gc-template-fullwidth .entry-content,
body.gc-template-fullwidth .entry-header {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  background: transparent !important;
}

body.gc-template-fullwidth .entry-header,
body.gc-template-fullwidth .ast-single-post-banner,
body.gc-template-fullwidth .entry-meta,
body.gc-template-fullwidth .post-thumb-img-content,
body.gc-template-fullwidth .ast-pagination,
body.gc-template-fullwidth .comments-area {
  display: none !important;
}

body.gc-template-fullwidth.admin-bar { padding-top: 0 !important; }

body.gc-template-fullwidth {
  background: var(--bg, #fff) !important;
}

/* Reset block editor wrapper */
body.gc-template-fullwidth .wp-block-group,
body.gc-template-fullwidth .wp-site-blocks {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ARABIC TYPOGRAPHY FIXES (v1.0.1)
   - Letter-spacing breaks Arabic letter connections — remove it everywhere it shows on Arabic text.
   - Heavy Arabic titles with tashkeel diacritics need more line-height so lines don't overlap.
   - In RTL pages, LTR-dir inline blocks (phone numbers) align to their own LTR start (left) by default.
     Force right alignment so they sit flush with the RTL column edge.
   ========================================================= */

/* Headings — increase line-height (Tajawal at weight 900 with tashkeel needs lots of room) */
.hero__title         { line-height: 1.8  !important; letter-spacing: 0 !important; padding-block: 0.25em; }
.pagehead__title     { line-height: 1.6  !important; letter-spacing: 0 !important; padding-block: 0.15em; }
.section__title      { line-height: 1.5  !important; letter-spacing: 0 !important; }
.custom__copy h2,
.quote-intro__copy h2,
.partners__head h3,
.cta-strip h2,
.about__badge strong,
.contact__form h3,
.quote-form h3       { line-height: 1.4  !important; letter-spacing: 0 !important; }

/* Eyebrows + small uppercase tags — Arabic must NOT have letter-spacing */
.section__eyebrow,
.hero__eyebrow,
.partners__eyebrow,
.pagehead__eyebrow,
.cta-strip__eyebrow,
.trust__label,
.product__tag,
.shop-card__cat,
.shop-card__badge,
.masonry__cat,
.contact__item strong,
.contact-card__label,
.about__badge span,
.faq__item summary,
.footer__col h4,
.brand__ar,
.crumbs,
.testi__who span,
.field > span,
.form__note,
.contact__form label span,
.topbar,
.topbar__lang a,
.shop-info__copy h3,
.hours-box h4 {
  letter-spacing: 0 !important;
}

/* Latin-only elements KEEP their letter-spacing (don't touch these) */
.brand__en,
.step__num,
.product__price span,
.shop-card__price span {
  letter-spacing: 2.5px;
}
.step__num { letter-spacing: 2px; }

/* Footer column: force right alignment for items even when dir="ltr"
   so phone/email sit flush with the RTL column's right edge. */
[dir="rtl"] .footer__col a,
[dir="rtl"] .footer__col span {
  text-align: right !important;
  unicode-bidi: plaintext;
}

/* Contact cards: same idea — dir="ltr" values should stay aligned with the card's start edge in RTL */
[dir="rtl"] .contact-card__value[dir="ltr"] {
  text-align: right;
  unicode-bidi: plaintext;
}

/* Hero title: extra breathing room between line 1 and line 2 when an <em> wraps */
.hero__title em,
.pagehead__title em,
.section__title em,
.custom__copy h2 em,
.quote-intro__copy h2 em,
.partners__head h3 em {
  display: inline-block; /* prevents diacritics on em colored part from overlapping the line above */
}

/* Ensure body uses 'Tajawal Variable' even if Astra overrides it */
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea {
  font-family: 'Tajawal', system-ui, -apple-system, sans-serif !important;
}

/* ---------- Form submission status messaging ---------- */
.gc-form-status {
  margin-top: 14px;
  padding: 12px 16px;
  border-radius: 2px;
  font-size: 14px;
  text-align: center;
}
.gc-form-status.is-success {
  background: #f0f8f0;
  color: #1a6e1a;
  border: 1px solid #b8dcb8;
}
.gc-form-status.is-error {
  background: #fdf3f3;
  color: #a02020;
  border: 1px solid #f0c8c8;
}