/*
 * COAST LASER — Responsive Styles
 * Breakpoints: 1024 (tablet), 768 (mobile), 480 (small mobile)
 */

/* ── 1280px — Tighten large grid ─────────────────────────── */
@media (max-width: 1280px) {
  .cl-cat-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ── 1024px — Tablet ─────────────────────────────────────── */
@media (max-width: 1024px) {
  :root { --cl-section-y: 4.5rem; }

  /* Header */
  .primary-nav { display: none; }
  .mobile-menu-toggle { display: flex; }
  .header-cta-btn { display: none; }
  .header-inner { gap: 1rem; }

  /* Hero */
  .cl-hero__inner { grid-template-columns: 1fr; }
  .cl-hero__visual { display: none; }
  .cl-hero__text { padding-bottom: 4rem; }
  .cl-hero { padding: 4rem 0 0; }

  /* Trust bar */
  .cl-trust-item + .cl-trust-item::before { display: none; }
  .cl-trust-bar__inner { flex-wrap: wrap; justify-content: flex-start; gap: 0; padding: 0.5rem; }
  .cl-trust-item { padding: 0.4rem 0.875rem; }

  /* Categories */
  .cl-cat-grid { grid-template-columns: repeat(3, 1fr); }

  /* Products */
  .cl-product-grid { grid-template-columns: repeat(2, 1fr); }
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }

  /* How it works */
  .cl-how-grid { grid-template-columns: repeat(2, 1fr); }
  .cl-how-grid::before { display: none; }

  /* Custom CTA */
  .cl-custom-cta__inner { grid-template-columns: 1fr; gap: 3rem; }
  .cl-custom-cta__visual { display: none; }

  /* Testimonials */
  .cl-testi-grid { grid-template-columns: 1fr 1fr; }
  .cl-testi-card--featured { display: none; }

  /* Trade */
  .cl-trade-grid { grid-template-columns: 1fr 1fr; }

  /* Email CTA */
  .cl-email-cta__inner { flex-direction: column; align-items: flex-start; gap: 2rem; }
  .cl-email-cta__form-wrap { width: 100%; min-width: 0; }

  /* Single product */
  .single-product div.product { grid-template-columns: 1fr 1fr !important; gap: 2.5rem !important; }

  /* Cart */
  .woocommerce-checkout .woocommerce { grid-template-columns: 1fr; }
  #order_review { position: static; }

  /* Footer */
  .footer-main { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .footer-brand { grid-column: 1 / -1; }
}

/* ── 768px — Mobile ──────────────────────────────────────── */
@media (max-width: 768px) {
  :root { --cl-section-y: 3.5rem; }

  /* Hero */
  .cl-hero__h1 { font-size: 2.4rem; }
  .cl-hero__btns { flex-direction: column; }
  .cl-hero__btns .btn { width: 100%; justify-content: center; }
  .cl-hero__stats { gap: 1.5rem; }
  .cl-hero__stat-num { font-size: 1.8rem; }

  /* Trust bar — scroll on mobile */
  .cl-trust-bar { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .cl-trust-bar__inner { flex-wrap: nowrap; min-width: max-content; }

  /* Section headers */
  .cl-section-header--flex { flex-direction: column; align-items: flex-start; }
  .cl-link-all { align-self: flex-start; }

  /* Categories */
  .cl-cat-grid { grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
  .cl-cat-card__img { height: 80px; font-size: 1.8rem; }

  /* Products */
  .cl-product-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 1rem !important; }
  .cl-product-card__atc { opacity: 1; transform: none; }
  .cl-product-card__wishlist { opacity: 1; transform: scale(1); }

  /* How it works */
  .cl-how-grid { grid-template-columns: 1fr; gap: 2rem; }

  /* Testimonials */
  .cl-testi-grid { grid-template-columns: 1fr; }
  .cl-testi-card--featured { display: flex; }

  /* Trade */
  .cl-trade-grid { grid-template-columns: 1fr; }

  /* Email */
  .cl-email-cta__form { flex-direction: column; }
  .cl-email-input { width: 100%; }

  /* Single product — stack on mobile */
  .single-product div.product {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .single-product .woocommerce-product-gallery { position: static; }

  /* Cart table — simplify on mobile */
  .woocommerce table.cart thead { display: none; }
  .woocommerce table.cart td {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
  }
  .woocommerce table.cart td::before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: var(--cl-navy);
    margin-right: 0.5rem;
    font-size: var(--cl-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    min-width: 80px;
  }
  .woocommerce table.cart td.product-thumbnail::before { display: none; }
  .woocommerce table.cart td.product-remove::before { display: none; }
  .woocommerce table.cart .cart_item { display: block; }

  /* Checkout grid → single column */
  .woocommerce-checkout .woocommerce { grid-template-columns: 1fr !important; }

  /* Footer */
  .footer-main { grid-template-columns: 1fr; gap: 2rem; padding: 3rem 0 2rem; }
  .footer-brand { grid-column: auto; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .footer-tagline { max-width: 100%; }

  /* Back to top */
  .back-to-top { bottom: 1rem; right: 1rem; }

  /* Section title scale */
  h2.section-title { font-size: 2rem; }
}

/* ── 480px — Small Mobile ────────────────────────────────── */
@media (max-width: 480px) {
  :root { --cl-section-y: 3rem; }

  .container { padding: 0 1rem; }

  /* Hero tighter */
  .cl-hero { padding: 3rem 0 0; }
  .cl-hero__h1 { font-size: 2rem; }
  .cl-hero__desc { font-size: 0.9rem; }
  .cl-hero__stats { flex-wrap: wrap; gap: 1.25rem; }

  /* Categories — 3 column even on small screens */
  .cl-cat-grid { grid-template-columns: repeat(3, 1fr); gap: 0.5rem; }
  .cl-cat-card__label { padding: 0.5rem 0.3rem; }
  .cl-cat-card__name { font-size: var(--cl-text-xs); }
  .cl-cat-card__sub { display: none; }

  /* Products — single column */
  .cl-product-grid { grid-template-columns: 1fr; }
  .woocommerce ul.products { grid-template-columns: 1fr !important; }

  /* Testimonials */
  .cl-testi-card { padding: 1.5rem; }

  /* Email CTA */
  .cl-email-cta { padding: 2.5rem 0; }

  /* Footer socials */
  .footer-socials { flex-wrap: wrap; }

  /* Product tabs — allow horizontal scroll */
  .single-product .woocommerce-tabs ul.tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; }
  .single-product .woocommerce-tabs ul.tabs li a { white-space: nowrap; }

  /* Buttons full width on small screens */
  .btn-primary, .btn-secondary, .btn-ghost { width: 100%; justify-content: center; }
  .cl-hero__btns .btn { font-size: var(--cl-text-sm); padding: 0.875rem 1.5rem; }
}

/* ── Print ───────────────────────────────────────────────── */
@media print {
  .site-header,
  .cl-announce-bar,
  .cl-trust-bar,
  .cl-how,
  .cl-email-cta,
  .site-footer,
  .back-to-top,
  .header-actions,
  .woocommerce-tabs,
  .related.products { display: none !important; }

  body { font-size: 12pt; }
  .single-product div.product { grid-template-columns: 1fr !important; }
}