/*
 Theme Name:   Armurerie Wood for Powder enfant
 Description:  Thème enfant pour Hello Elementor
 Author:       Aude
 Author URI:   https://armurerie-woodforpowder.fr
 Template:     hello-elementor                
 Version:      1.0.0
 Text Domain:  armurerie-woodforpowder-enfant
*/



/** ABO : grille marque mise en page
 */

.grille-marques {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 24px;
    align-items: center;
}

.marque-logo img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}


/** ABO : grille marque effet passage souris
 */
.marque-logo {
    display: inline-block;
    transition: transform 0.25s ease;
}

.marque-logo:hover {
    transform: scale(1.07);
}



/** ABO : grille marque responsive
 */


@media (max-width: 768px) {
    .grille-marques {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .grille-marques {
        grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .marque-logo:hover {
        transform: scale(1.04);
    }
}


/* EXCLURE le menu panier du style bouton Elementor */
.elementor-menu-cart__toggle_button.elementor-button {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
}

/* Boutons dans le panier latéral Elementor */
.elementor-menu-cart__container .elementor-button,
.elementor-menu-cart__container a.button,
.elementor-menu-cart__container .checkout-button {
    color: #525560 !important;
    background-color: transparent !important;
    border: 1px solid #525560 !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Survol */
.elementor-menu-cart__container .elementor-button:hover,
.elementor-menu-cart__container a.button:hover,
.elementor-menu-cart__container .checkout-button:hover {
    background-color: #FBB03B !important;
    color: #525560 !important;
}

/* Espacement entre les boutons */
.elementor-menu-cart__container .elementor-button:not(:last-child),
.elementor-menu-cart__container a.button:not(:last-child) {
    margin-right: 10px;
}


/* ===== CASES COCHÉES – COULEUR PERSONNALISÉE ===== */
.filtre-produit input[type="checkbox"]:checked {
    accent-color: #FBB03B !important;
}

/* Compatibilité si Berocket utilise du custom HTML */
.filtre-produit input[type="radio"]:checked {
    accent-color: #FBB03B !important;
}



/* Cases à cocher checkout WooCommerce en #FBB03B */
.woocommerce-checkout .woocommerce-form__input[type="checkbox"],
.woocommerce-checkout input[type="checkbox"] {
    accent-color: #FBB03B !important;   /* Couleur principale quand coché + focus */
}

/* Optionnel : fond non coché (gris clair par défaut, tu peux changer) */
.woocommerce-checkout .woocommerce-form__input[type="checkbox"],
.woocommerce-checkout input[type="checkbox"] {
    background-color: #f8f8f8;          /* fond quand non coché */
    border: 2px solid #ddd;             /* bordure non coché */
}

/* Quand coché : renforce la visibilité si accent-color ne suffit pas */
.woocommerce-checkout .woocommerce-form__input[type="checkbox"]:checked,
.woocommerce-checkout input[type="checkbox"]:checked {
    background-color: #FBB03B !important;
    border-color: #FBB03B !important;
}

/* La coche blanche (checkmark) reste blanche par défaut – si tu veux la changer */
.woocommerce-checkout .woocommerce-form__input[type="checkbox"]:checked::before,
.woocommerce-checkout input[type="checkbox"]:checked::before {
    color: #ffffff !important;          /* coche blanche sur fond #FBB03B */
}



/* Taille du texte des méthodes d'expédition */
.woocommerce ul#shipping_method li,
.woocommerce ul#shipping_method li label {
    font-size: 16px !important; /* ajuste la taille ici */
    line-height: 1.3;
}

/* Prix à côté des méthodes */
.woocommerce ul#shipping_method li .amount {
    font-size: 16px !important;
}