/* Souss Marep - ElectroPlus-style header */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700;800&display=swap');

#header { font-family: "Noto Sans", -apple-system, Segoe UI, Roboto, sans-serif; }
#header a, #header span:not(.fa):not([class*="fa-"]), #header p, #header li,
#header h1, #header h2, #header h3, #header input, #header .ep-svc { font-family: "Noto Sans", -apple-system, Segoe UI, Roboto, sans-serif; }

/* ============ TOP BAR (green) ============ */
.header-nav { background: #eef4ee !important; border-bottom: 1px solid #dde7de; box-shadow: none !important; }
.header-nav .container { }
.ep-topbar { padding: 8px 0; font-size: 13px; }
.ep-topbar-left, .ep-topbar-right { display: flex; align-items: center; gap: 26px; }
.ep-topbar-right { justify-content: flex-end; }
.ep-svc { display: inline-flex; align-items: center; gap: 7px; color: #2f5240; font-weight: 600; white-space: nowrap; line-height: 1; }
.ep-svc svg { color: #3a7d52; flex: 0 0 auto; }
a.ep-svc { text-decoration: none; }
a.ep-svc:hover { color: #14432c; }
.header-nav .center-nav { display: none; }

/* ============ MAIN HEADER ============ */
#desktop-header .header-top { background: #fff; padding: 16px 0; }
#desktop_logo img { max-height: 54px; width: auto; }

/* search -> rounded pill */
.col-header-center { padding-top: 4px; }
.col-header-center .search-widget,
.col-header-center form { width: 100%; }
.col-header-center input[type="text"],
.col-header-center input.form-control,
.col-header-center .search-widget input {
    border-radius: 26px !important;
    border: 1.6px solid #e4e7ea !important;
    height: 48px !important;
    padding-left: 22px !important;
    box-shadow: none !important;
    background: #fff !important;
}
.col-header-center button[type="submit"],
.col-header-center .search-widget button {
    border-radius: 0 26px 26px 0 !important;
    background: transparent !important;
    color: #16181d !important;
    border: none !important;
}

/* right icons: account + cart -> circular */
.col-header-right .row { align-items: center; gap: 6px; }
.col-header-right .account,
.col-header-right a[href*="mon-compte"], .col-header-right a[href*="connexion"], .col-header-right a[href*="my-account"],
.col-header-right .blockcart, .col-header-right ._shoppingcart,
.col-header-right .header-cart, .col-header-right .shopping-cart {
    display: inline-flex !important;
    align-items: center; justify-content: center;
    width: 46px; height: 46px;
    border-radius: 50%;
    background: #f3f4f5;
    color: #16181d;
    transition: background .2s;
    margin-left: 8px;
    position: relative;
}
.col-header-right .account:hover,
.col-header-right .blockcart:hover, .col-header-right ._shoppingcart:hover { background: #e7e9eb; }
.col-header-right .account i, .col-header-right .blockcart i, .col-header-right ._shoppingcart i { font-size: 21px; margin: 0; }
.col-header-right .account span, .col-header-right .blockcart .cart-products-count ~ span,
.col-header-right .user-info-text, .col-header-right .cart-text { display: none !important; }
/* cart count bubble */
.col-header-right .cart-products-count {
    position: absolute; top: -3px; right: -3px;
    background: #c8102e; color: #fff; font-size: 11px; font-weight: 700;
    min-width: 19px; height: 19px; line-height: 19px; text-align: center; border-radius: 50%;
}

/* ============ MEGA MENU (electroplus look) ============ */
.iqit-megamenu-container { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.iqit-megamenu { background: #fff !important; }
.iqit-megamenu .cbp-menu { display: flex; align-items: center; gap: 6px; }
.iqit-megamenu .cbp-menu > li > a {
    font-weight: 700 !important; font-size: 14px !important; color: #16181d !important;
    padding: 15px 18px !important; text-transform: none !important; letter-spacing: 0 !important;
    background: transparent !important; border-radius: 0 !important;
}
.iqit-megamenu .cbp-menu > li > a:hover { color: #123524 !important; background: #f5f6f7 !important; }
/* first "categories" item: neutralize red */
.iqit-megamenu .cbp-menu > li.main-category > a,
.iqit-megamenu .cbp-menu > li:first-child > a {
    background: transparent !important; color: #16181d !important;
}

/* remove leftover reassurance duplicate spacing under nav */
.header-nav .left-nav > .d-inline-block { display: none; }

@media (max-width: 991px) {
    .ep-topbar { display: none !important; }
}