@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

html, body {
    font-family: 'Inter', sans-serif;
}

.w-100 {
  width: 100% !important;
}

.d-flex {
  display: flex !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.redirection-time {
  color: #818181;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

#wrapper .container:not(.notifications-container) {
  padding: 1.5rem;
  margin-top: 1rem;
  background: var(--white);
  border-radius: 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
}

#header {
  background-color: transparent;
  box-shadow: none;
}

#header .header-nav,
#header .header-top {
  background-color: var(--white);
}
#header .header-top {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
  transition: var(--iac-transition);
}

#header .header-top .header-top-right {
  display: flex;
  justify-content: end;
}

#header .header-nav .user-info a {
  color: var(--primary);
}
#header .header-nav .user-info a:hover {
  color: var(--yellow);
  transition: var(--iac-transition);
}

#header .header-nav .cart-preview.active {
  background: var(--primary);
}

#header:not(.is-open) .header-top {
  right: -100%;
}

#menu-icon {
  user-select: none;
}

.align-items-start {
  align-items: start !important;
}

.iac-quick-access {
  display: flex;
  gap:2rem;
}

.iac-quick-access > div {
  display: flex;
  flex-direction: column;
}
.iac-quick-access > div a,
.iac-quick-access > div span,
.iac-quick-access > div a:hover,
.iac-quick-access > div span:hover {
  color: var(--white) !important;
}
.iac-quick-access > div a.margin-top-25,
.iac-quick-access > div span.margin-top-25 {
  margin-top: 0.25rem;
}

.iac-quick-access > div a:focus {
  text-decoration: none;
}

.iac-logo-container {
  max-width: 250px;
}

.rights-reserved {
  color: var(--white);
  font-size: 0.75rem;
}

.iac-footer__social-media svg {
  fill: var(--white);
  width: 28px;
  height: 28px;
}
.iac-footer__social-media a {
  margin: 0 0.5rem;
}

.iac-footer__social-media .media-note {
  font-size: 0.875rem;
  line-height: 0.875rem;
  max-width: 170px;
}

.thumbnail-container {
  border-radius: 4px;
}

.product-flags li.product-flag {
  background: var(--green);
}

.highlighted-informations .quick-view.js-quick-view {
  color: var(--primary);
  transition: var(--iac-transition);
}

.highlighted-informations .quick-view.js-quick-view:hover {
  color: var(--yellow);
}

.product-description h3.product-title a {
  color: var(--primary) !important;
  font-size: 1rem;
}
.menu .top-menu li.link a {
  text-transform: none !important;
  color: var(--primary) !important;
  transition: var(--iac-transition);
}
.menu .top-menu li.link a:hover {
  text-decoration: underline;
  color: var(--primary);
}

.after-nav-bar {
  padding: 1.5rem;
}


.footer-container,
body footer#footer.js-footer.footer-container {
  padding: 3.5rem 0 !important;
}

.iac-footer-checkout {
  padding: 1.5rem;
}

.block-category {
  min-height: 0px;
  margin-bottom: 0px;
}

.filter-dropdown {
    padding-right: 0!important;
    padding-left: 0!important;
    margin-bottom:1.5rem;
}

.filter-dropdown .dropdown-menu {
    max-height: 350px;
    overflow-y: auto;
}

.filter-dropdown .select-title {
    font-size: 0.875rem;
}

.iac-submenu {
    background-color: var(--primary);
    margin-bottom: -1.25rem;
    color: var(--white);
}

.iac-submenu .sub-menu-container {
    display: flex;
    justify-content: flex-end;
}

.iac-submenu .sub-menu-container a {
    color: var(--white)!important;
    padding: .6rem;
}

.iac-submenu .sub-menu-container a:hover {
    text-decoration: underline !important;
}

.truncate {
            min-width: 115px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}

.after-nav-bar {
    max-width: 1800px;
    margin: 0 auto;
}
@media(max-width: 991.98px) {
    .iac-quick-access {
        justify-content: center;
        margin-top: 2rem;
    }
    .iac-logo-container {
        margin: 0 auto;
    }
    .iac-footer__social-media {
        display: block !important;
        margin-top: 2rem;
    }
    .iac-footer__social-media .media {
        justify-content: center;
    }
    .iac-footer__social-media a {
        margin: 0.25rem 0.5rem;
    }
    .iac-footer__social-media {
        text-align: center;
    }
}


@media (max-width: 767.98px) {
    .iac-submenu {
        background-color: transparent;
    }
    .iac-submenu .sub-menu-container {
        flex-direction: column;
    }
    .iac-submenu .sub-menu-container a {
        color: var(--primary)!important;
    }
  #header .header-nav {
    border-bottom: none;
  }

  #header .header-top {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    right: 0%;
  }

  #mobile_top_menu_wrapper .js-top-menu.mobile ul.top-menu li a {
    border-bottom: none;
    color: var(--primary);
    transition: var(--iac-transition);
  }
  #mobile_top_menu_wrapper .js-top-menu.mobile ul.top-menu li a:hover {
    border-bottom: none;
    color: var(--primary);
    text-decoration: underline;
  }
}