/* ==========================================================================
   LP COLIS DE NOËL 2026 · widget « Composer son colis », niveau [W]
   Uniquement ce que les classes globales du kit ne peuvent pas porter :
   règles d'état descendantes posées par colis.js, et deux utilitaires de la
   maquette (mq-icon, mq-sr-only). Tout le reste de l'habillage vient des
   classes globales, déclarées à Elementor par classes-kit.php.
   Valeurs reprises de css/composants.css et socle/socle.css.
   Préfixe .elementor : les classes globales sortent en « .elementor .cp-… » ;
   sans lui, une règle d'état de même poids perdrait selon l'ordre de chargement.
   ========================================================================== */

/* --- Utilitaires de la maquette ------------------------------------------ */
.mq-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.mq-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* --- Infobulle : ouverte au clic (is-open) ou au survol ------------------ */
.elementor .cp-info.is-open .cp-info-box,
.elementor .cp-info:hover .cp-info-box { opacity: 1; visibility: visible; }

/* --- Montant du total révélé dès le premier produit ---------------------- */
.elementor .cp-bandeau-montant.is-active { opacity: 1; }

/* --- Accordéon des catégories -------------------------------------------- */
.elementor .cp-cat.is-open .cp-cat-toggle { color: var(--color-primary, #DA324B); padding-bottom: var(--s-12, 12px); }
.elementor .cp-cat.is-open .cp-cat-plus { transform: rotate(45deg); color: var(--color-primary, #DA324B); }

/* --- Cartes produit : panneau ouvert, produit choisi --------------------- */
.elementor .cp-produit.is-open { z-index: 20; }
.elementor .cp-produit.is-selected,
.elementor .cp-produit-featured.is-selected { border-color: var(--color-quaternary, #00966C); }

/* --- Récapitulatif en panneau bas (tablette et mobile) ------------------- */
@media (max-width: 1024px) {
  .elementor .cp-colis.is-recap-open .cp-recap { transform: translateY(0); visibility: visible; transition: transform 0.3s ease-out, visibility 0s; }
  .elementor .cp-colis.is-recap-open .cp-recap-voile { opacity: 1; visibility: visible; }
  .mq-recap-open { overflow: hidden; }
}