/* ============================================================
   Agri Lighting header (loads after style.css and custom.css)
   Structure: .agri-utility > .agri-header__main (sticky) > .agri-mainnav
   ============================================================ */

.agri-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--agri-black,#000);
  border-bottom:0;
}
.admin-bar .agri-header{top:32px;}
@media (max-width:782px){ .admin-bar .agri-header{top:46px;} }

.agri-header a{line-height:1.2;}
.agri-header button{font:inherit;}
.agri-header .screen-reader-text{
  position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;
}

/* ---------- 1. Utility bar ---------- */
.agri-utility{
  background:#161616;
  color:rgba(255,255,255,.78);
  font-size:13px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.agri-utility__inner{
  max-width:1280px;
  margin:0 auto;
  padding:6px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:32px;
}
.agri-utility__trust{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.agri-utility__links{
  list-style:none;margin:0;padding:0;
  display:flex;align-items:center;gap:18px;flex:0 0 auto;
}
.agri-utility__links li{margin:0;padding:0;display:flex;align-items:center;gap:6px;}
.agri-utility__links a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.agri-utility__links a:hover{color:var(--agri-yellow,#F0FE06);text-decoration:underline;}
.agri-utility__links svg{width:15px;height:15px;}
.agri-utility__hours{color:rgba(255,255,255,.6);}

/* Compact mode: once the page is scrolled, JS adds .is-compact and the utility bar folds away */
.agri-header.is-compact .agri-utility{display:none;}

/* ---------- 2. Main row ---------- */
.agri-header__main{background:var(--agri-black,#000);}
.agri-header__inner{
  max-width:1280px;
  margin:0 auto;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:18px;
}

/* Logo: 52px is tall enough to read, small enough to keep the sticky header compact */
.agri-header__logo{display:flex;align-items:center;flex:0 0 auto;}
.agri-header__logo img{height:52px;width:auto;max-width:240px;display:block;}

/* Burger: mobile only */
.agri-burger{
  display:none;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:44px;
  height:44px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:#111;
  color:#fff;
  cursor:pointer;
}
.agri-burger svg{width:22px;height:22px;}
.agri-burger__text{font-size:13px;font-weight:600;}

/* Search: widest element on the row, grows to fill */
.agri-search{
  flex:1 1 420px;
  min-width:0;
  display:flex;
  align-items:stretch;
  margin:0;
  border-radius:10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  background:#fff;
}
.agri-search:focus-within{
  border-color:var(--agri-yellow,#F0FE06);
  box-shadow:0 0 0 3px rgba(240,254,6,.25);
}
.agri-search__input{
  flex:1 1 auto;
  min-width:0;
  height:44px;
  border:0;
  border-radius:0;
  background:#fff;
  color:#111;
  padding:0 14px;
  font-size:15px;
  outline:none;
  box-shadow:none;
}
.agri-search__input::placeholder{color:#6b6b6b;}
.agri-search__input::-webkit-search-cancel-button{-webkit-appearance:none;}
.agri-search__btn{
  flex:0 0 auto;
  height:44px;
  padding:0 16px;
  border:0;
  border-radius:0;
  background:var(--agri-yellow,#F0FE06);
  color:#000;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.agri-search__btn svg{width:20px;height:20px;}
.agri-search__btn:hover{background:#fff;color:#000;border:0;}

/* VAT switch: explicit two-state control, never an ambiguous on/off toggle */
.agri-vat{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-size:13px;
  white-space:nowrap;
}
.agri-vat__label{color:rgba(255,255,255,.7);}
.agri-vat__opt{
  display:inline-flex;
  align-items:center;
  height:36px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  background:#111;
  transition:background .15s ease,color .15s ease;
}
.agri-vat__opt:first-of-type{border-radius:8px 0 0 8px;}
.agri-vat__opt:last-of-type{border-radius:0 8px 8px 0;margin-left:-1px;}
.agri-vat__opt:hover{color:var(--agri-yellow,#F0FE06);}
.agri-vat__opt[aria-current="true"]{
  background:var(--agri-yellow,#F0FE06);
  border-color:var(--agri-yellow,#F0FE06);
  color:#000;
  position:relative;
  z-index:1;
}
.agri-vat__opt:focus-visible{outline:2px solid var(--agri-yellow,#F0FE06);outline-offset:2px;}

/* Account and basket */
.agri-header__actions{flex:0 0 auto;display:flex;align-items:center;gap:6px;}
.agri-iconlink{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid transparent;
  min-height:44px;
}
.agri-iconlink:hover{color:var(--agri-yellow,#F0FE06);border-color:rgba(240,254,6,.35);}
.agri-icon{position:relative;width:24px;height:24px;display:inline-flex;}
.agri-icon svg{width:24px;height:24px;display:block;}
.agri-iconlink__text{display:flex;flex-direction:column;line-height:1.15;font-size:13px;}
.agri-iconlink__title{font-weight:700;}
.agri-iconlink__sub{font-size:12px;color:rgba(255,255,255,.7);}
.agri-iconlink:hover .agri-iconlink__sub{color:inherit;}
.agri-cartcount{
  position:absolute;
  top:-8px;
  right:-10px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--agri-yellow,#F0FE06);
  border:0;
  color:#000;
  font-size:11px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.agri-iconlink:hover .agri-cartcount{background:var(--agri-yellow,#F0FE06);color:#000;border:0;}

/* ---------- 3. Category nav ---------- */
.agri-mainnav{background:#2b2b2b;border-top:1px solid rgba(255,255,255,.08);}
.agri-mainnav__inner{max-width:1280px;margin:0 auto;padding:0 16px;position:relative;}
.agri-mainnav__list{
  list-style:none;margin:0;padding:0;
  display:flex;gap:8px;align-items:stretch;justify-content:flex-start;
}
.agri-navitem{position:static;display:flex;align-items:stretch;}
.agri-navlink{
  display:flex;align-items:center;
  color:#fff;text-decoration:none;font-weight:600;
  padding:13px 12px 13px 14px;
  border-bottom:3px solid transparent;
}
.agri-navtoggle{
  display:flex;align-items:center;justify-content:center;
  width:34px;border:0;background:transparent;color:rgba(255,255,255,.7);cursor:pointer;
  border-bottom:3px solid transparent;padding:0;
}
.agri-navtoggle svg{width:16px;height:16px;transition:transform .15s ease;}
.agri-navitem:hover .agri-navlink,
.agri-navitem.is-open .agri-navlink,
.agri-navlink[aria-current="page"]{
  color:var(--agri-yellow,#F0FE06);
  border-bottom-color:var(--agri-yellow,#F0FE06);
}
.agri-navitem:hover .agri-navtoggle,
.agri-navitem.is-open .agri-navtoggle{color:var(--agri-yellow,#F0FE06);}
.agri-navitem.is-open .agri-navtoggle svg{transform:rotate(180deg);}
.agri-navtoggle:focus-visible,.agri-navlink:focus-visible{outline:2px solid var(--agri-yellow,#F0FE06);outline-offset:-2px;}

/* Mega panel: opened by JS (.is-open) rather than raw :hover, so it can use a
   short hover delay and stays open while the mouse crosses to it */
.agri-dropdown{
  display:none;
  position:absolute;
  left:16px;
  right:16px;
  top:100%;
  width:auto;
  max-width:none;
  transform:none;
  background:#121212;
  border:1px solid rgba(255,255,255,.12);
  border-top:3px solid var(--agri-yellow,#F0FE06);
  border-radius:0 0 14px 14px;
  z-index:1001;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}
.agri-navitem.has-dropdown:hover .agri-dropdown{display:none;}
.agri-navitem.has-dropdown.is-open .agri-dropdown{display:block;}

.agri-mega--direct{width:100%;max-width:none;padding:18px 26px 26px;}
.agri-mega__top{padding:0 2px 12px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:14px;}
.agri-mega__title{color:var(--agri-yellow,#F0FE06);font-weight:800;font-size:15px;text-decoration:none;}
.agri-mega__title:hover{text-decoration:underline;}
.agri-mega__grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1.1fr;column-gap:26px;}
.agri-mega__grid--3{grid-template-columns:1fr 1fr 1fr;}
.agri-mega__h{color:rgba(255,255,255,.6);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;}
.agri-mega__h--gap{margin-top:14px;}
.agri-mega__list a{display:block;padding:8px 10px;border-radius:8px;color:#fff;text-decoration:none;}
.agri-mega__list a:hover{color:var(--agri-yellow,#F0FE06);background:rgba(255,255,255,.05);}
.agri-mega__card{display:block;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);}
.agri-mega__img{width:100%;height:auto;display:block;}
.agri-mega__cardtitle{padding:12px 12px 0;font-weight:700;}
.agri-mega__cta{padding:8px 12px 12px;color:var(--agri-yellow,#F0FE06);font-weight:700;}

/* Price label injected next to every price */
.agri-vat-suffix{font-size:.72em;font-weight:500;opacity:.75;margin-left:2px;white-space:nowrap;}

/* ---------- 4. Mobile drawer ---------- */
.agri-mobile{position:fixed;inset:0;z-index:2000;}
.agri-mobile[hidden]{display:none !important;}
.agri-mobile__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);}
.agri-mobile__panel{
  position:absolute;top:0;left:0;height:100%;width:min(88vw,400px);
  background:#fff;color:#111;box-shadow:24px 0 60px rgba(0,0,0,.3);
  display:flex;flex-direction:column;
}
.agri-mobile__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08);}
.agri-mobile__title{font-weight:700;font-size:16px;}
.agri-mobile__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:#fff;cursor:pointer;color:#111;}
.agri-mobile__close svg{width:20px;height:20px;}
.agri-mobile__body{padding:12px 14px 24px;overflow:auto;-webkit-overflow-scrolling:touch;}
.agri-mobile__vat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08);font-weight:600;font-size:14px;}
.agri-vat--mobile .agri-vat__opt{background:#f2f2f2;color:#111;border-color:rgba(0,0,0,.18);}
.agri-vat--mobile .agri-vat__opt[aria-current="true"]{background:#000;color:var(--agri-yellow,#F0FE06);border-color:#000;}
.agri-mobile__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.agri-mobile__item{border:1px solid rgba(0,0,0,.10);border-radius:12px;overflow:hidden;}
.agri-mobile__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:#fff;border:0;cursor:pointer;font-weight:700;font-size:15px;text-align:left;color:#111;}
.agri-mobile__toggle svg{width:18px;height:18px;flex:0 0 auto;transition:transform .15s ease;}
.agri-mobile__toggle[aria-expanded="true"] svg{transform:rotate(90deg);}
.agri-mobile__submenu{padding:4px 14px 14px;border-top:1px solid rgba(0,0,0,.08);background:#fafafa;}
.agri-mobile__h{font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#666;margin:12px 0 6px;}
.agri-mobile__links{display:flex;flex-direction:column;}
.agri-mobile__links a{display:block;padding:10px 0;text-decoration:none;color:#111;border-bottom:1px solid rgba(0,0,0,.06);}
.agri-mobile__links a:last-child{border-bottom:0;}
.agri-mobile__all{font-weight:700;color:#000 !important;}
.agri-mobile__help{display:flex;flex-direction:column;margin-top:16px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08);}
.agri-mobile__help a{display:block;padding:11px 0;text-decoration:none;color:#111;font-weight:600;}
.agri-nav-open{overflow:hidden;}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .agri-utility__trust{display:none;}
  .agri-utility__inner{justify-content:flex-end;}
}
@media (max-width:980px){
  .agri-mainnav{display:none;}
  .agri-utility{display:none;}
  .agri-burger{display:inline-flex;}
  .agri-header__inner{flex-wrap:wrap;gap:10px 12px;padding:10px 12px;}
  .agri-header__logo{order:2;margin-right:auto;}
  .agri-header__logo img{height:40px;}
  .agri-burger{order:1;}
  .agri-vat{display:none;}                     /* lives in the drawer on mobile */
  .agri-vat--mobile{display:inline-flex;}
  .agri-header__actions{order:3;}
  .agri-iconlink{padding:6px;}
  .agri-iconlink--account .agri-iconlink__text{display:none;}
  .agri-iconlink__sub{display:none;}
  .agri-iconlink__title{display:none;}
  .agri-search{order:4;flex:1 1 100%;}
}
@media (max-width:480px){
  .agri-burger__text{display:none;}
  .agri-search__btntext{display:none;}
  .agri-search__btn{padding:0 14px;}
}