/**
 * Alysumchild — Personnalisations visuelles
 *
 * Ce fichier contient toutes les surcharges de la charte graphique.
 * Il remplace les modifications qui étaient directement dans themes/alysum/assets/css/theme.css.
 *
 * Palette :
 *   Terracotta : #CF8666 / rgb(207 133 103)
 *   Olive vert : #516244 / #526344
 *   Brun chaud : #7d5c47
 *   Crème :      #fbf7f3
 */

/* ============================================================
   TYPOGRAPHIE — Police Barlow
   ============================================================ */

p {
    font-family: 'Barlow';
}

.breadcrumb {
    font-family: 'Barlow';
}

/* Titres h2 / h3 */
h2,
.h2,
h3,
.h3 {
    color: #526344;
    font-family: 'Barlow';
}

/* Titres h4 */
h4,
.h4 {
    color: #526344;
    font-family: 'Barlow';
}

/* En-têtes de pages (authentification, compte, CMS) */
.order-confirmation-table h3.card-title,
.order-confirmation-table h2.card-title,
.authentication-page h2,
.page-header h1 {
    text-transform: none;
    font-size: 1.5em;
    color: #7d5c47;
    font-weight: 600;
    letter-spacing: 0em;
    font-family: 'Barlow';
}

/* ============================================================
   COULEURS — Palette de marque
   ============================================================ */

/* Badge compteur panier */
.cart-counter {
    background-color: rgb(207 133 103);
    color: #fbf7f3;
}

/* Bouton primaire désactivé */
.btn-primary:disabled,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
    background-color: #CF8666;
    border-color: transparent;
    color: #fff;
}

/* Bouton flottant fixe (pk-fixed-button : retour en haut, AI agent, etc.) */
.pk-fixed-button {
    background: #516244;
    color: #fff;
}

/* ============================================================
   CORRECTIONS VISUELLES
   ============================================================ */

/* Footer — icône de section : suppression du width fixe qui causait un débordement */
#footer .tb-sect-icon {
    width: auto;
    min-width: 30px;
}

/* ============================================================
   PAGE LISTING PRODUITS (catégorie, recherche, soldes…)
   ============================================================ */

/* Masquage du switcher de vue liste/grille */
.listing_view {
    display: none;
}

/* Dropdown de tri — champ titre */
.products-sort-order .select-title {
    background: #f4e4c752;
    padding: 15px 30px;
    border: 0px solid #dfdfdf;
    font-family: 'Barlow';
    border-radius: 8px;
}

/* Dropdown de tri — options au survol */
.products-sort-order .select-list {
    font-family: 'Barlow';
}

.products-sort-order .select-list:hover {
    background: #cf8666;
    color: #fbf7f3;
}

/* Dropdown de tri — menu déroulant */
.products-sort-order .dropdown-menu {
    background: #fbf7f3;
    border-radius: 8px;
}

/* ============================================================
   PAGE PANIER — Typographie Barlow cohérente
   ============================================================ */

/* Base : toute la page panier en Barlow */
#cart {
    font-family: 'Barlow', sans-serif;
}

/* Titre H1 "Panier" */
#cart .page-header h1 {
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.03em;
}

/* Nom du produit */
#cart .product-line-grid-body > .product-line-info > a {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}

/* Attributs produit (taille, couleur…) */
#cart .product-line-grid-body .prod-features,
#cart .product-line-grid-body .product-line-info .label {
    font-family: 'Barlow', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

/* Prix unitaire */
#cart .product-line-grid-body .price,
#cart .product-line-grid-body .regular-price {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 500;
}

/* Prix total de la ligne (colonne droite) */
#cart .product-line-grid-right .product-price strong,
#cart .product-line-grid-right .price {
    font-family: 'Barlow', sans-serif;
    font-size: 17px;
    font-weight: 600;
}

/* Quantité (spineur) */
#cart .product-line-grid-right .bootstrap-touchspin > .form-control,
#cart .product-line-grid-right .bootstrap-touchspin > .input-group,
#cart .js-cart-line-product-quantity {
   font-family: 'Barlow', sans-serif;
    font-size: 14px;
    margin: 10px;
    background: #fbf7ed;
    border-radius: 8px;
    color: #516144;
    font-weight: 700;
    border: none;
}

/* Récapitulatif — labels et valeurs */
#cart .cart-summary-line .label,
#cart .cart-detailed-totals .label {
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

#cart .cart-summary-line .value,
#cart .cart-detailed-totals .value {
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

/* Total final */
#cart .cart-summary-line.cart-total .label,
#cart .cart-summary-totals .cart-total .label {
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

#cart .cart-summary-line.cart-total .value,
#cart .cart-summary-totals .cart-total .value {
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

/* Champ code promo */
#cart .cart-voucher input,
#cart .cart-voucher .btn {
    font-family: 'Barlow', sans-serif;
    font-size: 14px;
}

/* Bouton Commander */
#cart .cart-detailed-actions .btn {
    font-family: 'Barlow', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

/* PAGE PANIER — Desktop
   ============================================================ */

/* Prix du produit dans la ligne panier */
.product-line-grid-body .regular-price,
.product-line-grid-body .price {
    padding: 0;
}

/* Lien nom du produit dans la ligne panier */
.product-line-grid-body > .product-line-info > a {
    padding: 0;
    font-size: 16px;
}

/* Récapitulatif panier (colonne droite) */
#cart #main > .cart-grid .cart-grid-right {
    background: #ffffff;
    border-radius: 16px;
    padding: 1em;
}

/* ============================================================
   PAGE PANIER — Responsive tablette (≤ 991px)
   ============================================================ */

@media (width <= 991px) {

    /* Stacking vertical : contenu + récap */
    #cart #main > .cart-grid {
        flex-direction: column;
    }

    #cart #main > .cart-grid .cart-grid-body,
    #cart #main > .cart-grid .cart-grid-right {
        width: 100%;
        max-width: 100%;
        flex: none;
    }

    #cart #main > .cart-grid .cart-grid-right {
        margin-top: 1.5rem;
    }

    /* Image produit plus compacte */
    .product-line-grid-left {
        width: 110px;
        margin-right: 20px;
    }

    /* Nom produit */
    .product-line-grid-body > .product-line-info > a {
        font-size: 15px;
    }
}

/* ============================================================
   PAGE PANIER — Responsive mobile (≤ 600px)
   ============================================================ */

@media (width <= 600px) {

    /* Réduire le padding global */
    .cart-grid-body .card-block {
        padding: 0;
    }

    .cart-item {
        padding: 1.25rem 0;
    }

    /* Image encore plus petite */
    .product-line-grid-left {
        width: 80px;
        margin-right: 12px;
        flex-shrink: 0;
    }

    /* Nom et attributs */
    .product-line-grid-body > .product-line-info > a {
        font-size: 14px;
        line-height: 1.3em;
    }

    .product-line-grid-body .prod-features {
        font-size: 12px;
    }

    /* Prix et quantité en ligne compacte */
    .product-line-grid-right {
        width: auto;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-top: 10px;
    }

    .product-line-grid-right .qty {
        margin: 0;
    }

    .product-line-grid-right .price {
        font-size: 18px;
        margin: 0;
    }

    /* Bouton supprimer : zone de tap agrandie */
    .product-line-grid-right .cart-line-product-actions .remove-from-cart {
        padding: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-line-grid-right .cart-line-product-actions .remove-from-cart svg {
        width: 14px;
        height: 14px;
        margin: 0;
    }

    /* Récapitulatif totaux */
    .cart-detailed-totals-wrap {
        padding: 1.25em;
    }

    /* Boutons d'action (Commander / Continuer) */
    .cart-detailed-actions .btn {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}

/* ============================================================
   PAGE PANIER — Très petit écran (≤ 400px)
   ============================================================ */

@media (width <= 400px) {

    .product-line-grid-left {
        width: 65px;
        margin-right: 10px;
    }

    .product-line-grid-right .price {
        font-size: 16px;
    }

    /* Spineur quantité */
    .product-line-grid-right .bootstrap-touchspin > .form-control,
    .product-line-grid-right .bootstrap-touchspin > .input-group {
        width: 2.5rem;
        font-size: 13px;
    }
}

/* ============================================================
   PK-ASIDE — Sidebar panneau latéral
   ============================================================ */

.pk-aside {
    background: #F3E4C7;
}

/* ============================================================
   PAGE FICHE PRODUIT
   ============================================================ */

/* Description courte du produit */
.page-product .short-desc {
    margin-bottom: 35px;
    color: #7B6655;
}

/* ===================================
   MULTI-IMAGE HOVER — Alysum Zoopiz
   =================================== */

/* Masquer toutes les images sauf la première par défaut */
.product-thumbnail a .cover-image:not(:first-of-type) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Afficher selon la zone survolée */
.product-thumbnail a .pmimage-switcher span:nth-child(1):hover ~ * .cover-image:nth-of-type(1),
.product-thumbnail a .pmimage-switcher span:nth-child(2):hover ~ * .cover-image:nth-of-type(2),
.product-thumbnail a .pmimage-switcher span:nth-child(3):hover ~ * .cover-image:nth-of-type(3) {
    opacity: 1;
}

/* Fallback : au hover général sur la miniature, afficher image 2 */
.product-miniature:hover .product-thumbnail a .cover-image:nth-of-type(1) {
    opacity: 0;
}

.product-miniature:hover .product-thumbnail a .cover-image:nth-of-type(2) {
    opacity: 1;
}

.pk-aside .mini-product {
    border: 0px solid #ccc;
  
    background: #fff1d7;
    border-radius: 16px;
}

.pk-aside .pk-aside-tabs .cart-total {

    font-size: 17px;
    font-family: 'Barlow';
   
}


.pk-aside .shopping_cart .cart-button > .btn:last-child {
    background: #fff2d7;
    color: #526344;
}