/**
 * Dr. Panturu Luxury v1.6 — a classic horizontal desktop header again.
 * The desktop dropdowns and mobile drawer use the same original page tree.
 * Only the information architecture is shared; visual treatments differ.
 */
@media (min-width: 1200px) {
  .drp-site-header .drp-header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    width: min(calc(100% - 40px), 1380px);
    min-height: 78px;
    gap: clamp(14px, 1.6vw, 26px);
  }
  .drp-site-header .drp-brand,
  .drp-site-header .drp-custom-logo {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }
  .drp-site-header .drp-primary-nav.drp-desktop-nav {
    display: block !important;
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    align-self: stretch;
    position: relative;
    min-width: 0;
    width: max-content;
    max-width: 100%;
    overflow: visible;
  }
  .drp-site-header .drp-menu-toggle { display: none !important; }
  .drp-site-header .drp-header-cta {
    padding-left: clamp(14px,1.25vw,20px);
    padding-right: clamp(14px,1.25vw,20px);
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    margin: 0;
  }
  /* These controls belong exclusively to the mobile/tablet drawer. */
  .drp-mobile-overlay,
  .drp-mobile-drawer { display: none !important; }
}

.drp-desktop-menu,
.drp-desktop-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drp-desktop-menu {
  display: flex;
  height: 100%;
  align-items: center;
  gap: clamp(8px, .77vw, 14px);
}
.drp-desktop-menu__item { position: static; }
.drp-desktop-menu__heading {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 0;
  position: relative;
}
.drp-desktop-menu__anchor,
.drp-desktop-menu__disclosure {
  color: #2e261e;
  font-family: var(--drp-sans);
  font-size: clamp(.67rem,.76vw,.72rem);
  line-height: 1.35;
  font-weight: 700;
  letter-spacing: .018em;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
}
.drp-desktop-menu__anchor {
  display: flex;
  min-height: 70px;
  align-items: center;
  padding: 8px 2px;
  position: relative;
}
.drp-desktop-menu__anchor::after {
  content: "";
  position: absolute;
  bottom: 18px;
  left: 1px;
  right: 1px;
  height: 1px;
  background: #b28a57;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 360ms cubic-bezier(.22,1,.36,1);
}
.drp-desktop-menu__item:hover > .drp-desktop-menu__heading > .drp-desktop-menu__anchor::after,
.drp-desktop-menu__anchor:focus-visible::after,
.drp-desktop-menu__item.is-open > .drp-desktop-menu__heading > .drp-desktop-menu__anchor::after {
  transform: scaleX(1);
}
.drp-desktop-menu__disclosure {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 18px;
  min-height: 40px;
  padding: 8px 1px 8px 4px;
  color: #8c6942;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.drp-desktop-menu__disclosure-label { color: #2e261e; }
.drp-desktop-menu__disclosure svg {
  transition: transform 360ms cubic-bezier(.22,1,.36,1), color .25s ease;
  flex: 0 0 auto;
}
.drp-desktop-menu__item:hover > .drp-desktop-menu__heading .drp-desktop-menu__disclosure svg,
.drp-desktop-menu__item:focus-within > .drp-desktop-menu__heading .drp-desktop-menu__disclosure svg,
.drp-desktop-menu__item.is-open > .drp-desktop-menu__heading .drp-desktop-menu__disclosure svg {
  transform: rotate(180deg);
}
.drp-desktop-menu__item:hover .drp-desktop-menu__anchor,
.drp-desktop-menu__item:focus-within .drp-desktop-menu__anchor,
.drp-desktop-menu__item.is-open .drp-desktop-menu__anchor {color: #8b6030;}

.drp-desktop-menu__submenu {
  position: absolute;
  z-index: 1050;
  top: calc(100% - 1px);
  box-shadow: 0 27px 75px rgba(18, 13, 8, .16);
  border: 1px solid #e7dfd3;
  border-top: 2px solid #b6935f;
  background: #fdfbf8;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .25s ease,
              transform .38s cubic-bezier(.22,1,.36,1),
              visibility .38s step-end;
}
.drp-desktop-menu__submenu.drp-desktop-menu__mega {
  left: 50%;
  width: min(910px, calc(100vw - 40px));
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px 28px;
  max-height: min(78vh,680px);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 36px 35px 34px;
  scrollbar-width: thin;
  scrollbar-color: #b49a73 #f4efe7;
  /* Position relative to the centred desktop nav, not the hovered item. */
  transform: translate(-50%,10px);
}
.drp-desktop-menu__submenu.drp-desktop-menu__simple {
  left: 0;
  min-width: 285px;
  max-width: 400px;
  padding: 17px 20px;
}
.drp-desktop-menu__item:hover > .drp-desktop-menu__submenu,
.drp-desktop-menu__item:focus-within > .drp-desktop-menu__submenu,
.drp-desktop-menu__item.is-open > .drp-desktop-menu__submenu {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity .25s ease,
              transform .38s cubic-bezier(.22,1,.36,1),
              visibility 0s;
}
.drp-desktop-menu__item:hover > .drp-desktop-menu__mega,
.drp-desktop-menu__item:focus-within > .drp-desktop-menu__mega,
.drp-desktop-menu__item.is-open > .drp-desktop-menu__mega {
  transform: translate(-50%,0);
}
.drp-desktop-menu__item.is-suppressed > .drp-desktop-menu__submenu {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.drp-desktop-menu__simple a,
.drp-desktop-menu__links a {
  display: block;
  padding: 7px 8px 7px 0;
  font-size: .8rem;
  line-height: 1.55;
  color: #51483d;
  text-decoration: none;
  transition: color .24s ease, padding-left .32s cubic-bezier(.22,1,.36,1);
}
.drp-desktop-menu__simple a:hover,
.drp-desktop-menu__simple a:focus-visible,
.drp-desktop-menu__links a:hover,
.drp-desktop-menu__links a:focus-visible {
  color: #936637;
  padding-left: 6px;
}
.drp-desktop-menu__simple li + li { border-top: 1px solid #eee7de; }
.drp-desktop-menu__group { min-width: 0; padding-bottom: 9px; }
.drp-desktop-menu__group-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  min-height: 40px;
  margin-bottom: 8px;
  padding: 0 0 10px;
  color: #241c14;
  border-bottom: 1px solid #d8c7b2;
  font: 500 1.55rem/1.14 var(--drp-serif);
  text-decoration: none;
}
.drp-desktop-menu__group-title > span { color:#ad8450; font: 400 1rem/1 var(--drp-sans); }
.drp-desktop-menu__group-title:hover,
.drp-desktop-menu__group-title:focus-visible { color: #8f6434; }
.drp-desktop-menu__links { display: grid; gap: 0; }
.drp-desktop-nav a:focus-visible,
.drp-desktop-nav button:focus-visible {
  outline: 2px solid #9e7542;
  outline-offset: 3px;
}

@media (max-width: 1199px) {
  /* Keep precisely the v1.5 mobile drawer and animations on smaller screens. */
  .drp-site-header .drp-primary-nav.drp-desktop-nav { display: none !important; }
  .drp-site-header .drp-header-inner {
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 16px;
  }
  .drp-site-header .drp-brand,
  .drp-site-header .drp-custom-logo {grid-column:1; grid-row:1;}
  .drp-site-header .drp-header-cta {grid-column:2;grid-row:1;}
  .drp-site-header .drp-menu-toggle {display:inline-flex;grid-column:3;grid-row:1;}
}
@media (max-width: 820px) {
  .drp-site-header .drp-header-inner {grid-template-columns:minmax(0,1fr) auto;}
  .drp-site-header .drp-header-cta {display:none;}
  .drp-site-header .drp-menu-toggle {grid-column:2;}
}
@media (prefers-reduced-motion: reduce) {
  .drp-desktop-menu__submenu,
  .drp-desktop-menu__disclosure svg,
  .drp-desktop-menu__anchor::after,
  .drp-desktop-menu__links a {transition:none !important;}
}
@media print {
  .drp-desktop-menu__submenu { display: none !important; }
}

/* v1.7 — pointer-safe journey from desktop nav label into the floating panel.
   The transparent extension belongs to the hovered heading and covers any
   visual separation without altering the actual dropdown's position. */
@media (min-width: 1200px) and (hover:hover) {
  .drp-desktop-menu__item--parent > .drp-desktop-menu__heading::after {
    content: '';
    display: block;
    position: absolute;
    top: calc(100% - 2px);
    left: -24px;
    right: -24px;
    height: 34px;
    z-index: 1046;
    pointer-events: none;
  }
  .drp-desktop-menu__item--parent:is(:hover,.is-open,:focus-within) > .drp-desktop-menu__heading::after {
    pointer-events: auto;
  }
  .drp-desktop-menu__submenu { top: calc(100% - 3px); z-index: 1047; }
}
