/* ============================================================
   KINBEN — responsive.css  (mobile-first → tablette/desktop)
   ============================================================ */

/* très petites largeurs : formulaire en 1 colonne */
@media (max-width:420px){
  .reserve{ grid-template-columns:1fr; }
  .field--half{ grid-column:1/-1; }
}

/* ≥600 : footer en colonnes */
@media (min-width:600px){
  .footer__grid{ grid-template-columns:2fr 1fr 1fr 1fr; }
  .footer__bottom{ flex-direction:row; justify-content:space-between; text-align:left; }
}

/* ≥700 : signatures sur 3 colonnes */
@media (min-width:700px){
  .menu__signatures{ grid-template-columns:repeat(3,1fr); }
}

/* ≥768 : tablette */
@media (min-width:768px){
  .features__inner{ grid-template-columns:repeat(3,1fr); }
  .gallery__grid{ grid-template-columns:repeat(4,1fr); grid-auto-rows:200px; }
  .delivery__inner{ flex-direction:row; justify-content:space-between; text-align:left; gap:2rem; }
  .delivery__text p{ margin-top:.2rem; }
}

/* ≥900 : nav desktop + about/contact 2 colonnes */
@media (min-width:900px){
  .nav__links{ position:static; transform:none; flex-direction:row; align-items:center; gap:2rem;
    background:none; padding:0; border:none; display:flex; }
  .nav__links .nav__link{ font-size:.86rem; }
  .nav__burger{ display:none; }
  .nav__cta{ display:inline-flex; }
  .nav__socials{ display:flex; }

  .about__grid{ flex-direction:row; align-items:center; gap:3.4rem; }
  .about__text{ flex:1.05; }
  .about__visual{ flex:.95; margin:0; }

  .contact__grid{ flex-direction:row; align-items:flex-start; gap:2rem; }
  .reserve{ flex:1.1; }
  .info{ flex:.9; }
}

/* ≥1024 : hero sur 2 colonnes */
@media (min-width:1024px){
  .hero{ padding-top:72px; }
  .hero__inner{ flex-direction:row; align-items:center; justify-content:space-between; gap:2.4rem; }
  .hero__content{ flex:1; max-width:580px; }
  .hero__visual{ flex:1; max-width:560px; margin:0; }
  .hero__title{ font-size:clamp(5rem,8vw,8rem); }
  .hero__text{ font-size:1.1rem; }

  .deco--fern-hero{ display:block; width:175px; top:84px; right:1%; }
  .deco--maki-hero{ display:block; width:165px; bottom:16%; left:41%; }
  .deco--nigiri-hero{ display:block; width:115px; top:28%; left:46%; }

  .menu__grid{ grid-template-columns:repeat(auto-fill,minmax(265px,1fr)); }
}

/* ≥1240 : confort */
@media (min-width:1240px){
  .gallery__grid{ grid-auto-rows:215px; }
}

/* désactive le curseur custom sur tactile / petits écrans */
@media (max-width:900px), (pointer:coarse){
  .cursor-dot,.cursor-ring{ display:none !important; }
}