/* Page panier — point de chute quand le panneau latéral n'est pas
   disponible : retour d'un paiement abandonné, lien partagé.
   Les articles et les totaux reprennent les briques du panneau. */

.pan-page{min-height:40vh}
.pan{padding-block:26px 44px}
.pan__t{font-size:clamp(24px,6.5vw,32px);margin-bottom:18px}

.pan__lignes .ci:first-child{border-top:1px solid var(--trait)}
.pan__lignes .ci__n a:hover{text-decoration:underline;text-underline-offset:2px}

/* La mise à jour part toute seule au clic sur les boutons de quantité. */
.pan__maj{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.pan__bilan{margin-top:26px}
.pan__bilan .cart__ship{
  display:block;padding:11px 13px;margin-bottom:16px;
  background:var(--gris);font-size:13px;
}
.pan__bilan .ckres__totaux{margin-top:0;border-top:0;padding-top:0}
.pan__cta{margin-top:16px}
.pan__suite{margin-top:9px}
.pan__bilan .cart__trust{
  display:flex;flex-wrap:wrap;justify-content:center;gap:5px 14px;margin-top:16px;
  font-size:11.5px;color:var(--encre-2);
}

/* Le conteneur des messages existe même vide : sans consigne il occupe
   une cellule de la grille et creuse un blanc sous le titre. */
.pan .woocommerce-notices-wrapper{grid-column:1 / -1;margin:0}

/* Messages de WooCommerce — commande annulée, article retiré. */
.pan .woocommerce-message,.pan .woocommerce-info,.pan .woocommerce-error,
.pan .woocommerce-NoticeGroup{
  margin:0 0 18px;padding:12px 14px;border-radius:3px;font-size:13.5px;list-style:none;
  background:var(--gris);border:1px solid var(--trait);
}
.pan .woocommerce-error{background:#FDF2F2;border-color:#F3C9C9;color:#8A1F1F}
.pan .woocommerce-message a,.pan .woocommerce-info a{
  text-decoration:underline;text-underline-offset:2px;
}
/* Le bouton « Continuer » des messages fait doublon avec le nôtre. */
.pan .woocommerce-message .button,.pan .woocommerce-info .button{display:none}

@media (min-width:900px){
  /* Pas d'espace entre les rangées : le conteneur de messages en occupe
     une, même vide, et creuserait un blanc sous le titre. */
  .pan .wrap{
    display:grid;grid-template-columns:1fr 344px;
    column-gap:44px;row-gap:0;align-items:start;
  }
  .pan__t{grid-column:1 / -1;margin-bottom:22px}
  .pan__form{grid-column:1}
  .pan__bilan{
    grid-column:2;margin-top:0;position:sticky;top:24px;
    padding:20px;border:1px solid var(--trait);
  }
  .pan__lignes .ci{grid-template-columns:96px 1fr}
}