/* =========================================================
   FashionNovaX — Elementor widget support layer (Phase 2B)
   ========================================================= */

/* Column modifiers for FNX Product Grid + Lookbook widgets */
.fnx-products-grid.fnx-cols-2, .fnx-lookbook.fnx-cols-2 { grid-template-columns: repeat(2, 1fr); }
.fnx-products-grid.fnx-cols-3, .fnx-lookbook.fnx-cols-3 { grid-template-columns: repeat(3, 1fr); }
.fnx-products-grid.fnx-cols-4, .fnx-lookbook.fnx-cols-4 { grid-template-columns: repeat(4, 1fr); }
.fnx-products-grid.fnx-cols-5 { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 1080px) {
  .fnx-products-grid.fnx-cols-4, .fnx-products-grid.fnx-cols-5,
  .fnx-lookbook.fnx-cols-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .fnx-products-grid[class*="fnx-cols-"] { grid-template-columns: repeat(2, 1fr); }
  .fnx-lookbook[class*="fnx-cols-"] { grid-template-columns: 1fr; }
}

/* Countdown on light backgrounds (default styling assumes dark) */
.fnx-countdown--light .fnx-countdown__unit { border-color: var(--fnx-line); }
.fnx-countdown--light .fnx-countdown__num { color: var(--fnx-gold-deep); }
.fnx-countdown--light .fnx-countdown__label { color: var(--fnx-warmgray); }

/* Widget heading spacing inside Elementor sections */
.fnx-ew-products .fnx-section-head { margin-bottom: clamp(1.6rem, 4vw, 2.6rem); }

/* Hero widget inside boxed Elementor containers keeps its own height */
.elementor-widget-fnx-hero-slider .fnx-hero { min-height: 420px; }