/* VARIABLES */
/* TYPOGRAPHY */
header.scrolled .nav-top {
  height: 0;
}

.nav-top {
  height: 2.5rem;
  transition: height 200ms ease;
}
.nav-top .btn {
  min-height: 2.5rem;
}

body:not(.user-logged-in) .header {
  position: sticky;
  top: 0;
  z-index: 99;
}

.language-switcher-language-url {
  min-width: 6.5rem;
}
.language-switcher-language-url .language-switcher:hover > .dropdown > .dropdown-menu {
  display: block;
  left: -50%;
  top: 65%;
  min-width: fit-content;
  background-color: #4b2307;
}
.language-switcher-language-url .language-switcher:hover > .dropdown > .dropdown-menu .dropdown-item:hover {
  background-color: unset;
}
.language-switcher-language-url .language-switcher:hover > .dropdown > .dropdown-menu a {
  color: #fff;
}
.language-switcher-language-url .language-switcher:hover > .dropdown:not(:has(li)) button:hover {
  text-decoration: unset;
}
.language-switcher-language-url .language-switcher ul:not(:has(li)) {
  display: none !important;
}

.menu--header-sub-menu {
  min-width: 6.5rem;
}
.menu--header-sub-menu .nav-item .nav-link {
  font-size: 0.875rem;
}

.nav-top span,
.nav-top a,
.nav-top button,
.nav-top div {
  color: #fff;
  font-weight: 500;
}
.nav-top span:hover,
.nav-top a:hover,
.nav-top button:hover,
.nav-top div:hover {
  color: #fff;
}
.nav-top .menu--header-sub-menu {
  text-transform: uppercase;
}
.nav-top .block-content-header_announcement {
  max-width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.header-branding {
  padding: 1.5rem 0;
}
.header-branding__icon {
  display: block;
  width: 1.5625rem;
  height: 1.5625rem;
}
.header-branding__section {
  min-width: 6.5rem;
}
.header-branding__section .navbar-brand {
  margin: 0;
}

.navbar-brand img {
  height: 4.5rem;
  width: auto;
}

.navbar-toggler {
  border: 0;
}
.navbar-toggler:focus {
  box-shadow: unset;
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20stroke%3D%22%234b2307%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M4%207h22M4%2015h22M4%2023h22%22%2F%3E%3C%2Fsvg%3E);
  width: 2em;
  height: 2em;
}

.nav-main {
  border-block: 1px solid #e9dfd8;
}
.nav-main .navbar-collapse {
  justify-content: center;
  position: relative;
}
.nav-main .block-tb-megamenu {
  position: unset;
}
.nav-main .offcanvas-body {
  position: relative;
}

.block-tb-megamenu .tbm {
  position: unset;
  background-color: unset;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 {
  padding: 1.25rem;
  border: 0;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link {
  border: 0;
  color: #4b2307;
  background-color: unset;
  padding: 0;
  font-weight: 500;
}
@media (min-width: 75rem) {
  .block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link {
    position: relative;
  }
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link:not(.level-3) {
  text-transform: uppercase;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link:hover, .block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link:focus, .block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link:active, .block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link[aria-expanded=true] {
  color: #4b2307;
  text-decoration: unset;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link:hover::after, .block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link:focus::after, .block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link:active::after, .block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link[aria-expanded=true]::after {
  transform: translateX(-50%) scaleX(1);
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.4rem;
  width: 100%;
  height: 2px;
  background-color: #4b2307;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center center;
  transition: transform 200ms ease-out;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link.biscuit::after {
  background-color: #f3be3c;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link.cafe::after {
  background-color: #006399;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link.glace::after {
  background-color: #ff6239;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link[target=_blank] {
  color: #ad6832;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-link[target=_blank]::after {
  background-color: #ad6832;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 > .tbm-submenu > .tbm-row {
  display: flex;
  max-width: 124rem;
  justify-content: center;
  gap: 1.25rem;
  padding: 1.875rem 0.625rem 3.125rem;
  width: auto;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 > .tbm-submenu > .tbm-row .span3 {
  width: auto;
}
.block-tb-megamenu .tbm .tbm-nav .level-1 .tbm-subnav {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-link {
  font-weight: 500;
}
.block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-link::before {
  content: unset;
}
.block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-link:hover, .block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-link:focus, .block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-link:active {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}
.block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-link::after {
  content: unset;
}
.block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-item-child {
  margin-top: 1rem;
  border: 0;
}
.block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-item-child .tbm-item .tbm-link {
  font-size: 0.875rem;
  font-weight: 400;
}
@media (min-width: 75rem) {
  .block-tb-megamenu .tbm .tbm-nav .level-2 .tbm-submenu {
    width: fit-content;
    position: relative;
    padding: 0;
    left: 0;
    top: unset;
    border: 0;
    display: block;
  }
}
.block-tb-megamenu .tbm .mega-align-justify > .dropdown-menu {
  top: 100%;
}
.block-tb-megamenu .tbm .tbm-submenu {
  background-color: #f8f5f3;
  box-shadow: unset;
  border: unset;
}
@media (min-width: 75rem) {
  .block-tb-megamenu .tbm-block {
    margin-inline-start: 4rem;
  }
}
.block-tb-megamenu .tbm-block .field--name-field-link a {
  color: #fff;
}
.block-tb-megamenu .tbm-block .field--name-field-title {
  color: #fff;
}

.mobile-nav-parent {
  display: none;
  align-items: center;
  gap: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.875rem;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 99;
}
.mobile-nav-parent:has(.mobile-nav-parent__back) {
  border-bottom: 0.047rem solid hsla(24, 28%, 70%, 0.2);
  padding: 1.5rem;
}

.mobile-nav-parent[hidden] {
  display: none !important;
}

@media (max-width: 74.99875rem) {
  .mobile-nav-parent {
    display: flex;
  }
}
.mobile-nav-parent__back {
  border: 0;
  padding: 0;
  background: none;
  display: inline-flex;
  align-items: center;
}

/* Use your icon-caret.svg as the back arrow */
.mobile-nav-parent__icon {
  width: 10px;
  height: 16px;
  background: url("../../icons/icon-caret.svg") no-repeat center;
  transform: rotate(180deg);
  /* make it point left */
}

.mobile-nav-parent__label {
  letter-spacing: 0.1em;
  color: #4b2307;
}

@media (max-width: 74.99875rem) {
  .nav-main {
    position: unset;
    border: 0;
  }
  .nav-main .region-main-navigation {
    position: relative;
  }
  .nav-main .tbm-block .field--type-image img {
    width: 100%;
  }
  .nav-main .tbm-block .filed-items .paragraph:not(:last-child) {
    display: none;
  }
  .nav-main .offcanvas-body {
    padding: 0;
    overflow-x: hidden;
  }
  .nav-main .offcanvas-body:has(.mobile-nav-parent__back) .responsive-block-wrapper {
    display: none;
  }
  .nav-top .block-content-header_announcement {
    max-width: 100%;
  }
  .block-tb-megamenu .tbm {
    position: unset;
    background-color: unset;
  }
  .block-tb-megamenu .tbm .tbm-nav {
    flex-direction: column;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-link {
    font-size: 1rem !important;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-link:hover::after {
    content: unset;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-link[target=_blank] {
    position: relative;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-link[target=_blank]::after {
    content: "";
    display: inline-block;
    width: 3.5rem;
    height: 0.9rem;
    margin-left: 0.35rem;
    background: url("../../icons/external-link-arrow.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
    transform: unset;
    transform-origin: unset;
    transition: transform unset;
    left: unset;
    right: 0;
    background-color: unset !important;
    bottom: unset;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-link[target=_blank]:hover::after, .block-tb-megamenu .tbm .level-1 .tbm-link[target=_blank]:focus::after, .block-tb-megamenu .tbm .level-1 .tbm-link[target=_blank]:active::after {
    transform: unset;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-submenu-toggle {
    display: block;
    background-color: unset;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-submenu-toggle::before {
    border: 0;
    background: url("../../icons/icon-caret.svg") no-repeat center;
    width: 1rem;
    height: 1.25rem;
    top: 2.5px;
    transform: unset;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-submenu {
    top: 0;
    background-color: #fff;
    left: -100%;
    height: 100%;
    padding-inline: 0;
    display: block;
    transition: all 300ms ease;
    min-height: 70vh;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-submenu .tbm-row {
    flex-direction: column;
    gap: 0 !important;
    position: relative;
    padding-inline: 0 !important;
    padding-top: 0 !important;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-submenu .tbm-row .tbm-column {
    margin-bottom: 1rem;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-submenu .tbm-row .tbm-column .tbm-subnav {
    padding: 0;
    gap: 1rem;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-submenu .tbm-item {
    padding-inline: 1.5625rem;
  }
  .block-tb-megamenu .tbm .level-1 .tbm-item--has-flyout {
    position: unset;
  }
  .block-tb-megamenu .tbm .level-1 .level-2 .tbm-item-child {
    margin-top: 0;
    padding-top: 0;
  }
  .block-tb-megamenu .tbm .level-1 .level-2.open > .tbm-submenu {
    left: 0 !important;
    transition: all 300ms ease;
  }
  .block-tb-megamenu .tbm .level-1.open > .tbm-submenu {
    left: 0 !important;
    transition: all 300ms ease;
  }
  .offcanvas-header {
    border-bottom: 0.047rem solid hsla(24, 28%, 70%, 0.2);
  }
  .offcanvas-header .btn-close {
    background-size: 1.4rem;
    opacity: 100%;
  }
  .offcanvas-header .search-icon {
    min-width: 2rem;
  }
  .region-main-navigation {
    min-height: 50%;
    border-bottom: 0.047rem solid hsla(24, 28%, 70%, 0.2);
  }
  .region-main-navigation .level-1 {
    padding-inline: 1.375rem;
  }
  .responsive-menu {
    padding-inline: 1.375rem;
    padding-block: 1rem;
    border-bottom: 0.047rem solid hsla(24, 28%, 70%, 0.2);
  }
  .responsive-menu .nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-right: 0;
  }
  .responsive-menu .nav .nav-link {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 0;
  }
  .header-lang-switch .language-switcher {
    justify-content: start !important;
    padding-inline: 1.375rem;
    width: fit-content;
  }
  .header-lang-switch .dropdown button {
    color: #4b2307 !important;
  }
  .header-lang-switch .dropdown .dropdown-menu a {
    color: #4b2307;
  }
  .header-lang-switch ul:not(:has(li)) {
    display: none;
  }
}
@media (max-width: 74.99875rem) {
  .region-top-header div,
  .region-top-header span,
  .region-top-header a,
  .region-top-header button {
    font-size: 0.75rem !important;
  }
  .region-top-header .language-switcher-language-url,
  .region-top-header .menu--header-sub-menu {
    display: none;
    min-width: unset;
  }
  .header-branding-inner .navbar-brand img {
    height: 3rem;
    width: auto;
  }
  .header-branding__icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .header-branding__section {
    min-width: unset;
  }
  .offcanvas-header .btn-close {
    background-size: 1.2rem !important;
  }
  .nav-main .offcanvas {
    width: 50%;
  }
}
@media (max-width: 61.99875rem) {
  .navbar-brand img {
    height: 3rem;
    width: auto;
  }
}
@media (max-width: 35.99875rem) {
  .nav-main .offcanvas {
    width: 100%;
  }
}
#block-alainducasse-account-menu ul li .dropdown-toggle,
#block-alainducasse-account-menu ul li .nav-link {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 0;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
}
#block-alainducasse-account-menu ul li .dropdown-toggle::before,
#block-alainducasse-account-menu ul li .nav-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../../icons/user-icon.svg") no-repeat center;
  background-size: contain;
}
#block-alainducasse-account-menu ul li a {
  width: max-content;
}
#block-alainducasse-account-menu ul li a:hover {
  background-color: transparent !important;
  text-decoration: underline;
  color: #4b2307;
}
#block-alainducasse-account-menu .dropdown-menu.show {
  right: 0;
  left: unset;
  background: white;
  padding: 0;
}