/*
Theme Name: FashionNovaX Child
Theme URI: https://codemola.com/themes/fashionnovax
Template: fashionnovax
Author: Adeyemi Okeowo-Codemola
Author URI: https://codemola.com
Description: Glitz Allure Fabrics — luxury bridal & occasion fabrics, Lagos. Child theme of FashionNovaX carrying the Glitz brand layer: gold identity, fabric-store refinements. Site-specific customizations live here so parent updates never overwrite them.
Version: 1.0.15
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glitzallure
*/

/* =========================================================
   GLITZ ALLURE BRAND LAYER
   The parent design system (matte black · white · luxury
   gold #c6a15b · champagne) IS the Glitz palette — the
   tokens below restate it explicitly so future tuning is a
   one-line change, and deepen the gold pairing slightly for
   the richer, bridal-fabric mood.
   ========================================================= */

:root {
  --fnx-gold: #c6a15b;        /* Glitz gold — the brand */
  --fnx-gold-deep: #a8843f;   /* hovers, deep accents   */
  --fnx-champagne: #f4e9d8;   /* soft panels            */
  --fnx-accent: var(--fnx-gold);
}

/* Fabric-store texture: product cards get a whisper of
   champagne behind imagery (fabrics photograph on light) */
.fnx-product-card__media,
li.product img.attachment-woocommerce_thumbnail {
  background: #faf7f1;
}

/* ── Card cleanup (v1.0.1) ──────────────────────────────────
   The Wix migration gave every product ~9 overlapping
   collections; the card prints them all as a wall of text.
   Hide category lists on cards — categories keep working for
   navigation and filtering; they just stop shouting. */
.fnx-product-card__cat,
li.product .fnx-product-card__cat,
li.product .posted_in,
ul.products li.product .product__categories,
.fnx-product-card [class*="__cat"] {
  display: none !important;
}

/* Card action icons: tidy stack, consistent rhythm */
.cmsc-actions {
  gap: 9px !important;
}
.cmsc-actions .cmsc-icon {
  width: 42px !important;
  height: 42px !important;
}

/* Prices read as rates on a fabric store — give the unit
   suffix injected by Codemola Fabric Measure its rhythm */
.cmfm-per {
  font-size: .72em;
  letter-spacing: .06em;
  color: var(--fnx-warmgray, #8a8578);
  font-weight: 400;
}

/* Gold hairline under the shop hero on category pages —
   subtle Glitz signature */
.woocommerce-products-header {
  border-bottom: 1px solid rgba(198, 161, 91, .35);
  padding-bottom: 18px;
  margin-bottom: 26px;
}

/* ── v1.0.3: full-bleed hero ────────────────────────────────
   When the homepage renders inside a boxed container (an
   Elementor page without the Full Width template, or any
   padded wrapper), the theme's hero slider inherits gutters.
   Break it out to true viewport width wherever it sits. */
.fnx-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* the breakout uses viewport units — clip the phantom
   horizontal scroll that scrollbar width would create */
html, body { overflow-x: clip; }

/* ── v1.0.4: hero flush to header ───────────────────────────
   .fnx-content adds section padding above page content; on
   the homepage that reads as a white band between header and
   hero. Zero the top on home (and any page opening with the
   hero) — the hero's own height provides the drama. */
body.home .fnx-content,
body.home main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body.home .fnx-hero,
.fnx-content > .fnx-hero:first-child {
  margin-top: 0 !important;
}
/* Elementor variant: first section starts at the very top */
body.home .elementor > .elementor-section-wrap > .elementor-section:first-child,
body.home .elementor > .elementor-section:first-child {
  margin-top: 0 !important;
}

/* v1.0.6: menu link colors moved to Brand Colors → Settings
   (menu_link_color / menu_link_hover) — single source of truth. */

/* ── v1.0.7: split-header layout (self-contained) ───────────
   The child overrides site-header.php with a split nav; these
   grid rules ship here so the layout works even if the parent
   build on the server predates its own split CSS. */
.fnx-header--split .fnx-header__inner--split {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto;
  align-items: center;
  gap: clamp(0.8rem, 2vw, 2rem);
}
.fnx-header--split .fnx-burger { display: none; }
.fnx-nav--split-a { justify-self: end; }
.fnx-nav--split-b { justify-self: start; }
.fnx-header--split .fnx-logo { justify-self: center; text-align: center; }
.fnx-header--split .fnx-header__actions { justify-self: end; }
.fnx-nav--split ul {
  list-style: none; display: flex; margin: 0; padding: 0;
  gap: clamp(1rem, 2vw, 2rem);
}
@media (max-width: 1024px) {
  .fnx-header--split .fnx-header__inner--split { grid-template-columns: auto 1fr auto; }
  .fnx-nav--split { display: none; }
  .fnx-header--split .fnx-burger { display: inline-flex; }
}