/* ============================================================
   RESPONSIVE — PhoneHS Apple
   ============================================================ */

/* ============================================================
   TABLETTE — 1024px
   ============================================================ */
@media (max-width: 1024px) {
  .phs-nav-links { gap: 24px; }
  .phs-footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
  .trust-bar { gap: 32px; }

  /* Product grid: 3 columns on tablet */
  ul.products { grid-template-columns: repeat(3, 1fr) !important; gap: 16px; }

  /* Single product: stack on tablet */
  .single-product .product .summary { padding-left: 24px; }

  /* Newsletter */
  .phs-newsletter-inner { gap: 20px; }
  .phs-newsletter-form { min-width: 220px; }

  /* Payment logos */
  .phs-footer-payments { padding: 18px 24px; }
}

/* ============================================================
   MOBILE — 768px
   ============================================================ */
@media (max-width: 768px) {
  /* Hauteur réelle du header mobile (logo 32px + padding + icônes) :
     doit correspondre à la barre fixe sinon elle recouvre le haut du contenu. */
  :root { --nav-height: 64px; }

  /* Nav */
  .phs-nav-links { display: none; }
  .phs-menu-toggle { display: flex; }

  /* Trust bar → slider horizontal scrollable */
  .trust-bar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    gap: 10px;
    padding: 20px 16px;
    scrollbar-width: none;
  }
  .trust-bar::-webkit-scrollbar { display: none; }
  .trust-item {
    flex: 0 0 auto;
    scroll-snap-align: start;
    background: var(--color-gray-bg);
    border-radius: 12px;
    padding: 10px 14px;
    gap: 10px;
    font-size: var(--font-size-xs);
    white-space: nowrap;
  }
  .trust-item .trust-icon {
    width: 32px;
    height: 32px;
    background: white;
  }
  .trust-icon svg { width: 16px; height: 16px; }

  /* Sections */
  .section { padding: 48px var(--space-lg); }
  .section-full { padding: 48px var(--space-lg); }
  .section-header { margin-bottom: 32px; }
  .section-header .section-title { font-size: clamp(1.5rem, 5vw, 2rem); }

  /* Product grid: 2 columns on mobile */
  ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }
  ul.products li.product a img,
  ul.products li.product .woocommerce-LoopProduct-link img { height: 160px; padding: 12px; }

  /* Single product: stack */
  .single-product .product { display: block !important; }
  .single-product .product .woocommerce-product-gallery { width: 100% !important; float: none !important; }
  .single-product .product .summary { width: 100% !important; float: none !important; padding: 24px 0 0 0 !important; }

  /* Cart */
  .woo-main { padding: 12px 16px 60px; }

  /* Footer */
  .phs-footer-inner { grid-template-columns: 1fr 1fr; gap: 24px; }
  .phs-footer-brand-col { grid-column: 1 / -1; }
  .phs-footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
  .phs-footer-legal-links { justify-content: center; flex-wrap: wrap; gap: 10px; }
  .phs-footer-payments { flex-direction: column; align-items: flex-start; gap: 10px; }

  /* Newsletter */
  .phs-newsletter-strip { padding: 24px 20px; }
  .phs-newsletter-inner { flex-direction: column; gap: 16px; align-items: flex-start; }
  .phs-newsletter-form { width: 100%; min-width: unset; max-width: 100%; }
  .phs-nl-wrap { width: 100%; }
  .phs-nl-wrap input[type="email"] { flex: 1; min-width: 0; }

  /* Buttons */
  .btn { padding: 12px 24px; font-size: var(--font-size-sm); }

  /* Forms */
  .form-input { padding: 12px 16px; }

  /* Contact page */
  .phs-contact-wrap { grid-template-columns: 1fr !important; }
  .phs-contact-form-box { padding: 24px 18px; }
  .phs-form-row { grid-template-columns: 1fr !important; }

  /* Reparation page */
  .grs-reparation-container { padding: 0 8px; }
}

/* ============================================================
   PETIT MOBILE — 480px
   ============================================================ */
@media (max-width: 480px) {
  /* Trust bar → garde le slider horizontal (pas de colonne) */
  .trust-bar {
    gap: 10px;
    padding: 18px 14px;
  }

  /* Hero */
  .phs-hero-slide-content { padding: 40px 20px; }
  .phs-hero-ctas { flex-direction: column; align-items: center; }
  .phs-hero-ctas .btn { width: 100%; justify-content: center; }

  /* Footer 1 col */
  .phs-footer-inner { grid-template-columns: 1fr; }

  /* Product grid 1 col */
  ul.products { grid-template-columns: 1fr !important; }

  /* Payment logos wrap */
  .phs-payment-logos { gap: 6px; }
  .phs-pay-badge svg { width: 40px; height: 25px; }
}