/*
 * Surcharges du parcours d'achat : panier, tunnel et confirmation.
 *
 * Chargée après charte.css, dont les règles de bouton perdent face aux
 * styles que WooCommerce et Kirana impriment plus bas dans la page.
 */

/* Le bouton du panier restait à la couleur de marque quand celui du tunnel
   suivait la charte : deux couleurs pour la même action, dans le même
   parcours. Kirana le colore par un sélecteur à cinq niveaux, que les
   règles de charte ne peuvent pas emporter — il est repris tel quel plutôt
   que forcé par un !important. */
.wc-block-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-container .wc-block-cart__submit-button {
  background-color: var(--fhema-color-green);
  border-color: var(--fhema-color-green);
  color: #ffffff;
}

.wc-block-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-container .wc-block-cart__submit-button:hover,
.wc-block-cart .wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-container .wc-block-cart__submit-button:focus {
  background-color: var(--fhema-color-text);
  border-color: var(--fhema-color-text);
  color: #ffffff;
}

/* Dans le tunnel et sur la confirmation, WooCommerce rend le bouton du
   mini-panier à zéro pixel : on ne modifie pas un panier en cours de
   commande, ni une commande déjà passée. L'en-tête gardait le libellé
   « Panier » seul, sans son icône. */
body.woocommerce-checkout .wp-block-group.kirana-shopping-icon,
body.woocommerce-checkout .wp-block-group:has(> .wp-block-woocommerce-mini-cart) {
  display: none;
}

/* Écran de vérification d'adresse — celui que voit un client qui rouvre le
   lien de confirmation depuis une autre session que sa commande. Le lien de
   connexion y est rendu en display:inline : stylé en bouton, il chevauche le
   paragraphe qui le contient. */
body.woocommerce-order-received main a.button {
  display: inline-block;
}

/* Et son bouton de validation est un input placé dans une form-row : Kirana
   y applique la couleur de texte des champs de saisie, grise, sur le fond
   vert de la charte. Le libellé du bouton en devient illisible. */
body.woocommerce-order-received main .button,
body.woocommerce-order-received .form-row input[type="submit"] {
  color: #ffffff;
}

/* Kirana borde les lignes du tableau du panier alors que WooCommerce borde
   déjà les cellules, d'où un trait doublé au-dessus de la colonne « Total » :
   cette cellule est en display:flex, donc hors du modèle de bordures
   fusionnées, et dessine la sienne un pixel plus bas que les autres. Le
   séparateur est laissé à la ligne, qui le trace d'un seul trait continu.
   Ne vaut qu'en disposition large : en colonne, WooCommerce ne borde plus
   les cellules et il n'y a rien à retirer. */
.wc-block-cart.is-large .wc-block-cart-items tbody td {
  border-top: 0;
}

/* Kirana met les en-têtes du tableau en retrait de 16px et laisse les
   cellules à zéro : l'image du produit débordait à gauche de la colonne
   « Produit ». Le retrait suit la même condition que celui des en-têtes. */
.wc-block-cart.is-large .wc-block-cart-items tbody td:first-child {
  padding-left: 16px;
}

/* Kirana reprend la grille mobile de WooCommerce en élargissant la première
   colonne et en ajoutant 16px de marge horizontale à la ligne : la grille
   dépasse alors son conteneur, et le total de la ligne sort de l'écran, rogné
   sans bruit par l'overflow-x:hidden du document. La colonne du milieu est
   rendue élastique pour absorber la différence. */
.wc-block-cart.is-mobile .wc-block-cart-items .wc-block-cart-items__row {
  grid-template-columns: 100px minmax(0, 1fr);
  padding-left: 0;
  padding-right: 0;
}