/*
Theme Name: Shoptimizer Child
Theme URI: https://joliatcycles.ch/
Description: Thème enfant pour Shoptimizer
Author: Gérard Joliat
Author URI: https://joliatcycles.ch/
Template: shoptimizer
Version: 1.0.0
*/

/* Ajoute ici ton CSS personnalisé */
.dashboard-btn.disabled {
    opacity: .4;
    pointer-events: none;
    cursor: not-allowed;
}

/* ==================================================
   MASQUER VISUELLEMENT LES RADIOS (mais actifs)
   ================================================== */
.woocommerce-shipping-methods input[type="radio"],
.woocommerce-checkout-payment input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Supprimer faux radios Shoptimizer */
.woocommerce-shipping-methods label::before,
.woocommerce-shipping-methods label::after,
.woocommerce-checkout-payment label::before,
.woocommerce-checkout-payment label::after {
    display: none !important;
    content: none !important;
}

/* ==================================================
   EXPÉDITION — OPTION SÉLECTIONNÉE
   ================================================== */
.woocommerce-shipping-methods li {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
}


.woocommerce-shipping-methods li:has(input[type="radio"]:checked) {
    background: #3bb54a;
}

.woocommerce-shipping-methods li:has(input[type="radio"]:checked) label,
.woocommerce-shipping-methods li:has(input[type="radio"]:checked) .amount,
.woocommerce-shipping-methods li:has(input[type="radio"]:checked) small {
    color: #fff;
    font-weight: 700;
}

/* ==================================================
   PAIEMENT — OPTION SÉLECTIONNÉE
   ================================================== */
.woocommerce-checkout-payment li {
    padding: 10px;
    border-radius: 6px;
}

.woocommerce-checkout-payment li:has(input[type="radio"]:checked) {
    background: #3bb54a;
}

.woocommerce-checkout-payment li:has(input[type="radio"]:checked) label,
.woocommerce-checkout-payment li:has(input[type="radio"]:checked) p,
.woocommerce-checkout-payment li:has(input[type="radio"]:checked) .payment_box {
    color: #fff;
    font-weight: 700;
}

/* Nettoyage fond description paiement */
.woocommerce-checkout-payment li:has(input[type="radio"]:checked) .payment_box {
    background: transparent;
}
/* FORCER LE TITRE DU MOYEN DE PAIEMENT EN BLANC */
.woocommerce-checkout-payment li:has(input[type="radio"]:checked) label,
.woocommerce-checkout-payment li:has(input[type="radio"]:checked) label *,
.woocommerce-checkout-payment li:has(input[type="radio"]:checked) .payment_method_title {
    color: #fff !important;
}
/* Livraison – même style que "En stock" */
.jc-delivery-ok {
    color: var(--woocommerce-green, #1b5e20); /* même vert */
    font-size: 0.8em;                          /* même taille visuelle */
    font-weight: 500;                          /* cohérent avec stock */
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

#jc-variation-delivery {
    margin-top: 0px;
    padding: 0;
    border: none;
    background: transparent;
}
.jc-shipping-date {
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: 600;
    color: #1b5e20;
}

.jc-fee-line {
    padding-left: 0.25rem;
}

.jc-fee-title {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.jc-fee-product {
    font-size: 0.7rem;
    opacity: 0.75;
}

.bcpl-travail-line {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #e0e0e0;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.bcpl-travail-line:hover {
    background: #fafafa;
}

.bcpl-travail-line input[type="checkbox"] {
    transform: scale(1.1);
}

.bcpl-travail-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.bcpl-travail-spacer {
    flex: 1;
}

.bcpl-travail-price {
    font-weight: 700;
    white-space: nowrap;
}

/* Trait rouge pour BUS */
.travail-bus {
    border-left: 4px solid #c00 !important;
    padding-left: 10px;
}

/* Mobile */
@media (max-width: 600px) {
    .bcpl-travail-label {
        white-space: normal;
    }
}