:root {
    --ecm-green:#63db31;
    --ecm-green-light:#92eb45;
    --ecm-green-dark:#229d20;
    --ecm-black:#06100c;
    --ecm-black2:#0a1711;
    --ecm-white:#ffffff;
}

/* ==========================================================
   IMPORTANT
   ON NE MASQUE PLUS LE HEADER BWA.
   ========================================================== */

body.ecm-native-header-style #header {
    display:block !important;
    background:#fff;
    box-shadow:0 4px 14px rgba(0,0,0,.08);
}

/* ==========================================================
   BARRE REASSURANCE
   ========================================================== */

#ecm-native-trustbar {
    display:grid;

    grid-template-columns:
        1fr
        .9fr
        1.12fr
        1fr
        .9fr
        .8fr;

    align-items:center;

    min-height:58px;

    padding:0 max(3%, calc((100% - 1540px) / 2));

    background:
        linear-gradient(
            90deg,
            #050d0a,
            #07140f,
            #050d0a
        );

    color:#fff;

    border-bottom:1px solid rgba(255,255,255,.15);
}

#ecm-native-trustbar .ecm-trust,
#ecm-native-trustbar .ecm-trust-contact {
    display:flex;

    align-items:center;

    gap:9px;

    min-width:0;

    padding:0 16px;
}

#ecm-native-trustbar .ecm-trust + .ecm-trust,
#ecm-native-trustbar .ecm-trust-contact {
    border-left:1px solid rgba(255,255,255,.13);
}

#ecm-native-trustbar strong {
    display:block;

    color:#fff;

    font-size:13px;

    line-height:1.15;
}

#ecm-native-trustbar small {
    display:block;

    margin-top:3px;

    color:#dce1dd;

    font-size:10px;
}

#ecm-native-trustbar .ecm-trust:first-child small {
    color:var(--ecm-green);
    font-weight:700;
}

#ecm-native-trustbar .ecm-trust-icon {
    color:var(--ecm-green);

    font-size:28px;

    line-height:1;
}

#ecm-native-trustbar .ecm-stars {
    color:#ffc728;

    font-size:15px;

    letter-spacing:1px;
}

#ecm-native-trustbar .ecm-trust-contact {
    justify-content:center;

    color:#fff !important;

    text-decoration:none !important;
}

/* ==========================================================
   ZONE CENTRALE DU HEADER BWA
   ========================================================== */

body.ecm-native-header-style #header .header-top__wrapper {
    position:relative;

    background:
        radial-gradient(
            ellipse at 58% 35%,
            rgba(101,220,49,.30) 0%,
            rgba(25,79,37,.25) 31%,
            rgba(4,18,11,.90) 75%
        ),
        linear-gradient(
            100deg,
            #06100c 0%,
            #102c18 48%,
            #06100c 100%
        ) !important;

    border:0 !important;
}

/* Herbe abstraite CSS - aucune image */

body.ecm-native-header-style #header .header-top__wrapper::before {
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.18;

    background:
        repeating-linear-gradient(
            78deg,
            transparent 0 22px,
            rgba(84,224,55,.34) 23px 25px,
            transparent 26px 49px
        );
}

/* ==========================================================
   CONTENEUR PRINCIPAL
   ========================================================== */

body.ecm-native-header-style #header .header-top {
    position:relative;

    z-index:2;

    min-height:135px;

    display:flex;

    align-items:center;
}

/* ==========================================================
   LOGO REEL DU THEME
   ========================================================== */

body.ecm-native-header-style #header #logo {
    display:flex;

    align-items:center;
}

body.ecm-native-header-style #header #logo img {
    display:block;

    width:auto;

    max-width:320px;

    max-height:82px;

    padding:5px 8px;

    background:#fff;

    border-radius:5px;
}

/* ==========================================================
   RECHERCHE NATIVE PRESTASHOP
   ========================================================== */

body.ecm-native-header-style #header .header__search {
    flex:1;

    max-width:760px;

    margin:0 35px;
}

body.ecm-native-header-style #header .header__search form,
body.ecm-native-header-style #header .search-widget form {
    position:relative;

    display:flex;

    align-items:center;

    min-height:58px;

    margin:0;

    overflow:hidden;

    background:#fff;

    border-radius:34px;

    box-shadow:0 6px 18px rgba(0,0,0,.20);
}

body.ecm-native-header-style #header .header__search input,
body.ecm-native-header-style #header .search-widget input {
    flex:1;

    min-width:0;

    height:58px;

    padding:0 24px;

    border:0 !important;

    outline:0 !important;

    background:#fff !important;

    color:#555;

    font-size:14px;

    box-shadow:none !important;
}

body.ecm-native-header-style #header .header__search button,
body.ecm-native-header-style #header .search-widget button {
    min-width:170px;

    height:52px;

    margin-right:3px;

    border:0 !important;

    border-radius:30px;

    background:
        linear-gradient(
            90deg,
            #38b91e,
            #6bdc31
        ) !important;

    color:#fff !important;

    font-size:14px;

    font-weight:800;

    box-shadow:none !important;
}

/* ==========================================================
   COMPTE / PANIER
   ========================================================== */

body.ecm-native-header-style #header .header-top__actions {
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    gap:24px;

    color:#fff;
}

body.ecm-native-header-style #header .header-top__actions a {
    color:#fff !important;

    text-decoration:none !important;
}

body.ecm-native-header-style #header .header-top__actions svg,
body.ecm-native-header-style #header .header-top__actions i {
    color:#fff !important;
}

/* ==========================================================
   MENU NATIF BWA
   ========================================================== */

body.ecm-native-header-style .header__menu {
    display:flex;

    align-items:stretch;

    min-height:62px;

    background:#fff !important;

    border-top:1px solid #eef0ef;

    box-shadow:0 4px 10px rgba(0,0,0,.04);
}

/* Liens de premier niveau */

body.ecm-native-header-style .header__menu > ul,
body.ecm-native-header-style .header__menu .menu-content {
    flex:1;
}

body.ecm-native-header-style .header__menu a {
    transition:
        background .18s ease,
        color .18s ease;
}

/* Premier bouton */

body.ecm-native-header-style .header__menu > ul > li:first-child,
body.ecm-native-header-style .header__menu .menu-content > li:first-child {
    background:
        linear-gradient(
            90deg,
            #63de30,
            #96e947
        ) !important;
}

/* Liens internes */

body.ecm-native-header-style .header__menu > ul > li > a,
body.ecm-native-header-style .header__menu .menu-content > li > a {
    min-height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0 28px;

    color:#111 !important;

    font-size:15px;

    font-weight:700;

    border-right:1px solid #e8ebe9;
}

body.ecm-native-header-style .header__menu > ul > li > a:hover,
body.ecm-native-header-style .header__menu .menu-content > li > a:hover {
    background:#f3fff0 !important;
}

/* ==========================================================
   SECONDE VIE
   ========================================================== */

#ecm-second-life-link {
    display:flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    min-width:300px;

    padding:0 26px;

    background:
        linear-gradient(
            110deg,
            #65dc30 0 7%,
            #06100c 7% 100%
        );

    color:#fff !important;

    font-size:13px;

    font-weight:700;

    line-height:1.15;

    text-decoration:none !important;
}

#ecm-second-life-link .ecm-second-life-leaf {
    color:var(--ecm-green);

    font-size:32px;
}

/* ==========================================================
   TABLETTE
   ========================================================== */

@media (max-width:1200px) {

    #ecm-native-trustbar {
        grid-template-columns:repeat(3,1fr);

        padding-top:9px;
        padding-bottom:9px;

        row-gap:8px;
    }

    body.ecm-native-header-style #header .header-top {
        flex-wrap:wrap;

        padding-top:16px;
        padding-bottom:16px;
    }

    body.ecm-native-header-style #header .header__search {
        order:3;

        flex-basis:100%;

        max-width:none;

        margin:15px 0 0;
    }

    #ecm-second-life-link {
        display:none;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px) {

    #ecm-native-trustbar {
        display:none;
    }

    body.ecm-native-header-style #header .header-top__wrapper {
        background:#07110d !important;
    }

    body.ecm-native-header-style #header #logo img {
        max-width:230px;
    }

    body.ecm-native-header-style #header .header__search button,
    body.ecm-native-header-style #header .search-widget button {
        min-width:110px;
    }
}