:root {
    --bleu-main: #45b06a;
    --orange-main: #707070;
}

body {
    background: transparent url("/resources/bg-desktop-cedilog.jpg") center center/cover no-repeat fixed;
}

.imgBackground {
    background: url(/resources/bg-desktop-cedilog.jpg) no-repeat center center;
}

/* GENERAL */
.mainLogin {
    display: flex;
    position: relative;
    height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: url(/resources/bg-desktop-cedilog.jpg) no-repeat center;
    background-color: var(--bleu-main);
}

/* LOGIN */
.logo-tvi {
    width: auto;
    height: auto;
}

main {
    background-size: auto;
}

.logo-tvi img {
    width: 185px;
    /* max-width: 100%; */
}

.login_button:hover {
    background-image: linear-gradient(to right, var(--bleu-main), #468f67, #117e4b, var(--bleu-main));
}

/* GENERAL */
.img-container.pl {
    background-image: url('/resources/auto1-cedilog.svg');
}

.img-container.car_bus {
    background-image: url('/resources/auto4-cedilog.svg');
}

.img-container.vul {
    background-image: url('/resources/auto5-cedilog.svg');
}

.img-container.axles {
    background-image: url('/resources/auto-axles-cedilog.svg');
}

.img-container.vl {
    background-image: url('/resources/auto6-cedilog.svg');
}

/* ------------------------------
   ÉTAT ACTIF (btn-vehicule-active)
   ------------------------------ */

/* Fond du bouton actif */
.choix-auto-item button.btn-vehicule-active {
    background-color: var(--bleu-main);
}

    /* Bandeau texte actif */
    .choix-auto-item button.btn-vehicule-active .text-container {
        background-color: rgb(53, 129, 82) !important;
        color: white; 
    }


/* CARROUSEL */
.promo-dot,
.carousel-dot,
.nouveautes-dot {
    background-color: var(--orange-main) !important;
}

    .promo-dot.active,
    .carousel-dot.active,
    .nouveautes-dot.active,
    .btn-plans-construct,
    .panier-login-agra-bouton p,
    .panier-login-agra-bouton,
    .popup-bouton,
    .popup-bouton-texte {
        background-color: var(--bleu-main) !important;
    }


.promo-section-title,
.nouveautes-section-title,
.nouveautes-badge-title,
.fournisseur-section-title,
.nav-link,
.entete .titre-telecommande,
.label-choix-vehicule,
.bloc-header label,
.dropdown-item p,
.main_content_wrapper .main_content_header .content_header_text,
.rechercheIntelligenteWrapper,
.content_sort,
.histo-item .histo-item-header-agra,
.bon_livraison_btn,
.content_reliquats_wrapper,
.histo-item-header,
.histo-item-content,
.carte-grise-title,
.chemin-catalogue a,
.bouton-vehicle-recherche p,
.item-carte-grise-resultats label, .item-carte-grise-resultats p,
.bouton-recherche p,
.bouton-title,
.data-content > ul > li,
.fil-ariane,
.fil-ariane_webmarchand-texte,
.categorie-produit-content,
.header-bloc-affectation-essieux,
.header-bloc-affectation-essieux select,
.bloc-btn-application input {
    color: var(--orange-main) !important;
}

    .content_sort .content_search_bar #rch-ref,
    .main_content_wrapper .main_content_list .list_content .content_sort .content_search_bar #rch-ref {
        border: var(--orange-main) solid 1px;
    }

.bouton-vehicle-recherche,
.bouton-recherche {
    border: 0.5px solid var(--orange-main);
}

.main_content_wrapper .main_content_list .list_content .content_historique_wrapper .histo-item.open .histo-item-header {
    color: white !important;
}

.main_content_wrapper .main_content_header .content_header_title,
.onglet_page.selected,
.onglet_page.selected::before {
    background-color: var(--orange-main) !important;
}

.bon_livraison_btn  {
    border-right: var(--orange-main) solid 1px;
}
.popup-main-solutions-bouton,
.popup-recap-bouton {
    background-color: var(--bleu-main) !important;
}

.nav-link:hover {
    color: var(--bleu-main) !important;
}

.promo-banner-title {
    background: linear-gradient(180deg,var(--orange-main) 25%,transparent) !important;
}

.promo-banner-overlay-links {
    background: linear-gradient(0deg, var(--orange-main) 85%, rgba(28,51,92,0.0) 100%) !important;
}

.promo-banner-link:hover, .promo-banner-link {
    background: var(--bleu-main, #FF9000) !important;
}

.text-container {
    background: var(--orange-main) !important;
    color: white !important;
}
/* LOGO */
.logo-header {
    grid-area: 1 / 1 / 2 / 3;
    /* max-width: 80%; */
    max-width: 180px;
    margin-right: 2rem;
    top: 0;
}

    .logo-header a {
        background: url("/ressourcesCedilog/CEDILOG-BLANC-BASELINE.svg") no-repeat center / contain;
    }

        .logo-header a img {
            display: none;
        }

.devise {
    grid-area: 1 / 3 / 2 / 4;
    background: url('/ressourcesCedilog/devise_cedilog.svg') no-repeat center / contain;
    margin: 0;
    /* max-width: 75%; */
    max-width: 150px;
    margin-right: 2rem;
}

    .devise p {
        display: none;
    }

.raison-sociale {
    color: white;
}

/* .network-btn-parent,
.network-btn-parent:hover {
    width: auto !important;
    background-color: white;
}
.network-icons-holder {display: flex;}
.network-btn,.network-btn-blue {display: none !important;} */

.network-btn-parent {
    display: none !important;
}

header .visibilite-prix {
    background: url('/ressourcesCedilog/oeil_prix_white.svg') no-repeat center;
}

    header .visibilite-prix:hover {
        background: url('/ressourcesCedilog/oeil_prix_vert.svg')no-repeat center;
        background-color: white;
    }

    header .visibilite-prix.click {
        background: url(/SVG/oeil_prix_ferme.svg) no-repeat center;
        background-color: var(--bleu-main);
    }

.raison-sociale {
    color: white !important;
}

.icone-panier {
    background: url('/ressourcesCedilog/panier.svg') no-repeat center !important;
    background-size: 80% !important;
    background-color: white !important;
}

.bouton-panier-wrapper:hover .icone-panier, .bouton-panier-wrapper.click .icone-panier {
    width: 30px !important;
    left: 0 !important;
    background: url(/SVG/panier_white.svg) no-repeat center !important;
    background-color: transparent !important;
}

.livraison-dropdown-item.selected .livraison-dropdown-texte {
    color: var(--bleu-main) !important;
}

.livraison-dropdown-texte {
    color: var(--orange-main) !important;
}

.btn-rch-catalogue {
    background-color: var(--bleu-main);
}

.massification-container {
    display: none !important;
}

.hotline-boutons {
    margin: 0;
}

/* MENU 2 */
#webmarchand .logo-navbar,
#webmarchand-btn::before {
    background: url(/ressourcesCedilog/webmarchand.svg) no-repeat center;
}

#webmarchand:hover .logo-navbar,
#webmarchand.trigger .logo-navbar {
    background: url(/ressourcesCedilog/webmarchand-transform.svg) no-repeat center !important;
    color : var(--bleu-main);
}

#webmarchand.trigger .nav-link-text,
#adherent.trigger .nav-link-text {
    color: var(--bleu-main) !important;
}

#goodies:hover .logo-navbar,
#goodies.trigger .logo-navbar {
    background: url(/ressourcesCedilog/goodies3.svg) no-repeat center;
}

#adherent .logo-navbar,
#adherent-btn::before {
    height: 27px;
    width: 27px;
    background: url(/ressourcesCedilog/adherent.svg) no-repeat center;
}

#haynespro .logo-navbar,
#haynespro-btn::before {
    height: 27px;
    width: 27px;
    background-color: var(--orange-main) !important;
    -webkit-mask: url("/SVG/outils.svg") no-repeat center / contain;
    mask: url("/SVG/outils.svg") no-repeat center / contain;
}

#haynespro:hover .logo-navbar,
#haynespro-btn::before {
    height: 27px;
    width: 27px;
    background-color: var(--bleu-main) !important;
    -webkit-mask: url("/SVG/outils.svg") no-repeat center / contain;
    mask: url("/SVG/outils.svg") no-repeat center / contain;
}

#adherent:hover .logo-navbar,
#adherent.trigger .logo-navbar {
    height: 27px;
    width: 27px;
    background: url(/ressourcesCedilog/adherent-orange.svg) no-repeat center;
}

/* WEBMARCHAND */
.main-webMarchand_bg {
    background: url('/ressourcesCedilog/webmarchand_bg_cedilog.svg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position-y: 100%;
}

/* FICHE PRODUIT */
.item_panier-icone,
.popup-supplier_item_panier-icone {
    background: url('/ressourcesCedilog/panier-plus.svg') no-repeat center / contain;
}

.item_panier.click .item_panier-icone,
.popup-supplier-item_panier.click .popup-supplier_item_panier-icone {
    background: url('/ressourcesCedilog/panier-ok.svg') center / contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: translateX(5%);
}

.promotions-filtres-logo {
    background: url("/ressourcesCedilog/logo-filtres-promo-cedilog.svg") no-repeat center;
}

.item_actions-bouton.selected .item_actions-bouton-texte::after {
    background: url("/ressourcesCedilog/fleche_actions_cedilog.svg");
}
.panier-choix-depot-lower.click::after {
    background-image: url(/ressourcesCedilog/fleche_actions_cedilog.svg);
}

.action_bouton:last-child {
    background-color: var(--bleu-main);
}

.type-commande-btn:checked + .type-commande-btn-texte {
    background-color: var(--bleu-main);
    color: white;
    border-color: var(--bleu-main);
}

.bar {
    color: var(--orange-main);
}

.support-boutons:hover .support::before {
    background-image: url("/ressourcesCedilog/email-icon-cedilog.svg");
}
.hotline-boutons:hover .hotline::before {
    background-image: url("/ressourcesCedilog/icon-telephone-cedilog.svg");
}

@media screen and (max-width : 1440px) {
    .header {
        grid-template-columns: 205px 100px 50px auto 80px 1fr 105px 35px 140px;
    }

    .logo-header {
        grid-area: 1 / 1 / 2 / 2;
        /* max-width: 100%; */
    }

    .devise {
        grid-area: 1 / 2 / 2 / 4;
    }

    .titre-carte-interactive-text,
    .hotline_text {
        display: flex;
    }
}

@media screen and (max-width : 1280px) {
    .header {
        /* grid-template-columns: 205px 100px 50px auto 80px 1fr 105px 35px 140px; */
        gap: 0;
    }

    .logo-header {
        grid-area: 1 / 1 / 2 / 3;
        height: 50px;
        /* max-width: 100%; */
    }

    .devise {
        display: flex !important;
        grid-area: 1 / 3 / 2 / 5;
        min-width: 100px;
        margin-right: 3rem;
    }

    .massification-container {
        min-width: 100px;
        width: auto;
        grid-area: 1 / 5 / 2 / 7;
    }

    .timer-massification {
        left: 1rem;
    }
}


@media screen and (max-width : 560px) {
    .header {
        /* grid-template-columns: 205px 100px 50px auto 80px 1fr 105px 35px 140px; */
        gap: 0;
    }

    .logo-header {
        width: 100%;
        height: 100%;
        min-width: 50px;
        /* max-width: 100%; */
    }

        .logo-header a {
            background: url('/ressourcesCedilog/logo_cedilog_mobile.svg') no-repeat center / contain;
        }

    .devise {
        display: none !important;
    }

    .massification-container {
        min-width: 100px;
        width: auto;
        grid-area: 1 / 3 / 2 / 4;
    }

    .timer-massification {
        left: auto;
    }

    .main-webMarchand_bg {
        background: url(/ressourcesCedilog/webmarchand_bg_cedilog_mobile.svg) no-repeat center / cover;
        margin: -33px;
        background-size: calc(100% + 100rem);
        background-position-x: 46%;
    }
}

/* TOP VENTES */
/* .choix_onglet a:hover {
    text-decoration: none;
    color: inherit;
} */


/* PANIER */
.panier_item_quantite-valeur,
.panier_valeur-prix-unitaire,
.panier_valeur-prix-total-ligne,
.fob {
    color: var(--bleu-main);
}

.panier_entete-prix-unitaire,
.panier_entete-prix-unitaire-multiplication {
    color: #707070;
}

.panier_entete-prix-unitaire-multiplication {
    border-color: #707070;
}

.panier-recap-bouton {
    background-color: var(--bleu-main);
}

.panier-recap-enlevement > input[type="checkbox"] {
    filter: hue-rotate(241deg);
}

.disabled {
    background-color: var(--medium-grey);
    cursor: not-allowed;
    pointer-events: none;
}

@media screen and (max-width : 1280px) {

    .mobileFooter-adresse {
        align-items: center !important;
    }

    .mobileFooter-contact-carte,
    .mobileFooter-contact-social {
        display: none !important;
    }

    #mobileFooter .mobileFooter-adresse .mobileFooter-adresse-logo {
        max-width: 30%;
    }

    .mobileFooter-pages-redirect {
        grid-area: 1 / 2 / 3 / 3 !important;
    }

    .mobileFooter-contact {
        grid-area: 2 / 1 / 3 / 2 !important;
    }

    .mobileFooter-contact-links {
        padding: 3rem 0 !important;
        flex: 1 1 100% !important;
    }

    .mobileFooter-contact-hotline {
        flex: 1 !important;
        justify-content: center;
        font-size: 18px;
    }

    .mobileFooter-pages-redirect-item {
        text-align: center;
    }

    .mobileFooter-pages-redirect-item-link {
        flex: 1 1 100% !important;
    }
}

main .confirm_commande_wrapper {
    grid-area: 1/1/11/12;
    background: transparent url("/resources/bg-desktop-cedilog.jpg") center center/cover no-repeat fixed;
    align-items: center;
}