/* DIA grocery header */
.diah{
  --ink:#1E1E1E; --muted:#666; --line:#E7E7E7; --soft:#F5F5F3; --accent:#B4500E; --accent-dark:#8A3C08; --leaf:#2E7D32;
  position:fixed; left:0; right:0; top:var(--wp-admin--admin-bar--height,0px); z-index:999; background:#fff; border-bottom:1px solid var(--line);
  font-family:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; color:var(--ink);
}
.diah *{box-sizing:border-box;}
.diah a{text-decoration:none; color:inherit;}
.diah button{font:inherit; color:inherit; background:none; border:0; cursor:pointer;}
.diah :focus-visible{outline:3px solid #1565C0; outline-offset:2px; border-radius:6px;}
.diah-i{flex:none;}
.screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px);}

.diah-bar{max-width:1280px; margin:0 auto; height:68px; padding:0 max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-right,0px)); display:flex; align-items:center; gap:14px;}
.diah-logo{flex:none; display:block; line-height:0;}
.diah-logo img{height:48px; width:auto; display:block;}
.diah-burger{display:none; width:40px; height:40px; border-radius:10px; align-items:center; justify-content:center;}

.diah .diah-catbtn{flex:none; display:flex; align-items:center; gap:8px; height:44px; padding:0 12px; border-radius:10px; background:var(--leaf); color:#fff!important; text-align:left; line-height:1.1; font-size:12px;}
.diah .diah-catbtn b{font-size:14px;}
.diah .diah-catbtn:hover{background:#25692A;}

.diah-search{position:relative; flex:1 1 auto; min-width:0; height:44px; display:flex; align-items:center; gap:8px; padding:0 14px; border:1px solid var(--line); border-radius:10px; background:var(--soft);}
.diah-search:focus-within{border-color:#BDBDBD; background:#fff;}
.diah-search input[type=search]{flex:1; min-width:0; height:100%; border:0; background:transparent; font:500 14px/1 inherit; color:var(--ink); outline:none; padding:0;}
.diah-search .diah-i{color:var(--muted);}
.diah-suggest{position:absolute; left:0; right:0; top:calc(100% + 6px); background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.12); padding:6px; max-height:420px; overflow:auto; z-index:5;}
.diah-sug{display:flex; align-items:center; gap:10px; padding:8px; border-radius:8px; font-size:14px;}
.diah-sug:hover,.diah-sug[aria-selected=true]{background:var(--soft);}
.diah-sug img{width:40px; height:40px; object-fit:cover; border-radius:6px; background:var(--soft);}
.diah-sug small{display:block; color:var(--muted); font-size:12px;}
.diah-sug__soon{margin-left:auto; font-size:11px; font-weight:700; color:#777; background:#F2F2F2; padding:2px 8px; border-radius:6px;}
.diah-sug__empty{padding:10px; font-size:13px; color:var(--muted);}

.diah-loc{position:relative; flex:none;}
.diah-locbtn{display:flex; align-items:center; gap:6px; height:44px; padding:0 10px; border-radius:10px; text-align:left; line-height:1.15;}
.diah-locbtn:hover{background:var(--soft);}
.diah-locbtn small{display:block; font-size:11px; color:var(--muted);}
.diah-locbtn b{font-size:13px; color:var(--leaf); white-space:nowrap;}
.diah-locbtn .diah-i:first-child{color:var(--leaf);}
.diah-locpop{position:absolute; right:0; top:calc(100% + 8px); width:300px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.12); padding:16px; z-index:6;}
.diah-pinform{display:flex; flex-direction:column; gap:8px; margin:0;}
.diah-pinform p{margin:0; font-size:13px; color:var(--muted);}
.diah-pinrow{display:flex; gap:8px;}
.diah-pinrow input{flex:1; min-width:0; height:40px; border:1px solid var(--line); border-radius:8px; padding:0 10px; font:500 15px inherit; letter-spacing:.08em;}
.diah-pinrow button{height:40px; padding:0 14px; border-radius:8px; background:var(--accent)!important; color:#fff!important; font-weight:700;}
.diah-pinmsg.ok{color:var(--leaf)!important; font-weight:700;} .diah-pinmsg.no{color:#B3261E!important; font-weight:700;}

.diah-acct{flex:none; display:flex; align-items:center; gap:6px; height:44px; padding:0 10px; border-radius:10px; font-size:13px; font-weight:700;}
.diah-acct:hover{background:var(--soft);}
.diah-cart{flex:none; position:relative; display:flex; align-items:center; gap:8px; height:44px; padding:0 14px 0 12px; border-radius:10px; background:var(--accent); color:#fff!important; font-weight:800; font-size:14px;}
.diah-cart:hover{background:var(--accent-dark);}
.diah-cart__count{position:static; min-width:20px; height:18px; padding:0 5px; border-radius:99px; background:#fff; color:var(--accent); font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center;}

.diah-cats{max-width:1280px; margin:0 auto; padding:0 max(16px,env(safe-area-inset-left,0px)) 0 max(16px,env(safe-area-inset-right,0px)); height:42px; display:flex; align-items:center; gap:16px; transition:height .2s, opacity .2s;}
.diah-cats ul{list-style:none; margin:0; padding:0; display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; flex:1; min-width:0;}
.diah-cats ul::-webkit-scrollbar{display:none;}
.diah-cats li a{display:block; white-space:nowrap; padding:7px 10px; border-radius:8px; font-size:13px; font-weight:600; color:#333;}
.diah-cats li a:hover,.diah-cats li a[aria-current]{background:var(--soft); color:var(--ink);}
.diah-trade{flex:none; font-size:13px; font-weight:800; color:var(--accent)!important;}
.diah::after{content:""; display:block; height:3px; background:linear-gradient(90deg,#D9531E 0 25%,#4E8F2E 25% 50%,#2A7FB8 50% 75%,#8E2F7A 75% 100%);}
.diah.is-compact .diah-cats{height:0; opacity:0; overflow:hidden;}

.diah-mega{position:absolute; left:0; right:0; top:100%; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 20px 40px rgba(0,0,0,.12); padding:18px max(16px,calc((100vw - 1280px)/2 + 16px)) 24px;}
.diah-mega__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; font-size:16px;}
.diah-mega__close{width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center;}
.diah-mega__close:hover{background:var(--soft);}
.diah-mega__grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:6px 16px;}
.diah-mega__grid a{display:flex; align-items:center; gap:12px; padding:8px; border-radius:10px;}
.diah-mega__grid a:hover{background:var(--soft);}
.diah-mega__img{width:44px; height:44px; border-radius:8px; overflow:hidden; background:var(--soft); flex:none;}
.diah-mega__img img{width:100%; height:100%; object-fit:cover; display:block;}
.diah-mega__name{font-size:14px; font-weight:700; line-height:1.25;}
.diah-mega__name small{display:block; font-size:11px; font-weight:600; color:#888;}

/* GreenMart's own headers are replaced; hide any leftovers */
#tbay-header, .topbar-device-mobile{display:none!important;}

@media (max-width:1100px){
  .diah-acct span{display:none;}
  .diah-cart__total{display:none;}
}
@media (max-width:900px){
  .diah-bar{flex-wrap:wrap; height:auto; padding-top:8px; padding-bottom:8px; row-gap:8px;}
  .diah-burger{display:flex; order:0;}
  .diah-logo{order:1;} .diah-logo img{height:38px;}
  .diah .diah-catbtn{display:none;}
  .diah-loc{order:2; margin-left:auto;}
  .diah-locbtn{padding:0 6px; height:40px;} .diah-locbtn small{display:none;} .diah-locbtn .diah-i:last-child{display:none;}
  .diah-locbtn b{font-size:12px; max-width:120px; overflow:hidden; text-overflow:ellipsis;}
  .diah-acct{order:3; padding:0 6px;}
  .diah-cart{order:4; padding:0 10px; height:40px;}
  .diah-search{order:5; flex-basis:100%; height:42px;}
  .diah-cats{height:38px;} .diah-trade{display:none;}
  .diah-locpop{position:fixed; left:12px; right:12px; top:auto; width:auto;}
  .diah-mega{position:fixed; inset:0; top:var(--wp-admin--admin-bar--height,0px); overflow:auto; padding:16px;}
  .diah-mega__grid{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){ .diah-cats{transition:none;} }

/* Product page notes (rendered by DIA Storefront) */
.dia-pnote{list-style:none; margin:14px 0; padding:12px 14px; border:1px solid #E7E7E7; border-radius:10px; font-family:"Manrope",sans-serif; font-size:13px; color:#444; display:flex; flex-direction:column; gap:4px;}
.dia-pnote li::before{content:"✓ "; color:#2E7D32; font-weight:800;}
.dia-pnote--soon{background:#F7F7F7; color:#333;}

/* Fixed header: the page is pushed down by the header's measured height (set by header.js) */
body.has-diah{padding-top:var(--diah-h,112px);}
body.has-diah #tbay-main-content, body.has-diah .site-main{padding-top:0!important; margin-top:0!important;}
body.has-diah #wrapper-container{padding-top:0!important; margin-top:0!important;}
@media (max-width:900px){ .diah-bar{column-gap:8px;} }
@media (max-width:520px){
  .diah-acct{display:none;}
  .diah-locbtn b{max-width:96px;}
  .diah-logo img{height:34px;}
}

/* Mega menu: one column per main category */
.diah-mega__cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px 24px;}
.diah-mega__col{min-width:0;}
.diah-mega__main{display:flex; align-items:center; gap:12px; padding:8px; border-radius:10px; margin-bottom:4px;}
.diah-mega__main:hover{background:var(--soft);}
.diah-mega__col ul{list-style:none; margin:0; padding:0 0 0 64px;}
.diah-mega__col li a{display:block; padding:5px 0; font-size:14px; color:#444;}
.diah-mega__col li a:hover{color:var(--accent);}
.diah-mega__col li small{font-size:11px; color:#999; font-weight:600;}
.diah-cats li.is-hot a{color:var(--accent); font-weight:800;}
@media (max-width:900px){ .diah-mega__cols{grid-template-columns:1fr;} .diah-mega__col ul{padding-left:64px;} }

/* Header strip: photo dropdown per main category (desktop) */
.diah-cats{position:relative;}
.diah-drop{position:absolute; top:100%; left:max(16px,env(safe-area-inset-left,0px)); right:max(16px,env(safe-area-inset-right,0px)); z-index:60; background:#fff; border:1px solid var(--line); border-top:0; border-radius:0 0 14px 14px; box-shadow:0 18px 36px rgba(0,0,0,.12); padding:16px 18px 18px;}
.diah-drop__head{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px;}
.diah-drop__head b{font-size:16px;}
.diah-drop__head a{font-size:13px; font-weight:700; color:var(--accent);}
.diah-drop__grid{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px;}
.diah-drop__grid a{display:flex; flex-direction:column; gap:6px; color:var(--ink); border-radius:12px;}
.diah-drop__img{display:block; aspect-ratio:4/3; border-radius:12px; overflow:hidden; background:var(--soft);}
.diah-drop__img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s;}
.diah-drop__grid a:hover .diah-drop__img img{transform:scale(1.05);}
.diah-drop__name{font-size:14px; font-weight:700; line-height:1.25;}
.diah-drop__grid small{font-size:12px; color:#888; font-weight:600;}
.diah-drop__grid small.is-live{color:var(--leaf);}
.diah-cats li[data-drop].is-open > a{background:var(--soft); color:var(--ink);}
@media (max-width:900px){ .diah-drop{display:none!important;} }
@media (prefers-reduced-motion:reduce){ .diah-drop__img img{transition:none;} }
.diah-cats .diah-drop__grid li a{display:flex; flex-direction:column; white-space:normal; padding:0; font-size:inherit; background:none; color:var(--ink);}
.diah-cats .diah-drop__grid li a:hover{background:none; color:var(--accent);}
.diah-cats .diah-drop__grid li{min-width:0;}
.diah-cats .diah-drop__img img{width:100%!important; height:100%!important; max-width:none;}
.diah-cats .diah-drop__grid small{display:block;}
.diah-cats .diah-drop__head a{display:inline; padding:0; background:none;}
.diah-cats ul.diah-drop__grid{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; overflow:visible; flex:none;}