/*! ************************** Main Header ***************************** */
/** Couleur de fond du header **/
#header .header_bg {
  background-color: var(--background-secondary) !important;
}

/** Disposition du header **/
#header {
  display: flex !important;
}

#header_main {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  border: none !important;
}

#header_main .container,
#header_main .inner-container {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
}

#header_main .logo {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  border: none !important;
  padding: 10px 0 !important;
  width: 115px !important;
}

#header_main .main_menu,
#header_main .avia-menu,
#header_main .av-main-nav-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  min-height: 0 !important;
  margin-top: 0px !important;
}

#header .av-burger-overlay-inner {
  display: flex !important;
  flex-direction: column !important;
}

#header .av-main-nav,
#av-burger-menu-ul {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}

#header ul li {
  margin: 0 !important;
}

#header ul li a {
  border: none !important;
  padding: 15px !important;
}

/** Menu actif **/
@media (min-width: 767px) {
  #header ul li.current-menu-item {
    background-color: var(--background-tertiary) !important;
  }

#header ul li.current-menu-item span {
  color: var(--color-primary) !important;
  font-weight: 900 !important;
}

  #header ul.sub-menu li a span.avia-menu-text {
    color: white !important;
  }
}

/** Style pour l'icône **/
.menu-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  fill: white;
  vertical-align: middle;
}

.menu-icon .primary-fill {
  fill: white;
}

.menu-icon .secondary-fill {
  fill: var(--color-primary);
}

.current-menu-item .menu-icon {
  fill: var(--color-primary) !important;
}

/** Transition du menu **/
.av-main-nav > li > a,
div #menu-item-shop.cart_dropdown {
  transition: background-color 0.2s ease-out, color 0.2s ease-out !important;
}

/** Survol **/
#header
  ul
  li:not(.menu-logout):not(.menu-copyright):not(.av-burger-menu-main)
  a:hover {
  background-color: var(--background-tertiary) !important;
}

#header ul li:not(.menu-logout):not(.menu-copyright) a:hover span {
  color: var(--color-primary) !important;
  font-weight: 900 !important;
}

#header
  ul
  li:not(.menu-logout):not(.menu-copyright)
  a:hover
  .menu-icon
  .primary-fill,
ul li:not(.menu-logout):not(.men-copyright) a:hover svg,
.current-menu-item .menu-icon .primary-fill {
  fill: var(--color-primary) !important;
}

#header
  ul
  li:not(.menu-logout):not(.menu-copyright)
  a:hover
  .menu-icon
  .secondary-fill,
.current-menu-item .menu-icon .secondary-fill {
  fill: var(--background-tertiary) !important;
}

/** Bouton Déconnexion **/
#header .av-main-nav > li.menu-logout,
#header #av-burger-menu-ul > li.menu-logout {
  margin-top: auto !important;
}

#header .av-main-nav > .menu-logout .avia-menu-text,
#header #av-burger-menu-ul > .menu-logout .avia-menu-text {
  border-radius: 5px !important;
  padding: 7px 30px !important;
  border: 2px solid !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/** Copyright **/
#header .av-main-nav > li:nth-last-child(2) a {
  padding: 0 13% !important;
}

#header .av-main-nav > li:nth-last-child(2) a span {
  color: var(--color-gray-500) !important;
}

/** Responsive **/
@media (min-width: 768px) {
  #header {
    width: 240px !important;
    border-right: 1px solid var(--color-border) !important;
  }

  #header_main .logo {
    padding: 35px !important;
    width: auto !important;
  }
}

/** Burger menu **/
@media (max-width: 767px) {
  .main_menu,
  .avia-menu,
  .av-main-nav {
    height: 100% !important;
  }

  .av-burger-menu-main a {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .av-hamburger-inner,
  .av-hamburger-inner::before,
  .av-hamburger-inner::after {
    background-color: white !important;
  }

  .is-active .av-hamburger-inner,
  .is-active .av-hamburger-inner::before,
  .is-active .av-hamburger-inner::after {
    background-color: white !important;
  }

  .av-burger-overlay-scroll,
  .av-burger-overlay-inner,
  #av-burger-menu-ul {
    z-index: 9999 !important;
  }

  #av-burger-menu-ul {
    margin-top: 40px !important;
    padding-bottom: 20px !important;
  }

  .av-burger-menu-main {
    height: 100% !important;
  }

  .av-burger-menu-main:has(.is-active) {
    position: fixed !important;
    top: 7px;
    height: 73px !important;
    z-index: 999;
    width: 100% !important;
    right: 10% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    cursor: auto !important;
  }

  body.admin-bar .av-burger-menu-main:has(.is-active) {
    top: 53px !important;
  }

  .av-burger-overlay-active-delayed .av-burger-menu-main a {
    display: flex !important;
    justify-content: flex-end !important;
    width: 73px !important;
    padding: 0 15px !important;
  }
}

/** Gestion Admin bar **/
body.admin-bar #header_main {
  max-height: calc(100vh - 32px) !important;
  transition: none !important;
}

/*! ********************** Second Header ************************** */
/** Responsive **/
@media (max-width: 767px) {
  #second-header {
    display: none;
  }
}

/** Gestion Admin bar **/
body.admin-bar #second-header {
  top: 32px;
}

/** Disposition second header **/
#second-header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 501;
  background-color: var(--background-secondary) !important;
  width: calc(100% - 240px) !important;
  padding: 10px 20px;
  border-bottom: solid 1px var(--color-border);
}

#second-header .container {
  display: flex;
  align-items: center;
  height: 44px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
}

/** second-header__search **/
#second-header .second-header__search {
  width: 600px;
  margin: 0 auto;
}

#second-header .woocommerce-product-search {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
}

#second-header .woocommerce-product-search .search-field {
  flex: 1 !important;
  height: 40px !important;
  border: none !important;
  border-radius: 5px 0 0 5px !important;
  padding: 0 15px !important;
  font-size: 14px !important;
  background-color: white !important;
  color: black !important;
  margin: 0 !important;
}

/* Style du bouton de recherche */
#second-header .woocommerce-product-search button {
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  flex: 0 0 40px !important;
  border: none !important;
  background-color: var(--background-tertiary) !important;
  border-radius: 0 5px 5px 0 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-family: "entypo-fontello" !important;
  font-size: 17px !important;
  color: black !important;
  margin: 0 !important;
}

#second-header .woocommerce-product-search button::before {
  content: "\e803" !important;
}

#second-header .woocommerce-product-search button:hover {
  background-color: var(--background-tertiary-hover) !important;
}

.template-search #search-fail .entry-content,
.template-search #search-fail .woocommerce-product-search {
  display: none !important;
}

@media (max-width: 1024px) {
  #second-header .second-header__search {
    width: 400px;
  }
}

@media (max-width: 768px) {
  #second-header .second-header__search {
    width: 100%;
  }
}

/** second-header__cart **/
#second-header .second-header__cart {
  flex-shrink: 0;
  margin-left: 50px;
  width: 46px !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Disposition du panier */
#second-header .cart_dropdown {
  position: relative !important;
  height: auto !important;
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
  width: auto !important;
}

/* Gestion de l'icône de flèche */
#second-header .second-header__cart .avia-arrow {
  display: none !important;
}

#second-header .av-cart-counter {
  font-weight: 900 !important;
  color: var(--color-primary) !important;
}

/* Icône du panier */
#second-header .cart_dropdown_link [data-av_icon]:before {
  content: none !important;
}

#second-header .cart_dropdown_link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  padding: 8px !important;
}

#second-header .cart_dropdown_link [data-av_icon] {
  content: "" !important;
  width: 30px !important;
  height: 30px !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.08416 2.7512C2.22155 2.36044 2.6497 2.15503 3.04047 2.29242L3.34187 2.39838C3.95839 2.61511 4.48203 2.79919 4.89411 3.00139C5.33474 3.21759 5.71259 3.48393 5.99677 3.89979C6.27875 4.31243 6.39517 4.76515 6.4489 5.26153C6.47295 5.48373 6.48564 5.72967 6.49233 6H17.1305C18.8155 6 20.3323 6 20.7762 6.57708C21.2202 7.15417 21.0466 8.02369 20.6995 9.76275L20.1997 12.1875C19.8846 13.7164 19.727 14.4808 19.1753 14.9304C18.6236 15.38 17.8431 15.38 16.2821 15.38H10.9792C8.19028 15.38 6.79583 15.38 5.92943 14.4662C5.06302 13.5523 4.99979 12.5816 4.99979 9.64L4.99979 7.03832C4.99979 6.29837 4.99877 5.80316 4.95761 5.42295C4.91828 5.0596 4.84858 4.87818 4.75832 4.74609C4.67026 4.61723 4.53659 4.4968 4.23336 4.34802C3.91052 4.18961 3.47177 4.03406 2.80416 3.79934L2.54295 3.7075C2.15218 3.57012 1.94678 3.14197 2.08416 2.7512Z' fill='white'/%3E%3Cpath d='M7.5 18C8.32843 18 9 18.6716 9 19.5C9 20.3284 8.32843 21 7.5 21C6.67157 21 6 20.3284 6 19.5C6 18.6716 6.67157 18 7.5 18Z' fill='white'/%3E%3Cpath d='M16.5 18.0001C17.3284 18.0001 18 18.6716 18 19.5001C18 20.3285 17.3284 21.0001 16.5 21.0001C15.6716 21.0001 15 20.3285 15 19.5001C15 18.6716 15.6716 18.0001 16.5 18.0001Z' fill='white'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Popup du panier */
.widget_shopping_cart_content {
  border: 1px solid var(--color-border) !important;
}

.woocommerce-mini-cart-item,
#second-header .dropdown_widget {
  background-color: var(--color-primary) !important;
  color: white !important;
  border: none !important;
}

#second-header .dropdown_widget img {
  aspect-ratio: 1/1 !important;
  object-fit: contain !important;
}

#second-header .dropdown_widget {
  top: calc(100%) !important;
  width: 300px !important;
  right: 0 !important;
  margin-top: 0 !important;
  border-radius: 5px !important;
  max-height: 400px !important;
  overflow-y: auto !important;
}

.widget_shopping_cart_content {
  a {
    color: var(--color-secondary) !important;
    border: none !important;
  }

  .woocommerce-mini-cart__total {
    border-top: 1px solid var(--color-border) !important;
  }

  .woocommerce-mini-cart__buttons {
    padding: 5px !important;
    border: none !important;
    a {
      width: 48% !important;
      height: 40px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      transition: none !important;
      font-size: 13px !important;
    }
    a:first-child {
      background-color: var(--background-tertiary) !important;
      color: var(--color-primary) !important;
    }
    a:last-child {
      background-color: var(--background-primary) !important;
      color: white !important;
      border: 2px solid rgba(255, 255, 255, 0.7) !important;
    }
    a:first-child:hover {
      background-color: var(--background-tertiary-hover) !important;
      color: var(--color-primary) !important;
    }
    a:last-child:hover {
      background-color: white !important;
      color: var(--color-primary) !important;
    }
  }
}

.woocommerce-cart #second-header .cart_dropdown_link,
.woocommerce-checkout #second-header .cart_dropdown_link {
  display: none !important;
}

#header_main .cart_dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
}

/* Popup added to cart */
.added_to_cart_notification {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  top: 55px !important;
  right: 70px !important;
}

body.admin-bar .added_to_cart_notification {
  top: 87px !important;
}

/* Wrapper pour l'image */
.added_to_cart_notification .added-product-image {
  width: 70px !important;
  height: 70px !important;
  background-color: #fff !important;
  object-fit: contain !important;
}

.added_to_cart_notification .added-product-text strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}