/* ============================================
   MODE COMPTOIR (plaques NFC / QR)
   ============================================
   Actif uniquement si body.mode-comptoir, posee par js/mode-comptoir.js.

   ⚠️ LE VERROUILLAGE VIT ICI, PAS DANS LE JAVASCRIPT.

   hydraterDrop() (js/checkout.js) fait
       carte.classList.toggle('hidden', !actif)
   sur la carte O'DROP a chaque reception de l'etat serveur. Masquer les
   cartes en manipulant `.hidden` depuis le mode comptoir serait donc
   inutile : la carte serait REVELEE des que drop_actif passerait a true en
   base, le mode se deverrouillerait seul, et rien dans le code n'aurait
   change pour l'expliquer.

   Les regles ci-dessous portent `!important` sur un selecteur plus
   specifique : elles gagnent contre toute manipulation de classe faite en
   JavaScript. Le JS pose la donnee (orderData.reception = 'emporter'), le
   CSS tient l'affichage. Ni l'un ni l'autre seul.
   ============================================ */

/* --- Les deux modes indisponibles au comptoir --- */
body.mode-comptoir .reception-card[data-reception="livraison"],
body.mode-comptoir #reception-card-drop {
  display: none !important;
}

/* Le message d'indisponibilite d'O'DROP n'a plus d'objet : la carte
   qu'il explique est masquee. */
body.mode-comptoir #drop-ferme-message,
body.mode-comptoir #drop-group {
  display: none !important;
}

/* --- Champs propres a la livraison --- */
body.mode-comptoir #address-group,
body.mode-comptoir #delivery-info,
body.mode-comptoir #delivery-fee-row,
body.mode-comptoir #drop-remise-row {
  display: none !important;
}

/* Le code postal ne sert qu'a detecter la zone de livraison.
   Son .form-group n'a pas d'id : masquer le seul input laisserait le label
   « Code postal * » orphelin a l'ecran. :has() vise le groupe entier.

   Ce n'est qu'un FILET : le handler de reception masque deja ce groupe des
   que le mode n'est pas 'livraison', et le mode comptoir declenche ce
   handler au chargement (js/checkout.js). La regle couvre le cas ou le JS
   n'aurait pas encore tourne. */
body.mode-comptoir .form-group:has(#postal-code) {
  display: none !important;
}

/* La carte restante occupe la largeur : deux colonnes vides a cote d'une
   seule carte donneraient l'impression d'un choix manquant. */
body.mode-comptoir .reception-cards {
  grid-template-columns: 1fr;
  display: grid;
}

/* --- Banniere --- */
.comptoir-banniere {
  position: relative;
  z-index: 1050;
  padding: 10px 16px;
  background: #0E0E0E;
  color: #FFFFFF;
  text-align: center;
  font-family: var(--font-corps, 'Inter', sans-serif);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.01em;
}

@media (max-width: 480px) {
  .comptoir-banniere {
    font-size: 13px;
    padding: 9px 12px;
  }
}