/*
 * Flareo Studio – Responsive Overrides
 * Mobile-first breakpoints: sm 640px, md 768px, lg 1024px, xl 1280px
 */

/* ============================================================
   MOBILE (default — < 640px)
   ============================================================ */

/* Navigation */
.flr-nav-pill {
  padding-inline: 1rem;
}

/* Hero */
.flr-hero-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
}

.flr-hero-image-col {
  display: none; /* hidden on mobile */
}

/* Projects page — alternating row layout */
.flr-project-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.flr-hero-stat-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

/* Footer */
.flr-footer-grid {
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* Sections */
.flr-section-header { max-width: 100%; }

/* WooCommerce */
.woocommerce .products.columns-4,
.woocommerce-page .products.columns-4 {
  grid-template-columns: repeat(2, 1fr) !important;
}

/* ============================================================
   SMALL (≥ 640px)
   ============================================================ */
@media (min-width: 640px) {
  .flr-logo-text { display: block; }

  .flr-hero-image-col { display: block; }
}

/* ============================================================
   MEDIUM (≥ 768px)
   ============================================================ */
@media (min-width: 768px) {
  .flr-hero-grid {
    grid-template-columns: 1.1fr 0.9fr;
  }

  .flr-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }

  .flr-hide-mobile { display: block; }

  #flr-cursor-glow { display: block; }

  /* WooCommerce 2-col → 3-col */
  .woocommerce .products.columns-3,
  .woocommerce-page .products.columns-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ============================================================
   LARGE (≥ 1024px)
   ============================================================ */
@media (min-width: 1024px) {
  .flr-nav-links { display: flex; }

  [data-menu-toggle] { display: none; }

  .flr-footer-grid {
    grid-template-columns: 1.5fr repeat(3, 1fr);
  }

  .flr-hide-desktop { display: none; }

  .flr-project-row {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }
  .flr-project-row-image { aspect-ratio: auto !important; }

  /* WooCommerce */
  .woocommerce .products.columns-3,
  .woocommerce-page .products.columns-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .woocommerce .products.columns-4,
  .woocommerce-page .products.columns-4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* ============================================================
   XL (≥ 1280px)
   ============================================================ */
@media (min-width: 1280px) {
  .flr-container {
    padding-inline: 1.5rem;
  }
}

/* ============================================================
   PRINT
   ============================================================ */
@media print {
  .flr-nav,
  .flr-footer,
  #flr-cursor-glow,
  .flr-orb,
  .flr-particle {
    display: none !important;
  }

  body { background: white; color: black; }
  body::before { display: none; }
}