/* Import de la police Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root { --main-color:   #ffffff;  }/*#cacedc;*/

/* Application globale à tout le site */
body, html {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', Arial, sans-serif !important;
    font-weight: 600;
}

body#index {
  background-image: url('../img/Background_IMG.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#content-wrapper{
    padding-bottom: 0;
}

#content-wrapper .page-footer{
    margin-top: 0;
}

/* #top-menu .sf-with-ul::after {
    display: none !important;
}

#top-menu .sf-with-ul::after {
    content: none;
} */
/* body#index #header,
body#index .header-top,
body#index .header-nav {
  background: transparent;
} */

/*Masque fleche pour acces subMenu*/
.dropdown-toggle::after {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  content: "";
  /* display: inline-block; */
  /* margin-left: .255em; */
}

/*Masque menu sans images au dessus des produits*/
#subcategories{
    display: none;
}

/**/
.product-flags{
    display: none;
}

/* #top-menu .dropdown-toggle::after {
    display: none !important;
} */

.hb-center #search_widget {
    display: block;
}

/* .main-menu{
    right: 20px;
    position: absolute;
} */

#home-slider{
    display: none;
    height: 700px;
}

.header-bottom{
    display: flex;
    justify-content: center;
    /* padding: 10px; */
}

/* Centrage menu desktop */
.header-bottom_container,
.header-bottom__row {
    width: 100%;
}

.header-bottom .main-menu {
    width: 100%;
    justify-content: center !important;
}

#top-menu {
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    gap: 42px;
    padding: 0;
    margin: 0;
}

/* Items menu */
#top-menu > li {
    margin: 0 !important;
}

/* Liens menu */
#top-menu .main-menu__tree__link {
    position: relative;
    color: #1c2534 !important;
    text-decoration: none;
    padding: 10px 0;
    transition: color 0.25s ease;
}

/* Supprime le bleu au survol */
#top-menu .main-menu__tree__link:hover,
#top-menu .main-menu__tree__link:focus {
    color: #1c2534 !important;
    text-decoration: none;
}

/* Underline animée */
#top-menu .main-menu__tree__link::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 2px;
    background: #77c0a0;
    transform: translateX(-50%);
    transition: width 0.25s ease;
}

#top-menu .main-menu__tree__link:hover::after,
#top-menu .main-menu__tree__link:focus::after {
    width: 100%;
}

.customtext-wrapper iframe { 
    box-shadow: 0 8px 25px rgba(0,0,0,0.15); 
}

/* .hb-topbar-content {
    margin: 0 auto;
    padding: 12px 25px 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
} */

.hb-topbar-content {
    padding: 12px 25px 8px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.hb-center {
    /*grid-column: 2;*/
    justify-self: center;
    width: 420px;
}

.hb-center #search_widget {
    width: 100%;
}

.hb-left {
  justify-self: start;
  display: flex;
  align-items: center;
}

.hb-logo {
  max-width: 320px;
  height: auto;
}

.hb-right {
    /*grid-column: 3;*/
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 18px;
}

.hb-right a {
    position: relative;
    color: #1c2534 !important;
    text-decoration: none;
    padding: 10px 0;
    transition: color 0.25s ease;
}

.hb-right a:hover,
.hb-right a:focus {
    color: #1c2534 !important;
    text-decoration: none;
}

.hb-right a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 2px;
    background: #77c0a0;
    transform: translateX(-50%);
    transition: width 0.25s ease;
}

.hb-right a:hover::after,
.hb-right a:focus::after {
    width: 100%;
}

.hb-right a i {
    margin-right: 6px;
}

.hb-right a:hover i,
.hb-right a:focus i {
    color: #1c2534 !important;
}

#_desktop_cart .header-block {
    cursor: pointer;
    position: relative;
}

#_desktop_cart .header-block::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 2px;
    background: #77c0a0;
    transform: translateX(-50%);
    transition: width 0.25s ease;
}

#_desktop_cart .header-block:hover::after {
    width: 100%;
}

a:hover,
a:focus {
    color: inherit;
}

.hb-right a:hover,
#_desktop_cart .header-block:hover {
    transform: translateY(-1px);
    transition: 0.2s ease;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .hb-topbar {
        display: none;
    }

    .header-bottom__row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .logo img {
        max-width: 210px;
        height: auto;
    }

    .main-menu {
        position: static;
        right: auto;
    }
}


/*  SETCION Product   */

.featured-products{
    background-color: #f7f7f7;
}

.section-title{
    margin: 0;
    padding: 20px;
}