/* GÉNÉRÉ depuis main.css (bleu de marque #5897fb → couleur de la boutique) par un script :
   ne pas éditer à la main. Ne s'applique qu'aux pages boutique (<html class="charte-boutique">).
   Les couleurs viennent des variables --mk-* (partials/site-charte-boutique). */
html.charte-boutique .text-brand { color: var(--mk-profond) !important; }
html.charte-boutique .text-primary { color: var(--mk-socle) !important; }
html.charte-boutique .bg-brand { background-color: var(--mk-profond) !important; }
html.charte-boutique .bg-primary { background-color: var(--mk-socle) !important; }
html.charte-boutique .border-brand { border-color: var(--mk-profond) !important; }
html.charte-boutique .section-title.style-1::after { background-color: var(--mk-profond); }
html.charte-boutique .section-title span { color: var(--mk-profond); }
html.charte-boutique .btn-default { background-color: var(--mk-profond); }
html.charte-boutique .btn-shadow-brand { -webkit-box-shadow: 0 2px 6px 0 rgba(var(--mk-profond-rgb), 0.16); box-shadow: 0 2px 6px 0 rgba(var(--mk-profond-rgb), 0.16); }
html.charte-boutique .btn-shadow-brand:hover { border: 1px solid var(--mk-profond); }
html.charte-boutique .btn-brand { background-color: var(--mk-profond); border-color: var(--mk-profond); }
html.charte-boutique button.submit,
html.charte-boutique button[type="submit"] { background-color: var(--mk-profond); }
html.charte-boutique button.submit:hover,
html.charte-boutique button[type="submit"]:hover { background-color: var(--mk-socle) !important; }
html.charte-boutique .btn-brand:hover { background-color: var(--mk-socle) !important; }
html.charte-boutique .btn,
html.charte-boutique .button { border: 1px solid var(--mk-profond); background: var(--mk-profond); }
html.charte-boutique .btn:hover,
html.charte-boutique .button:hover { background: var(--mk-socle); }
html.charte-boutique .contact-from-area .contact-form-style button { background-color: var(--mk-profond); }
html.charte-boutique .custome-checkbox input[type="checkbox"]:checked + .form-check-label::before { background-color: var(--mk-profond); border-color: var(--mk-profond); }
html.charte-boutique .comment-form button { background-color: var(--mk-profond); }
html.charte-boutique .comment-form button:hover { background-color: var(--mk-socle) !important; }
html.charte-boutique .button-contactForm { background: var(--mk-profond); border-color: var(--mk-profond); }
html.charte-boutique .dot-style-1 ul li.slick-active button { background: var(--mk-profond); border-color: var(--mk-profond); }
html.charte-boutique .slider-arrow .slider-btn { color: var(--mk-profond); }
html.charte-boutique .slider-arrow .slider-btn:hover { background-color: var(--mk-profond); border-color: var(--mk-profond); }
html.charte-boutique .card-1:hover a { color: var(--mk-profond); }
html.charte-boutique .nav-tabs .nav-link.active { border-bottom: 2px solid var(--mk-profond); color: var(--mk-profond); }
html.charte-boutique .dashboard-menu ul li a.active { background-color: var(--mk-profond); }
html.charte-boutique .deals-countdown .countdown-section { background-color: var(--mk-profond); }
html.charte-boutique .banner-big .btn { background: var(--mk-socle); background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--mk-socle)),
        to(#3286e0)
    ); background: linear-gradient(90deg, var(--mk-socle) 0%, #3286e0 100%); }
html.charte-boutique .deal .btn { background: var(--mk-socle); background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--mk-socle)),
        to(#3286e0)
    ); background: linear-gradient(90deg, var(--mk-socle) 0%, #3286e0 100%); }
html.charte-boutique .product-cart-wrap .product-action-1 button:after,
html.charte-boutique .product-cart-wrap .product-action-1 a.action-btn:after { background-color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-action-1 button:before,
html.charte-boutique .product-cart-wrap .product-action-1 a.action-btn:before { border-top-color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-action-1 button:hover,
html.charte-boutique .product-cart-wrap .product-action-1 a.action-btn:hover { background-color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-badges span.new { background-color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-content-wrap .product-category a:hover { color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-content-wrap h2 a:hover { color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-content-wrap .product-price span { color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-content-wrap .product-price span.new-price { color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-content-wrap .add-to-cart:hover { background-color: var(--mk-profond); }
html.charte-boutique .product-cart-wrap .product-stock .status-bar .sold-bar { background-image: linear-gradient(235deg, var(--mk-profond) 0%, #77ccfd 100%); }
html.charte-boutique .product-list-small .product-price { color: var(--mk-profond); }
html.charte-boutique .range #slider-range { background: var(--mk-profond); color: var(--mk-profond); }
html.charte-boutique .range .ui-slider-handle.ui-state-default.ui-corner-all { background: var(--mk-profond); }
html.charte-boutique .sort-by-dropdown ul li a.active::before { color: var(--mk-profond); }
html.charte-boutique .sort-by-dropdown ul li a:hover { background-color: var(--mk-profond); }
html.charte-boutique .product-list
    .product-cart-wrap
    .product-content-wrap
    .product-action-1
    a.action-btn { background-color: var(--mk-profond); }
html.charte-boutique .size-filter.list-filter li a:hover,
html.charte-boutique .size-filter.list-filter li.active a { background-color: var(--mk-profond); border-color: var(--mk-profond); }
html.charte-boutique .detail-qty > a:hover { color: var(--mk-profond); }
html.charte-boutique .product-extra-link2 a:hover { background-color: var(--mk-profond); }
html.charte-boutique .tab-style3 .nav-tabs .nav-item a.active { border-bottom-color: var(--mk-profond); color: var(--mk-profond); }
html.charte-boutique .progress-bar { background-color: var(--mk-profond); }
html.charte-boutique .shop-product-fillter-header .categor-list li a:hover { color: var(--mk-profond); }
html.charte-boutique .custome-radio input[type="radio"]:checked + .form-check-label::after { background-color: var(--mk-profond); }
html.charte-boutique .entry-meta.meta-0 span::before { border: 1px solid var(--mk-profond); }
html.charte-boutique .post-title a:hover { color: var(--mk-profond); }
html.charte-boutique .post-thumb .entry-meta a { background-color: var(--mk-profond); }
html.charte-boutique .header-info > ul > li > ul li a:hover { color: var(--mk-profond); }
html.charte-boutique .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a:hover { background-color: var(--mk-socle); }
html.charte-boutique .search-style-1 form input:focus { border: 1px solid var(--mk-profond); }
html.charte-boutique .search-style-1 form button { color: var(--mk-profond); }
html.charte-boutique .search-style-1 form button:hover { color: var(--mk-socle); }
html.charte-boutique .header-action .header-action-icon > a span.pro-count.blue { background-color: var(--mk-profond); }
html.charte-boutique .header-action .header-action-icon:hover > a { color: var(--mk-profond); }
html.charte-boutique .header-action-2 .header-action-icon-2 > a span.pro-count.blue { background-color: var(--mk-profond); }
html.charte-boutique .header-action-2 .header-action-icon-2:hover > a { color: var(--mk-profond); fill: var(--mk-profond); }
html.charte-boutique .cart-dropdown-wrap ul li .shopping-cart-title h4 a:hover { color: var(--mk-profond); }
html.charte-boutique .cart-dropdown-wrap ul li .shopping-cart-title h3 { color: var(--mk-profond); }
html.charte-boutique .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-total h4 span { color: var(--mk-profond); }
html.charte-boutique .cart-dropdown-wrap .shopping-cart-footer .shopping-cart-button a { background-color: var(--mk-profond); }
html.charte-boutique .search-style-2 form input:focus { border: 2px solid var(--mk-profond); }
html.charte-boutique .search-style-2 form button { color: var(--mk-profond); }
html.charte-boutique .header-bottom-bg-color { background-color: var(--mk-profond); }
html.charte-boutique .header-bottom .header-action-right a span.pro-count { color: var(--mk-profond); }
html.charte-boutique .search-style-3 form input:focus { border: 1px solid var(--mk-profond); }
html.charte-boutique .search-style-3 form button:hover { color: var(--mk-profond); }
html.charte-boutique .search-popup-wrap .search-popup-content form input { border-bottom: 3px solid var(--mk-profond); }
html.charte-boutique .mobile-header-wrapper-style .mobile-header-wrapper-inner { background-color: var(--mk-profond); }
html.charte-boutique .mobile-header-wrapper-style
    .mobile-header-wrapper-inner
    .mobile-header-content-area
    .mobile-header-info-wrap
    .single-mobile-header-info
    .lang-curr-dropdown
    ul
    li
    a:hover { color: var(--mk-profond); }
html.charte-boutique .header-style-2 .search-style-2 form button { background: var(--mk-profond); }
html.charte-boutique .header-style-3 .header-top-ptb-1 { background-color: var(--mk-profond); }
html.charte-boutique .header-style-3 .hotline p { color: var(--mk-profond) !important; }
html.charte-boutique .header-style-4 .select2-container--default .select2-selection--single { background-color: var(--mk-profond); }
html.charte-boutique .header-style-4 .main-categori-wrap > a { background: var(--mk-profond); }
html.charte-boutique .header-style-4 .hotline p { color: var(--mk-profond) !important; }
html.charte-boutique .main-menu > nav > ul > li > a.active { color: var(--mk-profond); }
html.charte-boutique .main-menu
    > nav
    > ul
    > li
    ul.mega-menu
    li
    .menu-banner-wrap
    .menu-banner-content
    .menu-banner-btn
    a { background-color: var(--mk-profond); }
html.charte-boutique .main-menu > nav > ul > li:hover > a { color: var(--mk-profond); }
html.charte-boutique .main-menu.hover-boder > nav > ul > li > a::after { background: var(--mk-profond); }
html.charte-boutique .categori-dropdown-wrap ul li a:hover { color: var(--mk-profond); }
html.charte-boutique .categori-dropdown-wrap ul li.has-children .dropdown-menu .submenu-title { color: var(--mk-profond); }
html.charte-boutique .categori-dropdown-wrap .more_categories { color: var(--mk-profond); }
html.charte-boutique .categori-dropdown-wrap .more_categories::before { background-color: var(--mk-profond); }
html.charte-boutique .categori-dropdown-wrap .more_categories::after { background-color: var(--mk-profond); }
html.charte-boutique .pagination-area .page-item.active .page-link,
html.charte-boutique .pagination-area .page-item:hover .page-link { background: var(--mk-profond); }
html.charte-boutique .widget-category ul > li a:hover { color: var(--mk-profond); }
html.charte-boutique .footer-list li a:hover { color: var(--mk-profond); }
html.charte-boutique #scrollUp { background-color: var(--mk-profond); }
@media only screen and (max-width: 768px) {
html.charte-boutique .hero-slider-content-2 .btn-default { background-color: var(--mk-profond); }
html.charte-boutique .header-style-3 .header-bottom-bg-color { background-color: var(--mk-profond); }
html.charte-boutique .header-style-3 .sticky-bar.stick.sticky-blue-bg { background-color: var(--mk-profond); }
html.charte-boutique .header-style-4 .header-bottom-bg-color { background-color: var(--mk-profond); }
html.charte-boutique .header-style-4 .sticky-bar.stick.sticky-blue-bg { background-color: var(--mk-profond); }
}
