/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Template: porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress Multi Purpose + eCommerce Theme.
Tags: woocommerce,business,corporate,e-commerce,blog,news,education,food-and-drink,portfolio,responsive,blue,black,green,white,light,dark,red,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,fixed-layout,responsive-layout,custom-menu,editor-style,featured-images,flexible-header,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready,accessibility-ready,block-styles,custom-background,custom-colors,custom-header,custom-logo,footer-widgets,template-editing,grid-layout,one-column,wide-blocks
Version: 6.12.1.1701198862
Updated: 2023-11-28 20:14:22

*/
/* --- 1. ÉTAT : EN STOCK (VERT) --- */

.product-stock:not(.pending-repair):not(.out-of-stock) {

    display: inline-block !important;

    background-color: #eafaf1 !important; /* Vert très clair */

    border: 1px solid #2ecc71 !important; /* Bordure verte */

    padding: 8px 15px !important;

    border-radius: 5px !important;

    margin: 10px 0 !important;

}

.product-stock:not(.pending-repair):not(.out-of-stock) .stock {

    color: #27ae60 !important; /* Texte vert foncé */

    font-weight: bold !important;

}



/* --- 2. ÉTAT : EN RÉPARATION (ORANGE) --- */

.product-stock.pending-repair {

    display: inline-block !important;

    background-color: #fff5e6 !important; /* Fond orange très clair */

    border: 1px solid #f39c12 !important; /* Bordure orange */

    padding: 8px 15px !important;

    border-radius: 5px !important;

    margin: 10px 0 !important;

}

.product-stock.pending-repair .stock {

    color: #d35400 !important; /* Texte orange foncé */

}



/* --- 3. ÉTAT : RUPTURE DE STOCK (ROUGE) --- */

/* On cible le conteneur quand il a la classe out-of-stock */

.product-stock.out-of-stock {

    display: inline-block !important;

    background-color: #fdeaea !important; /* Fond rouge très clair */

    border: 1px solid #e74c3c !important; /* Bordure rouge */

    padding: 8px 15px !important;

    border-radius: 5px !important;

    margin: 10px 0 !important;

}

.product-stock.out-of-stock .stock {

    color: #c0392b !important; /* Texte rouge foncé */

    font-weight: bold !important;

}

/* On remplace QTY: par la traduction de votre choix */

.product-layout-extended .entry-summary .quantity:before {

    content: "Qté :" !important;

} 

/* ==========================================================================
   DESIGN CHECKOUT : MODES DE LIVRAISON EN CARTES SÉLECTIONNABLES
   ========================================================================== */

/* 1. Conteneur principal de la liste de livraison */
#shipping_method, 
.woocommerce-shipping-methods {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px; /* Espace entre les cartes */
}

/* 2. Structure d'une carte (chaque <li>) */
#shipping_method li, 
.woocommerce-shipping-methods li {
    position: relative;
    background-color: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 0 !important;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
}

/* 3. Effet au survol (Hover) */
#shipping_method li:hover, 
.woocommerce-shipping-methods li:hover {
    border-color: #cbd5e1;
    background-color: #f8fafc;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* 4. Style de la carte SELECTIONNÉE */
#shipping_method li:has(input[type="radio"]:checked),
.woocommerce-shipping-methods li:has(input[type="radio"]:checked) {
    border-color: #2563eb; /* Couleur d'accentuation (Bleu) */
    background-color: #f0f6ff; /* Fond légèrement teinté */
    box-shadow: 0 4px 10px rgba(37, 99, 235, 0.12);
}