/* --- Couleurs et Boutons Walsam --- */

/* Boutons principaux */
.btn-primary {
    background-color: #2E4A6F !important;
    border-color: #2E4A6F !important;
    border-radius: 10px !important;
    transition: all 0.3s ease-in-out !important;
    text-transform: uppercase;
    font-weight: bold;
}

/* Effet au survol des boutons */
.btn-primary:hover {
    background-color: #BFB290 !important;
    border-color: #BFB290 !important;
    transform: translateY(-2px); /* Petit saut vers le haut */
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* Menu de navigation */
#header .header-top {
    border-bottom: 3px solid #BFB290;
}

#desktop_top_menu_wrapper {
    background: white;
}

.top-menu a {
    color: #2E4A6F !important;
    font-weight: 600;
}

.top-menu a:hover {
    color: #BFB290 !important;
}

/* Éléments de mise en avant (badges, prix) */
.product-price, .cart-products-count {
    color: #2E4A6F !important;
}

.discount-percentage {
    background: #BFB290 !important;
    border-radius: 5px;
}

/* Arrondir les images produits et les blocs */
.product-miniature, .card {
    border-radius: 15px !important;
    overflow: hidden;
    border: 1px solid #f0f0f0 !important;
    transition: shadow 0.3s ease;
}

.product-miniature:hover {
    box-shadow: 0 10px 20px rgba(46, 74, 111, 0.1) !important;
}