/* Secal Regalia® — plg_system_secalscripts — feuille 05 : listes-panier-gabarit
   Chargée sur : toutes les pages. */

/* ---------- Panier : quantités et alignement ---------- */
.hikashop_checkout_cart table td {
    vertical-align: middle;
}

.hikashop_product_quantity_input_div_default_main {
    display: flex !important;
    align-items: center;
    gap: 4px;
}

.hikashop_product_quantity_field {
    width: 50px;
    text-align: center;
}

/* Boutons + et − : cibles plus compactes que le style de bouton par défaut,
   qui les rendait aussi larges que le bouton d'ajout au panier. */
.hikashop_product_quantity_field_change {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    font-size: 15px;
    line-height: 1;
    border-radius: 3px;
}

/* Symboles + et − en blanc (balises <a>, d'où les pseudo-classes) */
.hikashop_product_quantity_field_change,
.hikashop_product_quantity_field_change:link,
.hikashop_product_quantity_field_change:visited,
.hikashop_product_quantity_field_change:hover,
.hikashop_product_quantity_field_change:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ---------- Listing produits ---------- */
.hikashop_listing_img_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.hikashop_listing_img_title form.hikashop_aligned_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.hikashop_quantity_form {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* ---------- Référence dans les listes de catégorie ----------
   La référence est le repère de commande de tes clients : elle passe devant
   le nom du produit en taille comme en graisse. Le lien qu'elle contient
   hérite de la couleur du texte, pour ne pas ressembler à un lien de plus. */
.hikashop_product_code_list {
    display: block;
    margin-bottom: 2px;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.2;
}

.hikashop_product_code_list a,
.hikashop_product_code_list a:hover,
.hikashop_product_code_list a:focus {
    color: inherit;
    text-decoration: none;
}

.hikashop_product_code_list a:hover,
.hikashop_product_code_list a:focus {
    text-decoration: underline;
}

/* Le nom passe en second plan, comme sur la fiche produit */
.hikashop_product_name_list {
    font-size: .92rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    line-height: 1.35;
}

.hikashop_subcontainer {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
    background-color: #fafafa;
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.hikashop_cart_empty_footer {
    visibility: hidden;
}

/* Masque le titre « Récapitulatif de votre commande » à l'étape 1 uniquement.
   L'étape 4 (#hikashop_checkout_cart_4_0) conserve le sien. */
#hikashop_checkout_cart_1_0 > legend {
    display: none;
}

/* Mention « HT » sur le libellé de la ligne Livraison du récapitulatif.
   Ce texte est écrit en dur par HikaShop et ne passe pas par les fichiers de
   langue : ni HIKASHOP_CHECKOUT_SHIPPING ni LIVRAISON ne l'atteignent. */
#hikashop_checkout_cart_shipping_title::after {
    content: " HT";
}

/* ---------- Largeurs de conteneurs ---------- */
#wrapper,
#wrapper > .inner,
#maincontent {
    width: 100%;
}

/* =========================================================
   STICKY FOOTER — bloc corrigé
   Corrections apportées :
   - suppression de « height: 100% » sur html/body (conflit avec
     min-height sur les pages longues → scintillement du footer)
   - 100dvh remplacé par 100svh (dvh se recalcule quand la barre
     d'adresse mobile se rétracte, d'où le tremblement au scroll)
   - suppression de l'accolade orpheline après #maincontent
   - règles « margin: 0 » et « #wrapper_footer » regroupées ici
   ========================================================= */
html {
    margin: 0;
}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;   /* repli pour les navigateurs anciens */
    min-height: 100svh;  /* stable : ne bouge pas avec la barre d'adresse */
}

#wrapper {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

#wrapper > .inner {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

#maincontent {
    flex: 1 0 auto;
}

#wrapper_footer {
    flex-shrink: 0;
}

/* ---------- Colissimo / points relais ---------- */
.hikashop_colissimo_list {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.hikashop_nom_retrait_proxy_wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.hikashop_nom_retrait_proxy_wrapper label {
    margin-bottom: 5px;
}

.hkc-md-12 label[for$="_nom_retrait"] {
    display: block;
    margin-bottom: 5px;
}

.hikabtn_checkout_shipping_submit {
    display: block;
    margin: 15px auto 0;
}

/* ---------- Page Contact ---------------------------------------------------
   Le composant Contacts affiche le nom du contact en h2 suivi d'un bloc de
   coordonnées resté vide (elles figurent déjà dans le pied de page), et une
   légende « Envoyer un e-mail » écrite en dur dans le gabarit. */
.com-contact__container {
    display: none;
}

.com-contact__form legend {
    display: none;
}

/* Texte blanc du bouton « Valider le relais » (auparavant posé en inline par le JS) */
.hikabtn_checkout_shipping_submit,
.hikabtn_checkout_shipping_submit:link,
.hikabtn_checkout_shipping_submit:visited,
.hikabtn_checkout_shipping_submit:hover,
.hikabtn_checkout_shipping_submit:focus {
    color: #ffffff !important;
}