/* ==========================================================================
   Donna Alxia — header + drawers
   ========================================================================== */

.dah{position:relative;z-index:9000}

/* ---- Announcement ---- */
.dah-ann{
  position:relative;
  background:var(--da-ink);
  color:#fff;
  padding:9px 44px;
  text-align:center;
  font-size:var(--da-fs-xs);
  font-weight:600;
  letter-spacing:.01em;
}
.dah-ann[hidden]{display:none}
.dah-ann__in{
  display:inline-flex;align-items:center;justify-content:center;
  gap:8px;flex-wrap:wrap;
}
.dah-ann__in .da-ico{color:var(--da-gold-on-dark);width:15px;height:15px}
.dah-ann__dot{color:rgba(255,255,255,.35)}
.dah-ann__x{
  position:absolute;inset-inline-end:10px;inset-block-start:50%;
  transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;
  background:transparent;border:0;color:rgba(255,255,255,.6);
  border-radius:var(--da-r-pill);
  transition:color var(--da-t),background var(--da-t);
}
.dah-ann__x:hover{color:#fff;background:rgba(255,255,255,.1)}

/* ---- Bar ---- */
.dah-bar{
  position:sticky;top:0;z-index:9000;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--da-border);
  transition:box-shadow var(--da-t);
}
.dah-bar.is-stuck{box-shadow:var(--da-sh-md)}
body.admin-bar .dah-bar{top:32px}
@media(max-width:782px){body.admin-bar .dah-bar{top:46px}}

/* Opaque fallback where backdrop-filter is unsupported */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .dah-bar{background:#fff}
}

.dah-bar__in{
  max-width:var(--da-max);
  margin-inline:auto;
  padding-inline:var(--da-gutter);
  min-height:var(--da-header-h);
  display:flex;align-items:center;gap:var(--da-4);
}

.dah-logo{display:flex;align-items:center;min-height:44px;flex:0 0 auto}
.dah-logo img{height:44px;width:auto;object-fit:contain}
.dah-logo__text{
  font-family:var(--da-font-display);
  font-size:1.2rem;font-weight:700;letter-spacing:.08em;
}

/* ---- Desktop nav ---- */
.dah-nav{
  display:flex;align-items:center;gap:2px;
  margin-inline-end:auto;
}
.dah-nav__item{position:relative}
.dah-nav__link{
  display:inline-flex;align-items:center;gap:5px;
  min-height:44px;
  padding:0 14px;
  background:transparent;border:0;
  font-size:var(--da-fs-sm);
  font-weight:700;
  color:var(--da-ink);
  border-radius:var(--da-r-sm);
  transition:color var(--da-t),background var(--da-t);
}
.dah-nav__link:hover{color:var(--da-gold-text);background:var(--da-gold-pale)}
.dah-nav__chev{width:14px;height:14px;transition:transform var(--da-t)}
.dah-has-drop:hover .dah-nav__chev,
.dah-has-drop:focus-within .dah-nav__chev{transform:rotate(180deg)}

.dah-drop{
  position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;
  min-width:310px;
  background:#fff;
  border:1px solid var(--da-border);
  border-radius:var(--da-r-lg);
  box-shadow:var(--da-sh-lg);
  padding:var(--da-2);
  opacity:0;visibility:hidden;
  transform:translateY(-6px);
  transition:opacity var(--da-t),transform var(--da-t),visibility var(--da-t);
}
.dah-has-drop:hover .dah-drop,
.dah-has-drop:focus-within .dah-drop{opacity:1;visibility:visible;transform:none}

.dah-drop__link{
  display:flex;align-items:center;gap:var(--da-3);
  padding:9px 10px;
  border-radius:var(--da-r-md);
  transition:background var(--da-t);
}
.dah-drop__link:hover{background:var(--da-bg-warm)}
.dah-drop__label{display:flex;flex-direction:column;line-height:1.3}
.dah-drop__label strong{font-size:var(--da-fs-sm);font-weight:800;color:var(--da-ink)}
.dah-drop__label em{font-style:normal;font-size:var(--da-fs-xs);color:var(--da-text-3)}

/* ---- Actions ---- */
.dah-actions{display:flex;align-items:center;gap:var(--da-2);flex:0 0 auto}

.dah-ico-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;
  background:transparent;border:0;
  color:var(--da-ink);
  border-radius:var(--da-r-pill);
  transition:background var(--da-t),color var(--da-t);
}
.dah-ico-btn:hover{background:var(--da-bg-warm);color:var(--da-gold-text)}
.dah-ico-btn .da-ico{width:21px;height:21px}

.dah-cart{position:relative}
.dah-cart__n{
  position:absolute;inset-block-start:3px;inset-inline-start:3px;
  min-width:19px;height:19px;
  padding:0 5px;
  display:flex;align-items:center;justify-content:center;
  background:var(--da-gold);
  color:#0d0d0d;
  border-radius:var(--da-r-pill);
  font-size:.68rem;font-weight:900;line-height:1;
}
.dah-cart__n[data-empty="true"]{background:#d1d5db;color:#4b5563}

.dah-cta{
  display:inline-flex;align-items:center;gap:6px;
  min-height:44px;
  padding:0 20px;
  background:linear-gradient(135deg,#f5c842,#c8922a);
  color:#0d0d0d;
  border-radius:var(--da-r-pill);
  font-size:var(--da-fs-sm);
  font-weight:900;
  box-shadow:0 8px 20px rgba(200,146,42,.3);
  transition:transform var(--da-t),box-shadow var(--da-t);
}
.dah-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(200,146,42,.44)}
.dah-cta .da-ico{width:15px;height:15px}

/* ---- Burger ---- */
.dah-burger{
  display:none;
  flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;
  background:transparent;border:0;
  border-radius:var(--da-r-pill);
}
.dah-burger span{
  display:block;height:2px;width:20px;margin-inline:auto;
  background:var(--da-ink);border-radius:2px;
  transition:transform var(--da-t),opacity var(--da-t);
}
.dah-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dah-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.dah-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---- Search ---- */
.dah-search{
  position:sticky;top:var(--da-header-h);z-index:8990;
  background:#fff;
  border-bottom:1px solid var(--da-border);
  box-shadow:var(--da-sh-md);
  padding:var(--da-4) var(--da-gutter);
}
.dah-search[hidden]{display:none}
.dah-search__form{
  max-width:var(--da-max);margin-inline:auto;
  display:flex;align-items:center;gap:var(--da-3);
}
.dah-search__form > .da-ico{width:20px;height:20px;color:var(--da-text-3);flex:0 0 auto}
.dah-search input[type="search"]{
  flex:1;min-width:0;
  height:50px;
  padding-inline:var(--da-3);
  border:1px solid var(--da-border-strong);
  border-radius:var(--da-r-md);
  font-family:inherit;font-size:var(--da-fs-base);
  background:#fff;color:var(--da-ink);
}
.dah-search input[type="search"]:focus{border-color:var(--da-gold);outline:none;box-shadow:0 0 0 3px rgba(200,146,42,.18)}

/* ---- Drawers ---- */
.dah-scrim{
  position:fixed;inset:0;z-index:9400;
  background:rgba(13,13,13,.5);
  backdrop-filter:blur(2px);
  opacity:0;transition:opacity var(--da-t);
}
.dah-scrim[hidden]{display:none}
.dah-scrim.is-open{opacity:1}

/* Anchored with PHYSICAL properties on purpose: `inset-inline-end` resolves to
   the LEFT edge in RTL, which put both panels on the wrong side. Both the menu
   and the cart must slide in from the right. */
.dah-drawer,
.dah-cartp{
  position:fixed;
  top:0;bottom:0;right:0;left:auto;
  z-index:9500;
  width:min(92vw,400px);
  background:#fff;
  display:flex;flex-direction:column;
  box-shadow:-20px 0 60px rgba(13,13,13,.22);
  transform:translateX(100%);           /* parked off-screen to the right */
  transition:transform var(--da-t-slow);
  padding-bottom:env(safe-area-inset-bottom);
}
.dah-drawer[hidden],
.dah-cartp[hidden]{display:none}
.dah-drawer.is-open,
.dah-cartp.is-open{transform:none}

.dah-drawer__top{
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--da-3);
  padding:var(--da-4) var(--da-5);
  border-bottom:1px solid var(--da-border);
  flex:0 0 auto;
}
.dah-drawer__title{
  display:flex;align-items:center;gap:8px;
  font-size:var(--da-fs-lg);font-weight:800;
}
.dah-drawer__title .da-ico{width:19px;height:19px;color:var(--da-gold-text)}

.dah-drawer__nav{
  flex:1;overflow-y:auto;
  padding:var(--da-4) var(--da-5);
  display:flex;flex-direction:column;
}
.dah-drawer__group{
  font-size:var(--da-fs-xs);font-weight:900;letter-spacing:.1em;
  color:var(--da-text-3);
  margin:var(--da-4) 0 var(--da-2);
}
.dah-drawer__group:first-child{margin-top:0}
.dah-drawer__link{
  display:flex;align-items:center;justify-content:space-between;gap:var(--da-3);
  min-height:48px;
  padding:0 4px;
  font-size:var(--da-fs-base);font-weight:700;
  border-bottom:1px solid var(--da-border);
  transition:color var(--da-t),padding var(--da-t);
}
.dah-drawer__link:hover{color:var(--da-gold-text);padding-inline-start:8px}
.dah-drawer__n{
  font-size:var(--da-fs-xs);font-weight:800;
  color:var(--da-text-3);
  background:var(--da-bg-warm);
  padding:2px 9px;border-radius:var(--da-r-pill);
}
.dah-drawer > .da-btn{margin:var(--da-4) var(--da-5) var(--da-5)}

/* ---- Cart panel ---- */
.dah-cartp__ship{padding:var(--da-4) var(--da-5) 0}
.dah-cartp__ship:empty{display:none}

.dah-cartp__body{
  flex:1;overflow-y:auto;
  padding:var(--da-4) var(--da-5);
}
.dah-cartp__body ul.cart_list{list-style:none;margin:0;padding:0}
.dah-cartp__body ul.cart_list li{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:var(--da-3);
  align-items:center;
  padding:var(--da-3) 0;
  border-bottom:1px solid var(--da-border);
  position:relative;
}
.dah-cartp__body ul.cart_list li img{
  grid-column:1;
  width:64px;height:64px;
  object-fit:cover;
  border-radius:var(--da-r-md);
  border:1px solid var(--da-border);
}
.dah-cartp__body ul.cart_list li a:not(.remove){
  grid-column:2;
  font-size:var(--da-fs-sm);font-weight:700;line-height:1.4;
  color:var(--da-ink);
}
.dah-cartp__body ul.cart_list li .quantity{
  grid-column:2;
  font-size:var(--da-fs-sm);color:var(--da-text-2);
}
.dah-cartp__body ul.cart_list li a.remove{
  grid-column:3;grid-row:1;
  width:30px;height:30px;
  display:flex;align-items:center;justify-content:center;
  border-radius:var(--da-r-pill);
  background:var(--da-bg-warm);
  color:var(--da-text-3)!important;
  font-size:1.1rem;line-height:1;
  text-decoration:none;
}
.dah-cartp__body ul.cart_list li a.remove:hover{background:var(--da-sale-bg);color:var(--da-sale)!important}
.dah-cartp__body .woocommerce-mini-cart__total{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:var(--da-4);padding-top:var(--da-4);
  border-top:2px solid var(--da-ink);
  font-size:var(--da-fs-lg);font-weight:900;
}
.dah-cartp__body .woocommerce-mini-cart__buttons{display:none}
.dah-cartp__body .woocommerce-mini-cart__empty-message{
  text-align:center;color:var(--da-text-3);padding:var(--da-8) 0;
}

.dah-cartp__foot{
  flex:0 0 auto;
  padding:var(--da-4) var(--da-5) var(--da-5);
  border-top:1px solid var(--da-border);
  background:var(--da-bg-warm);
  display:flex;flex-direction:column;gap:var(--da-2);
}
.dah-cartp__foot .da-paylogos{justify-content:center;margin-top:var(--da-2)}

body.dah-locked{overflow:hidden}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media(max-width:1100px){
  .dah-nav{gap:0}
  .dah-nav__link{padding:0 10px;font-size:var(--da-fs-xs)}
}
@media(max-width:960px){
  .dah-hide-md{display:none}
}
@media(max-width:860px){
  :root{--da-header-h:64px}
  .dah-burger{display:flex}
  .dah-nav{display:none}
  .dah-logo{margin-inline-end:auto}
  .dah-logo img{height:36px}
  .dah-ann{font-size:.72rem;padding:8px 40px}
  .dah-ann__dot,
  .dah-ann__in span:nth-child(n+4){display:none}
}
@media(max-width:420px){
  .dah-hide-sm{display:none}
  .dah-bar__in{gap:var(--da-2)}
}