/* ── Agrovaru Header Frontend Styles ──────────────────────── */
:root {
  --agv-green:       #ffb900;
  --agv-green-mid:   #ca0101;
  --agv-sage:        #ffd966;
  --agv-dark:        #3c464b;
  --agv-dark2:       #2d373b;
  --agv-white:        #ffffff;
  --agv-topbar-bg:   #3c464b;
  --agv-nav-bg:       #ffffff;
  --agv-nav-shadow:  0 2px 20px rgba(60,70,75,.15);
  --agv-cta-bg:      #ca0101;
  --agv-cta-hover:   #a00000;
  --agv-slide-overlay:rgba(60,70,75,.50);
}

/* Reset for header scope – tugevad override'id Divi vastu */
#agrovaru-header,
#agrovaru-header *,
#agrovaru-header *::before,
#agrovaru-header *::after {
  box-sizing: border-box;
}
#agrovaru-header {
  z-index: 9999;
  font-family: inherit;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

/* Divi kirjutab ul li-le list-style: disc – tühistame */
#agrovaru-header ul,
#agrovaru-header ul li,
#agrovaru-header ol,
#agrovaru-header ol li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Divi lisab li::before pseudo-elemendi mõnel teemal */
#agrovaru-header ul li::before,
#agrovaru-header ol li::before {
  content: none !important;
  display: none !important;
}

/* Divi võib lisada a-le värvi/text-decoration */
#agrovaru-header a {
  text-decoration: none;
  box-shadow: none !important;
}
#agrovaru-header a:hover {
  text-decoration: none;
}

/* ── NAVBAR ──────────────────────────────────────────────── */
.agrovaru-navbar {
  background: var(--agv-nav-bg);
  box-shadow: var(--agv-nav-shadow);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  transition: box-shadow .25s, background .25s;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Kompensatsioon fixed navbar kõrguse jaoks.
   JS seab täpse väärtuse dünaamiliselt – see on fallback. */
.agrovaru-header {
  padding-top: var(--agrovaru-header-h, 64px);
  /* Ära loo uut stacking context-i – see lõkustaks navbar z-index-i */
  isolation: auto !important;
  transform: none !important;
  will-change: auto !important;
  filter: none !important;
}

/* Navbar peab olema kõigi lehe elementide peal, aga admin bar peab nähtavaks jääma */
.agrovaru-navbar {
  z-index: 99998 !important;
}
/* Admin bar (WP + Divi) on alati peal */
body.admin-bar .agrovaru-navbar {
  top: 32px !important; /* WP admin bar kõrgus */
}
.agrovaru-navbar.agrovaru-navbar-scrolled {
  box-shadow: 0 4px 28px rgba(202,1,1,.18);
}

/* Container – topbar ja muude sektsioonide jaoks */
.agrovaru-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
/* Navbar inner – 3-column flex: logo | menu (center) | cta */
.agrovaru-navbar-inner {
  display: flex !important;
  align-items: center !important;
  height: 64px;
  min-height: 64px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  gap: 0;
}
/* Logo – ei kasva */
.agrovaru-logo-link {
  display: flex;
  align-items: center;
  align-self: center;
  flex-shrink: 0;
  flex-grow: 0;
  padding-top: 6px;
}
/* Nav – kasvab ja tsentreerub */
.agrovaru-nav {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Nav right – ei kasva */
.agrovaru-nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  flex-grow: 0;
}

/* ── TOP BAR ─────────────────────────────────────────────── */
.agrovaru-topbar {
  background: #3c464b;
  border-bottom: 1px solid #2d373b;
  font-size: 13px;
}
.agrovaru-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  gap: 16px;
}
.agrovaru-contact-bar { display: flex; gap: 20px; flex-wrap: wrap; }
.agrovaru-contact-item {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #e8e4de;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  transition: color .15s;
}
.agrovaru-contact-item:hover { color: var(--agv-green); }
.agrovaru-contact-item svg { width: 13px; height: 13px; fill: currentColor; flex-shrink: 0; }
.agrovaru-topbar-right { display: flex; align-items: center; gap: 16px; margin-left: auto; }

/* Language switcher with flags */
/* Language switcher – no bg, just flag + code, separator between */
.agrovaru-lang-switcher {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}
.agrovaru-lang-switcher li { list-style: none; margin: 0; padding: 0; }
.agrovaru-lang-switcher li + li { border-left: 1px solid rgba(255,255,255,.2); }
.agrovaru-lang-switcher li a {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  height: 30px;
  text-decoration: none;
  font-size: 11.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .3px;
  color: #e8e4de;
  background: transparent;
  border: none;
  transition: color .15s;
  white-space: nowrap;
}
.agrovaru-lang-switcher li a:hover { color: var(--agv-green); }
.agrovaru-lang-switcher li.current-lang a { color: var(--agv-green); font-weight: 700; }
.agrovaru-lang-flag { font-size: 15px; line-height: 1; display: block; }

/* Thin divider between lang group and search icon */
.agrovaru-tb-divider { width: 1px; height: 18px; background: rgba(255,255,255,.2); margin: 0 8px; flex-shrink: 0; }

/* Search – bare icon button only, dropdown on click */
.agrovaru-search-wrap { position: relative; }
.agrovaru-search-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  color: #e8e4de;
  transition: background .15s, color .15s;
  padding: 0;
}
.agrovaru-search-toggle:hover { background: rgba(255,255,255,.1); color: var(--agv-green); }
.agrovaru-search-toggle.open  { background: rgba(255,255,255,.1); color: var(--agv-green); }
.agrovaru-search-toggle svg { width: 16px; height: 16px; fill: currentColor; }

/* Search dropdown – elevated, distinct */
.agrovaru-search-box {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  background: #fff;
  border: 1.5px solid var(--agv-green);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(202,1,1,.18), 0 2px 8px rgba(202,1,1,.08);
  padding: 12px;
  width: 300px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .18s, transform .18s;
  z-index: 9999;
}
.agrovaru-search-box.open {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
.agrovaru-search-inner {
  display: flex;
  align-items: center;
  border: 1.5px solid var(--agv-green);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.agrovaru-search-inner svg { width: 15px; height: 15px; fill: var(--agv-green-mid); flex-shrink: 0; margin-left: 10px; }
.agrovaru-search-inner input[type=search] {
  flex: 1;
  padding: 9px 10px;
  border: none;
  outline: none;
  font-size: 13px;
  color: var(--agv-dark);
  background: transparent;
  -webkit-appearance: none;
}
.agrovaru-search-inner button[type=submit] {
  background: var(--agv-green);
  color: #fff;
  border: none;
  padding: 0 14px;
  height: 40px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background .15s;
  white-space: nowrap;
}
.agrovaru-search-inner button[type=submit]:hover { background: var(--agv-green-mid); }
.agrovaru-search-hints { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.agrovaru-search-hints a {
  font-size: 11px;
  padding: 3px 9px;
  background: #3c464b;
  color: #4a5560;
  border-radius: 20px;
  text-decoration: none;
  border: 1px solid #e2ddd8;
  transition: all .15s;
}
.agrovaru-search-hints a:hover { background: #e2ddd8; color: var(--agv-green); }

/* Logo */
.agrovaru-logo-link {
  display: flex;
  align-items: center;
  align-self: center;
  flex-shrink: 0;
}
/* Kõrgus on `height` (mitte `max-height`), et SVG-d ilma viewBox-ita / sisemise
   suuruseta saaksid alati nähtava kõrguse. `max-width` hoiab väga lai logo
   navbar-ist välja jäämast. `object-fit: contain` säilitab proportsioonid. */
.agrovaru-logo-img  {
  height: 32px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  display: block;
  margin: auto 0;
}
.agrovaru-logo-text { font-size: 22px; font-weight: 800; color: var(--agv-dark); letter-spacing: -1px; }

/* Nav menu – !important Divi override'ide vastu */
.agrovaru-menu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
.agrovaru-menu li {
  position: relative;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  float: none !important;
}
.agrovaru-menu li::before {
  content: none !important;
  display: none !important;
}
.agrovaru-menu li::marker {
  content: none !important;
}
.agrovaru-menu li a {
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  height: 64px;
  font-size: 18px;
  font-weight: 400;
  color: var(--agv-dark);
  text-decoration: none;
  letter-spacing: .3px;
  transition: color .2s;
  white-space: nowrap;
  position: relative;
}
.agrovaru-menu li a:hover,
.agrovaru-menu li.current-menu-item > a,
.agrovaru-menu li.current-menu-ancestor > a { color: var(--agv-green); }

/* Nav underline indicator */
.agrovaru-menu li a::after {
  content: '';
  position: absolute;
  bottom: 10px;
  left: 16px;
  right: 16px;
  height: 2px;
  background: var(--agv-green);
  transform: scaleX(0);
  transition: transform .25s;
  border-radius: 2px;
}
.agrovaru-menu li a:hover::after,
.agrovaru-menu li.current-menu-item > a::after,
.agrovaru-menu li.current-menu-ancestor > a::after,
.agrovaru-menu li a.agrovaru-spy-active::after { transform: scaleX(1); }
.agrovaru-menu li a:hover,
.agrovaru-menu li.current-menu-item > a,
.agrovaru-menu li.current-menu-ancestor > a,
.agrovaru-menu li a.agrovaru-spy-active { color: var(--agv-green); }

/* Alammenüü nool */
.agrovaru-menu li.menu-item-has-children > a {
  gap: 4px;
}
.agrovaru-menu li.menu-item-has-children > a::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  margin-left: 2px;
  opacity: .6;
  flex-shrink: 0;
  order: 1;
  transition: transform .2s, opacity .2s;
}
.agrovaru-menu li.menu-item-has-children > a:hover::before,
.agrovaru-menu li.menu-item-has-children.current-menu-ancestor > a::before {
  opacity: 1;
  transform: rotate(45deg) translateY(-1px);
}

/* Kasutatud tehnika — must tõstetud menüüpunkt */
.agrovaru-menu li.menu-item-12 > a {
  color: #000000 !important;
  font-weight: 500;
}
.agrovaru-menu li.menu-item-12 > a:hover { color: #000000 !important; opacity: .75; }
.agrovaru-menu li.menu-item-12 > a::after { background: #000000; }

/* Dropdown */
.agrovaru-menu li ul.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--agv-white);
  min-width: 200px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 6px 20px rgba(0,0,0,.10);
  padding: 4px 0;
  z-index: 9999;
  list-style: none;
  margin: 0;
}
.agrovaru-menu li:hover > ul.sub-menu { display: block; animation: agvDropdown .15s ease; }
@keyframes agvDropdown { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

/* Pesastatud alammenüü (nt Tõstukid -> tüübid): avaneb KÕRVALE, mitte
   enda alla, muidu kataks see kinni ülejäänud Müük-alammenüü read
   (Riiulid, Lao- ja tootmistarvikud jne). */
.agrovaru-menu li ul.sub-menu li ul.sub-menu {
  top: -4px;
  left: 100%;
  border-radius: 4px;
}
.agrovaru-menu li ul.sub-menu li.menu-item-has-children > a::before {
  transform: rotate(-45deg) translateX(-2px);
}
.agrovaru-menu li ul.sub-menu li.menu-item-has-children > a:hover::before {
  transform: rotate(-45deg) translateX(-1px);
}

.agrovaru-menu li ul.sub-menu li a {
  padding: 9px 20px;
  font-size: 17px;
  font-weight: 400;
  height: auto;
}
.agrovaru-menu li ul.sub-menu li a::after { display: none; }
.agrovaru-menu li ul.sub-menu li a:hover { background: #f5f4f2; color: var(--agv-green); }

/* CTA */
.agrovaru-nav-right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
/* ── v1.6.0 CTA btn — shimmer/glow ──────────────────────── */
.agrovaru-cta-btn {
  position: relative;
  overflow: hidden;
  padding: 10px 22px;
  background: #ffcc02;
  color: #1a1a1a !important;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, transform .15s, box-shadow .2s;
  white-space: nowrap;
  letter-spacing: .3px;
  box-shadow: 0 0 0 0 rgba(255,185,0,0);
}
.agrovaru-cta-btn::after {
  content: '';
  position: absolute;
  top: 0; left: -75%;
  width: 50%; height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.45) 50%, transparent 100%);
  transform: skewX(-15deg);
  animation: agvCtaShimmer 3s ease-in-out infinite;
}
.agrovaru-cta-btn:hover {
  background: #e6b800;
  transform: translateY(-1px);
  box-shadow: 0 4px 18px rgba(255,185,0,.4);
}
@keyframes agvCtaShimmer {
  0%   { left: -75%; }
  40%  { left: 125%; }
  100% { left: 125%; }
}

/* ── v1.6.0 Hamburger — animated X ───────────────────────── */
.agrovaru-hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
}
.agrovaru-hamburger span {
  display: block;
  width: 24px; height: 2px;
  background: var(--agv-dark);
  border-radius: 2px;
  transition: transform .32s cubic-bezier(.77,0,.175,1), opacity .2s, width .2s;
  transform-origin: center;
}
.agrovaru-hamburger.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.agrovaru-hamburger.active span:nth-child(2) {
  opacity: 0;
  width: 0;
}
.agrovaru-hamburger.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ── v1.6.0 Topbar hides on scroll-down ─────────────────── */
.agrovaru-topbar {
  will-change: transform;
  transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.agrovaru-topbar--hidden {
  transform: translateY(-100%);
}

/* ── v1.6.0 Navbar blur on scroll ───────────────────────── */
.agrovaru-navbar {
  transition: background .25s, box-shadow .25s, backdrop-filter .25s;
}
.agrovaru-navbar.agrovaru-navbar-scrolled {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 2px 24px rgba(255,185,0,.13);
}

/* ── v1.6.0 Logo entrance animation ─────────────────────── */
.agrovaru-logo-link {
  animation: agvLogoEntrance .6s cubic-bezier(.22,1,.36,1) both;
}
@keyframes agvLogoEntrance {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── v1.6.0 Glass search dropdown ───────────────────────── */
.agrovaru-search-box {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,185,0,.15);
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
  border-radius: 12px;
}
.agrovaru-search-inner {
  border-radius: 10px 10px 0 0;
}

/* ── v1.6.0 Partner topbar logos ────────────────────────── */
.agrovaru-partners-topbar {
  display: flex;
  align-items: center;
  gap: 12px;
}
.agrovaru-partner-tb-item {
  display: flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  color: inherit;
  transition: opacity .15s;
}
.agrovaru-partner-tb-item:hover { opacity: .75; }
.agrovaru-partner-tb-label {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: rgba(255,255,255,.55);
  white-space: nowrap;
}
.agrovaru-partner-tb-logo {
  height: 22px;
  width: auto;
  max-width: 100px;
  object-fit: contain;
  display: block;
}
.agrovaru-partner-tb-name {
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .3px;
}

/* ── v1.6.0 Partner glass-card on slider ────────────────── */
.agrovaru-partner-glass-wrap {
  position: absolute;
  top: 80px;
  left: max(24px, calc((100% - 1280px) / 2 + 24px));
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 9990;
  pointer-events: auto;
}
.agrovaru-partner-glass-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 16px;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,.18);
  text-decoration: none;
  color: inherit;
  min-width: 130px;
  animation: agvGlassCardIn .7s .4s cubic-bezier(.22,1,.36,1) both;
  transition: transform .2s, box-shadow .2s;
}
.agrovaru-partner-glass-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(0,0,0,.22);
}
@keyframes agvGlassCardIn {
  from { opacity: 0; transform: translateY(12px) scale(.95); }
  to   { opacity: 1; transform: translateY(0)   scale(1); }
}
.agrovaru-partner-glass-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: #2a3540;
  white-space: nowrap;
}
.agrovaru-partner-glass-logo {
  height: 44px;
  width: auto;
  max-width: 160px;
  object-fit: contain;
  display: block;
}
.agrovaru-partner-glass-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--agv-dark);
  letter-spacing: .3px;
}
/* Mobile: väiksem kaart */
@media (max-width: 600px) {
  .agrovaru-partner-glass-wrap { top: auto; bottom: 14px; left: 50%; right: auto; transform: translateX(-50%); }
  .agrovaru-partner-glass-card { padding: 6px 12px; min-width: 80px; gap: 4px; }
  .agrovaru-partner-glass-logo { height: 18px; }
  .agrovaru-partner-glass-label { font-size: 8px; }
}

/* ── SLIDER ──────────────────────────────────────────────── */
.agrovaru-slider-section {
  background: transparent;
  padding: 0;
  position: relative;
  overflow: visible;
}
.agrovaru-slider-wrap {
  position: relative;
  overflow: hidden;
  background: var(--agv-dark);
}
.agrovaru-slides { position: relative; width: 100%; height: 100%; }

/* Mobiilis oli slaideri kõrgus (auto-režiim: clamp(480px, 100svh, ...))
   peaaegu kogu ekraani kõrgune, mistõttu tsentreeritud tekst jäi
   päisest ja allpool oleva sisu vahele liiga suure tühja alaga —
   vähendame kõrgust mobiilis, et tekst jääks loogilisemasse kohta. */
@media (max-width: 900px) {
  .agrovaru-slider-wrap {
    height: clamp(340px, 56svh, 460px) !important;
  }
}

/* ── Shape variandid – data-shape atribuudi järgi ── */

/* 1. clean – tavaline ristkülik, midagi erilist pole */
.agrovaru-slider-wrap[data-shape="clean"] {
  /* intentionally empty */
}

/* 2. fade-bottom – alt sujuv sulandumine valgeks */
.agrovaru-slider-wrap[data-shape="fade-bottom"] {
  -webkit-mask-image: linear-gradient(
    to bottom,
    black     0%,
    black     65%,
    rgba(0,0,0,.8) 78%,
    rgba(0,0,0,.3) 90%,
    transparent   100%
  );
          mask-image: linear-gradient(
    to bottom,
    black     0%,
    black     65%,
    rgba(0,0,0,.8) 78%,
    rgba(0,0,0,.3) 90%,
    transparent   100%
  );
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/* 3. fade-all – kõik neli äärt sulanduvad */
.agrovaru-slider-wrap[data-shape="fade-all"] {
  -webkit-mask-image:
    linear-gradient(to right,  transparent 0%, black 8%, black 92%, transparent 100%),
    linear-gradient(to bottom, black 0%, black 65%, rgba(0,0,0,.8) 78%, rgba(0,0,0,.3) 90%, transparent 100%);
          mask-image:
    linear-gradient(to right,  transparent 0%, black 8%, black 92%, transparent 100%),
    linear-gradient(to bottom, black 0%, black 65%, rgba(0,0,0,.8) 78%, rgba(0,0,0,.3) 90%, transparent 100%);
  -webkit-mask-size: 100% 100%, 100% 100%;
          mask-size: 100% 100%, 100% 100%;
  -webkit-mask-repeat: no-repeat, no-repeat;
          mask-repeat: no-repeat, no-repeat;
  -webkit-mask-composite: source-in;
          mask-composite: intersect;
}

/* 4. wave – alt orgaaniline SVG-lainekuju */
/* Overflow visible et laine saab väljapoole minna – kaitseme ::after pseudoga */
.agrovaru-slider-wrap[data-shape="wave"] {
  overflow: visible;
  /* Laine lisatakse ::after pseudo-elemendiga mis katab alumise osa
     sama värvi mis leht taust (eeldame valge). JS saab seda muuta. */
}
.agrovaru-slider-wrap[data-shape="wave"]::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -2%;
  width: 104%;
  height: 22%;
  background-color: #ffffff; /* lehe taustavärv – muuda vajadusel */
  clip-path: ellipse(52% 100% at 48% 100%);
  z-index: 5;
  pointer-events: none;
}

/* 5. diagonal – diagonaalne lõige alumises paremas nurgas */
.agrovaru-slider-wrap[data-shape="diagonal"] {
  clip-path: polygon(
    0   0,
    100% 0,
    100% 72%,
    78%  100%,
    0    100%
  );
}
/* 6. diagonal-left – alumine vasak nurk lõigatud */
.agrovaru-slider-wrap[data-shape="diagonal-left"] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 22% 100%, 0 72%);
}

/* 7. diagonal-both – mõlemad alumised nurgad lõigatud */
.agrovaru-slider-wrap[data-shape="diagonal-both"] {
  clip-path: polygon(0 0, 100% 0, 100% 72%, 82% 100%, 18% 100%, 0 72%);
}

/* 8. arch – alt ümar kaar (::after katab kaarega) */
.agrovaru-slider-wrap[data-shape="arch"] {
  overflow: visible;
}
.agrovaru-slider-wrap[data-shape="arch"]::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -2%;
  width: 104%;
  height: 25%;
  background-color: #ffffff;
  clip-path: ellipse(53% 100% at 50% 100%);
  z-index: 5;
  pointer-events: none;
}

/* 9. arch-top – ülemine äär on kumer kaar */
.agrovaru-slider-wrap[data-shape="arch-top"] {
  clip-path: ellipse(62% 100% at 50% 100%);
}

/* 10. slant-right – kaldus: ülevalt vasak äär, alla parem */
.agrovaru-slider-wrap[data-shape="slant-right"] {
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
}

/* 11. slant-left – kaldus: ülevalt parem äär, alla vasak */
.agrovaru-slider-wrap[data-shape="slant-left"] {
  clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
}

/* 12. notch-bottom – alt keskel kolmnurkne sisselõige */
.agrovaru-slider-wrap[data-shape="notch-bottom"] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 82%, 50% 100%, 40% 82%, 0 100%);
}

/* 13. trapezoid – mõlemad küljed kaldus sissepoole */
.agrovaru-slider-wrap[data-shape="trapezoid"] {
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0% 100%);
}

/* 14. pointed-bottom – alt terav nool alla */
.agrovaru-slider-wrap[data-shape="pointed-bottom"] {
  clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 91%, 0 80%);
}

/* 15. hex – heksagonaalne kuju */
.agrovaru-slider-wrap[data-shape="hex"] {
  clip-path: polygon(4% 0, 96% 0, 100% 50%, 96% 100%, 4% 100%, 0% 50%);
}

/* 16. ripple – alt pehme kahekordsed lained */
.agrovaru-slider-wrap[data-shape="ripple"] {
  overflow: visible;
}
.agrovaru-slider-wrap[data-shape="ripple"]::after {
  content: '';
  position: absolute;
  bottom: -2px; left: -1%;
  width: 102%;
  height: 20%;
  background-color: #ffffff;
  clip-path: path('M0,60 C180,0 360,120 540,60 C720,0 900,120 1080,60 C1170,30 1215,15 1260,0 L1260,100 L0,100 Z');
  z-index: 5;
  pointer-events: none;
}

/* 17. curtain – mõlemalt poolt diagonaalid, V-kuju alt */
.agrovaru-slider-wrap[data-shape="curtain"] {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 0 100%);
}

/* 18. shield – kilbikuju (alt terav kaar) */
.agrovaru-slider-wrap[data-shape="shield"] {
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
  /* erinevus pointed-bottom: shield on laiem, rohkem kaarjas tunne */
}
.agrovaru-slider-wrap[data-shape="shield"]::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 30%;
  background: radial-gradient(ellipse 80% 60% at 50% 100%, transparent 60%, transparent 100%);
  z-index: 4;
  pointer-events: none;
}

/* 19. ink – asümmeetriline orgaaniline laik, parem pool madalam */
.agrovaru-slider-wrap[data-shape="ink"] {
  overflow: visible;
}
.agrovaru-slider-wrap[data-shape="ink"]::after {
  content: '';
  position: absolute;
  bottom: -2px; left: -1%;
  width: 102%;
  height: 24%;
  background-color: #ffffff;
  clip-path: polygon(0 100%, 0 55%, 12% 40%, 28% 60%, 45% 35%, 58% 55%, 72% 28%, 85% 50%, 95% 38%, 100% 45%, 100% 100%);
  z-index: 5;
  pointer-events: none;
}

/* 20. steps – astmeline laskumine paremale */
.agrovaru-slider-wrap[data-shape="steps"] {
  clip-path: polygon(
    0 0, 100% 0,
    100% 60%, 75% 60%,
    75% 78%, 50% 78%,
    50% 90%, 25% 90%,
    25% 100%, 0 100%
  );
}

/* ── Clip-path sweep transition ── */
.agrovaru-slide {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* clip-path sweep: alustab paremalt (100%), liigub vasakule (0%) */
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0s;   /* ei animate passiivset */
}
.agrovaru-slide.active {
  z-index: 3;
  clip-path: inset(0 0% 0 0);
  transition: clip-path .85s cubic-bezier(.77,0,.18,1);
}
/* Lahkuv slaid – fade out, ei sweepata tagasi */
.agrovaru-slide.leaving {
  z-index: 2;
  clip-path: inset(0 0% 0 0);
  opacity: 0;
  transition: opacity .6s ease .4s;
}

/* Ken Burns – jookseb KÕIKIDEL slaididel pidevalt */
@keyframes kenBurns1 {
  0%   { transform: scale(1.12) translate(2%,  1%); }
  100% { transform: scale(1.0)  translate(0%,  0%); }
}
@keyframes kenBurns2 {
  0%   { transform: scale(1.12) translate(-3%,  2%); }
  100% { transform: scale(1.0)  translate(0%,   0%); }
}
@keyframes kenBurns3 {
  0%   { transform: scale(1.13) translate(1%,  -2%); }
  100% { transform: scale(1.01) translate(-1%,  1%); }
}
@keyframes kenBurns4 {
  0%   { transform: scale(1.1)  translate(-2%, -1%); }
  100% { transform: scale(1.0)  translate(1%,   0%); }
}

.agrovaru-slide-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  will-change: transform;
  animation-duration: 7s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.agrovaru-slide:nth-child(1) .agrovaru-slide-bg { animation-name: kenBurns1; }
.agrovaru-slide:nth-child(2) .agrovaru-slide-bg { animation-name: kenBurns2; }
.agrovaru-slide:nth-child(3) .agrovaru-slide-bg { animation-name: kenBurns3; }
.agrovaru-slide:nth-child(4) .agrovaru-slide-bg { animation-name: kenBurns4; }
.agrovaru-slide:nth-child(5) .agrovaru-slide-bg { animation-name: kenBurns1; animation-delay: -2s; }
.agrovaru-slide:nth-child(6) .agrovaru-slide-bg { animation-name: kenBurns2; animation-delay: -3s; }

/* Video slide */
.agrovaru-slide-video {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.agrovaru-slide-video-wrap {
  position: absolute;
  inset: 0;
}
.agrovaru-slide-video-wrap iframe {
  width: 100%; height: 100%;
  border: none;
  pointer-events: none;
}

/* Overlay – gradient (alt üles) mitte ühtlane tumendus */
.agrovaru-slide-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(12, 22, 14, .82) 0%,
    rgba(12, 22, 14, .45) 40%,
    rgba(12, 22, 14, .12) 75%,
    rgba(12, 22, 14, .0)  100%
  );
  z-index: 1;
}

/* Slide content – base */
.agrovaru-slide-content {
  position: absolute;
  left: 0; right: 0;
  z-index: 3;
  padding: 0 48px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Position modifiers */
.agrovaru-slide-content.agrovaru-pos-bottom-center {
  bottom: 80px; top: auto;
  align-items: center; text-align: center;
}
.agrovaru-slide-content.agrovaru-pos-bottom-left {
  bottom: 80px; top: auto;
  align-items: flex-start; text-align: left;
  padding-left: 64px;
}
.agrovaru-slide-content.agrovaru-pos-middle-center {
  top: 50%; bottom: auto;
  transform: translateY(-50%);
  align-items: center; text-align: center;
}
.agrovaru-slide-content.agrovaru-pos-middle-left {
  top: 50%; bottom: auto;
  transform: translateY(-50%);
  align-items: flex-start; text-align: left;
  padding-left: 64px;
}
.agrovaru-slide-content.agrovaru-pos-top-center {
  top: 80px; bottom: auto;
  align-items: center; text-align: center;
}
.agrovaru-slide-content.agrovaru-pos-top-left {
  top: 80px; bottom: auto;
  align-items: flex-start; text-align: left;
  padding-left: 64px;
}

/* ── Staggered teksti animatsioon ── */
@keyframes agvSlideUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

.agrovaru-slide-title,
.agrovaru-slide-subtitle,
.agrovaru-slide-cta {
  opacity: 0;
}
.agrovaru-slide.active .agrovaru-slide-title {
  animation: agvSlideUp .65s cubic-bezier(.22,1,.36,1) .35s forwards;
}
.agrovaru-slide.active .agrovaru-slide-subtitle {
  animation: agvSlideUp .65s cubic-bezier(.22,1,.36,1) .52s forwards;
}
.agrovaru-slide.active .agrovaru-slide-cta {
  animation: agvSlideUp .65s cubic-bezier(.22,1,.36,1) .7s forwards;
}

.agrovaru-slide-title {
  font-size: clamp(26px, 4vw, 56px);
  font-weight: 800;
  color: var(--agv-white);
  margin: 0 0 10px;
  text-shadow: 0 2px 14px rgba(0,0,0,.45);
  letter-spacing: -1px;
  line-height: 1.15;
}
.agrovaru-slide-subtitle {
  font-size: clamp(13px, 1.8vw, 20px);
  color: var(--agv-sage);
  margin: 0;
  text-shadow: 0 1px 6px rgba(0,0,0,.3);
  font-weight: 400;
}

@keyframes agvShimmer {
  0%   { left: -75%; }
  100% { left: 130%; }
}

/* Slide CTA – punane, shimmer pidevalt */
.agrovaru-slide-cta {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 22px;
  padding: 11px 28px;
  background: #ca0101;
  color: #ffffff !important;
  border: none;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: .4px;
  transition: background .2s, transform .15s, box-shadow .2s;
  box-shadow: 0 4px 16px rgba(202,1,1,.35);
}
.agrovaru-slide-cta::before {
  content: '';
  position: absolute;
  top: 0; left: -75%;
  width: 50%; height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.3) 50%, transparent 100%);
  transform: skewX(-15deg);
  animation: agvCtaShimmer 3s ease-in-out infinite;
}
.agrovaru-slide-cta:hover {
  background: #a00000;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(202,1,1,.5);
  color: #ffffff !important;
}

/* Arrows */
.agrovaru-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.65);
  width: 44px; height: 44px;
  border-radius: 50%;
  font-size: 0 !important;
  cursor: pointer;
  transition: background .2s, border-color .2s, opacity .2s;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1;
  backdrop-filter: blur(4px);
  padding: 0 !important;
  opacity: .55;
}
.agrovaru-slider-btn::before,
.agrovaru-slider-btn::after {
  content: none !important;
  display: none !important;
}
.agrovaru-slider-btn svg {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}
.agrovaru-slider-btn:hover {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.3);
  transform: translateY(-50%);
  opacity: .85;
}
.agrovaru-slider-btn.prev { left: 20px; }
.agrovaru-slider-btn.next { right: 70px; }

/* Dots – samad kaitsed */
.agrovaru-dot::before,
.agrovaru-dot::after { content: none !important; display: none !important; }

/* ── Progress dots – piklikud "pill" indikaatorid ── */
/* ── Segmenteeritud progress-navbar ─────────────────────── */
.agrovaru-dots {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  gap: 3px;
  z-index: 20;
  padding: 0;
  align-items: flex-start;
}
.agrovaru-dot {
  flex: 1;
  height: 4px;
  border-radius: 0;
  background: rgba(255,255,255,.22);
  cursor: pointer;
  padding: 0;
  border: none;
  position: relative;
  overflow: hidden;
  transition: height .2s ease, background .3s ease;
}
/* Lõpetatud slaidid — täidetud amberi värviga */
.agrovaru-dot.done {
  background: rgba(255,185,0,.65);
}
/* Aktiivne slaid — heledam tausta + kõrgem */
.agrovaru-dot.active {
  height: 5px;
  background: rgba(255,255,255,.2);
}
/* Aktiivse slaidis progress-täide animatsioon */
.agrovaru-dot.active::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #ffb900;
  transform-origin: left center;
  transform: scaleX(0);
  animation: agvDotProgress var(--agv-autoplay-ms, 5000ms) linear forwards;
}
/* Hover — pisut kõrgem kõik */
.agrovaru-dot:hover { height: 6px; }
@keyframes agvDotProgress {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

/* ── Autoplay progress bar – slider'i ülaservas ── */
.agrovaru-progress-bar {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  z-index: 20;
  background: rgba(255,255,255,.1);
  overflow: hidden;
}
.agrovaru-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--agv-green), var(--agv-sage));
  transform-origin: left center;
  transform: scaleX(0);
  transition: none;
}
.agrovaru-progress-fill.running {
  transform: scaleX(1);
  transition: transform var(--agv-autoplay-ms, 5000ms) linear;
}
.agrovaru-progress-fill.reset {
  transform: scaleX(0);
  transition: none;
}

/*
  Diagonaal-kuju: progress bar järgib alumist diagonaaljoont.
  Diagonaal läheb (100%, 72%) → (78%, 100%).
  Arvutus: dx = 22% laius, dy = 28% kõrgus → nurk = atan(28/22) ≈ 52°
  Riba: positsioneerime parema alumise nurga lähedusse, pööratud 52° võrra.
*/
.agrovaru-slider-wrap[data-shape="diagonal"] .agrovaru-progress-bar {
  display: none;
}
.agrovaru-progress-bar-diag {
  display: none;
}
.agrovaru-slider-wrap[data-shape="diagonal"] .agrovaru-progress-bar-diag {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  overflow: visible;
}
.agrovaru-progress-bar-diag svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.agrovaru-diag-track,
.agrovaru-diag-fill {
  /* stroke, stroke-width, koordinaadid — JS seab dünaamiliselt */
}

/* ── Pointed-bottom progress bar ── */
.agrovaru-progress-bar-pointed {
  display: none;
}
.agrovaru-slider-wrap[data-shape="pointed-bottom"] .agrovaru-progress-bar {
  display: none;
}
.agrovaru-slider-wrap[data-shape="pointed-bottom"] .agrovaru-progress-bar-pointed {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  overflow: visible;
}
.agrovaru-progress-bar-pointed svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Slogan */
.agrovaru-slogan {
  position: absolute;
  top: 0; left: 0; right: 0;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 26px;
  pointer-events: none;
}
.agrovaru-slogan-inner {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: rgba(255,255,255,.0);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .7s ease, transform .7s ease, color .7s ease;
  /* Subtle text shadow so it reads on any slide image */
  text-shadow: 0 1px 8px rgba(0,0,0,.5);
}
.agrovaru-slogan-inner.agrovaru-slogan-visible {
  opacity: 1;
  color: rgba(255,255,255,.88);
  transform: translateY(0);
}
.agrovaru-slogan-inner::before,
.agrovaru-slogan-inner::after {
  content: '';
  display: block;
  width: 36px;
  height: 1px;
  background: rgba(255,217,102,.7);
  flex-shrink: 0;
  transition: width .9s ease .2s;
}
.agrovaru-slogan-inner.agrovaru-slogan-visible::before,
.agrovaru-slogan-inner.agrovaru-slogan-visible::after {
  width: 48px;
}

/* ── HERO SEKTSIOON ─────────────────────────────────────── */
.agrovaru-hero {
  position: relative;
  overflow: hidden;
  background: var(--agv-dark);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.agrovaru-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  will-change: transform;
}
.agrovaru-hero-gradient          { background: linear-gradient(160deg, #2d373b 0%, #3c464b 100%); }
.agrovaru-hero-gradient-dark     { background: #1a1a1a; }
.agrovaru-hero-gradient-amber    { background: linear-gradient(135deg, #3c2a00 0%, #ffb900 60%, #3c2a00 100%); }
.agrovaru-hero-gradient-red      { background: linear-gradient(135deg, #2a0000 0%, #ca0101 60%, #2a0000 100%); }
.agrovaru-hero-gradient-charcoal { background: linear-gradient(160deg, #252e32 0%, #3c464b 100%); }
.agrovaru-hero-gradient-warm     { background: linear-gradient(160deg, #2d2520 0%, #4a3f38 100%); }
.agrovaru-hero-gradient-slate    { background: linear-gradient(160deg, #1e2a35 0%, #2e4057 100%); }
.agrovaru-hero-gradient-stone    { background: linear-gradient(160deg, #2c2c2c 0%, #4a4a4a 100%); }
.agrovaru-hero-gradient-concrete { background: linear-gradient(160deg, #3a3a3a 0%, #5a5a5a 100%); }
.agrovaru-hero-has-img {
  animation: kenBurns1 12s ease-out infinite alternate;
}
.agrovaru-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}
/* Hero content — relative, hero ise on flex-konteiner */
.agrovaru-hero-content {
  position: relative !important;
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  padding: 0 24px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto !important;
}
.agrovaru-hero-title {
  font-size: clamp(22px, 4vw, 48px);
  font-weight: 800;
  color: var(--agv-white);
  margin: 0 0 12px;
  text-shadow: 0 2px 16px rgba(0,0,0,.5);
  letter-spacing: -.5px;
  line-height: 1.2;
}
.agrovaru-hero-breadcrumb {
  font-size: 13px;
  color: rgba(255,255,255,.75);
}
.agrovaru-hero-breadcrumb a {
  color: var(--agv-sage);
  text-decoration: none;
}
.agrovaru-hero-breadcrumb a:hover { color: var(--agv-white); }
.agrovaru-hero-breadcrumb span,
.agrovaru-hero-breadcrumb .breadcrumb_last { color: rgba(255,255,255,.55); }

/* Admin edit bar on slider */
.agrovaru-slider-admin-bar {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 20;
}
.agrovaru-edit-slider-btn {
  display: inline-block;
  padding: 8px 16px;
  background: rgba(60,70,75,.7);
  color: var(--agv-sage);
  border-radius: 6px;
  font-size: 13px;
  text-decoration: none;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255,217,102,.4);
  transition: background .2s;
}
.agrovaru-edit-slider-btn:hover { background: rgba(138,81,155,.8); color: #fff; }



/* ── Keelevahetaja navbar-is ─────────────────────────────── */
.agrovaru-lang-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border: none;
  border-radius: 6px;
  text-decoration: none;
  color: var(--agv-dark);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
  transition: color .2s, background .2s;
  white-space: nowrap;
  flex-shrink: 0;
}
.agrovaru-lang-btn:hover {
  color: var(--agv-green);
  background: var(--agv-green-light, #fff8e0);
}
.agrovaru-lang-code {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .6px;
  line-height: 1;
  text-transform: uppercase;
}
.agrovaru-lang-code { line-height: 1; }

/* Mobiilis – sobib tumeda menüü taustaga */
@media (max-width: 900px) {
  .agrovaru-lang-btn {
    border: none;
    color: rgba(255,255,255,.85);
    background: transparent;
  }
  .agrovaru-lang-btn:hover {
    color: var(--agv-sage);
    background: rgba(255,217,102,.15);
  }
}

/* ── Avalehe ikoon menüüs ────────────────────────────────── */
.agrovaru-home-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.agrovaru-home-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 8px 12px !important;
  color: var(--agv-dark);
  transition: color .2s;
}
.agrovaru-home-link:hover { color: var(--agv-green); }
.agrovaru-home-link svg { display: block; flex-shrink: 0; }
.agrovaru-home-link::after { display: none !important; }

/* Mobiilis ikoon suurem */
@media (max-width: 900px) {
  .agrovaru-home-link svg { width: 26px; height: 26px; }
  .agrovaru-home-link { color: rgba(255,255,255,.9); }
  .agrovaru-home-link:hover { color: var(--agv-sage); }
}

/* Kahe menüü kõrvuti – home + põhimenüü */
.agrovaru-nav { gap: 0; }
.agrovaru-nav > ul.agrovaru-menu { display: flex; align-items: center; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 900px) {

  /* Mobiili navigatsioon */
  .agrovaru-nav,
  .agrovaru-nav.agrovaru-nav {
    display: none !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(160deg, #1e272b 0%, #2a3338 60%, #1e272b 100%);
    z-index: 9996;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto;
    padding-top: 0;
    padding-bottom: 80px;
  }
  .agrovaru-nav.open {
    display: flex !important;
    animation: agvNavIn .25s ease;
  }
  @keyframes agvNavIn { from { opacity: 0; } to { opacity: 1; } }

  /* Navbar jääb menüü peal */
  .agrovaru-navbar { z-index: 9998 !important; }

  /* Nav võtab mobiilil 0 ruumi – hamburger lükatakse margin-left:auto abil paremale */
  .agrovaru-nav { flex: 0 0 0 !important; }
  .agrovaru-nav-right { margin-left: auto; }

  .agrovaru-menu { flex-direction: column; gap: 2px; text-align: center; }
  .agrovaru-menu li a {
    font-size: 22px;
    color: #ffffff;
    padding: 8px 40px;
    letter-spacing: .3px;
  }
  .agrovaru-menu li a:hover,
  .agrovaru-menu li.current-menu-item > a { color: var(--agv-sage); }
  .agrovaru-menu li a::after { display: none; }

  /* Alammenüü — mobiilis avaneb klõpsuga (accordion), mitte :hover-iga,
     kuna puutetundlikul ekraanil hover-olekut pole. Sama värviskeem, mis
     ülejäänud mobiilimenüül (tume taust, kreemikas/kollane tekst) —
     mitte desktopi valge dropdown-kast. Vt agrovaru-submenu-open klassi
     lisamist assets/js/frontend.js failis. */
  .agrovaru-menu li.menu-item-has-children > a::before { transition: transform .2s; }
  .agrovaru-menu li.agrovaru-submenu-open > a::before { transform: rotate(-135deg) translateY(2px); opacity: 1; }
  .agrovaru-menu li ul.sub-menu {
    display: block !important;
    position: static;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    min-width: 0;
    width: 100% !important;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    text-align: left !important;
    transition: max-height .25s ease;
  }
  .agrovaru-menu li.agrovaru-submenu-open > ul.sub-menu { max-height: 640px; }
  .agrovaru-menu li ul.sub-menu li { text-align: left !important; }
  .agrovaru-menu li ul.sub-menu li a {
    font-size: 19px;
    padding: 7px 20px 7px 52px;
    text-align: left !important;
    justify-content: flex-start;
    width: 100%;
    color: #ffffff;
  }
  /* Kolmas tase (nt Tõstukid -> tüübid) — veel ühe sälguga, et hierarhia
     mobiilis accordionis selgelt nähtav oleks. */
  .agrovaru-menu li ul.sub-menu li ul.sub-menu li a {
    font-size: 17px;
    padding-left: 76px;
    opacity: .85;
  }
  .agrovaru-menu li ul.sub-menu li a:hover,
  .agrovaru-menu li ul.sub-menu li.current-menu-item > a { background: none; color: var(--agv-sage); }

  /* "Kasutatud tehnika" on desktopis (menu-item-12) teadlikult mustaks
     värvitud, aga mobiilis (tume menüü taust) muutis see teksti
     peaaegu loetamatuks — kasutame siin sama värvi, mis ülejäänud
     mobiilimenüü punktidel. */
  .agrovaru-menu li.menu-item-12 > a { color: rgba(255,255,255,.9) !important; }
  .agrovaru-menu li.menu-item-12 > a:hover { color: var(--agv-sage) !important; opacity: 1; }

  /* Sulgemisnupp — hamburger ise peidetakse menüü avanedes (vt allpool),
     nii et ilma selleta polnud avatud menüüs ÜHTEGI viisi seda kinni
     panna peale lingile vajutamise. Asub samas kohas, kus hamburger
     muidu on, nii et see "asendab" visuaalselt hamburgerit. */
  .agrovaru-nav-close {
    display: flex !important;
    position: fixed;
    top: 20px;
    right: 20px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.14);
    color: #fff;
    cursor: pointer;
    z-index: 9999;
  }
  .agrovaru-nav-close:hover { background: rgba(255,255,255,.24); }
  .agrovaru-nav-close::before, .agrovaru-nav-close::after { content: none !important; }

  .agrovaru-hamburger { display: flex; z-index: 9999; position: relative; }
  /* Lukusta body kerimine, kui mobiilimenüü on lahti — iOS Safari's
     position:fixed kihid (menüü ise) käituvad ebausaldusväärselt, kui
     allolev sisu jääb ise kerituvaks (eriti kui leht oli juba kerimisel
     lahti minnes). Body "külmutatakse" JS-is oma praegusele scroll-Y
     asukohale (top: -Npx) ja taastatakse sulgemisel. */
  body.agrovaru-nav-open {
    position: fixed;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  body.agrovaru-nav-open .agrovaru-hamburger { display: none !important; }
  .agrovaru-cta-btn { display: none; }
  .agrovaru-contact-bar { display: none; }

  /* Mobiili kontaktpulk allosas */
  .agrovaru-mobile-bar {
    display: flex;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 999999 !important;
    background: #ffffff !important;
    -webkit-mask: none !important;
    mask: none !important;
    border-top: 1px solid #e2ddd8;
    box-shadow: 0 -4px 20px rgba(255,185,0,.12);
    transition: transform .3s ease;
  }
  .agrovaru-mobile-bar.hidden {
    transform: translateY(100%);
  }
  .agrovaru-mobile-bar-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 10px 4px 12px;
    text-decoration: none;
    color: var(--agv-dark); /* v2.6.14: #e8e4de oli topbaari (tume taust) jaoks —
       siin valge taustaga ribal muutis ikoonid+tekst peaaegu nähtamatuks */
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .3px;
    transition: color .15s;
    -webkit-tap-highlight-color: transparent;
  }
  .agrovaru-mobile-bar-item:hover,
  .agrovaru-mobile-bar-item:active { color: var(--agv-green); }
  .agrovaru-mobile-bar-item svg {
    width: 20px; height: 20px;
    fill: currentColor;
    flex-shrink: 0;
  }
  .agrovaru-mobile-bar-dismiss {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 10px 12px 12px;
    color: #bbb;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    border-left: 1px solid #f0eaf4;
    border: none;
    background: none;
    -webkit-tap-highlight-color: transparent;
  }
  .agrovaru-mobile-bar-dismiss::before,
  .agrovaru-mobile-bar-dismiss::after { content: none !important; }
  .agrovaru-mobile-bar-dismiss svg { width: 16px; height: 16px; stroke: currentColor; flex-shrink: 0; }
  .agrovaru-mobile-bar-dismiss:hover { color: #c00; }
  .agrovaru-mobile-bar-dismiss { display: none !important; }

  /* Väike taastamisnupp pärast sulgemist – alumises vasakus nurgas */
  .agrovaru-mobile-restore {
    display: none;
    position: fixed;
    bottom: 16px;
    left: 16px;
    z-index: 9989;
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--agv-green);
    border: none;
    color: #fff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 12px rgba(255,185,0,.4);
    transition: transform .15s;
    padding: 0;
  }
  .agrovaru-mobile-restore::before,
  .agrovaru-mobile-restore::after { content: none !important; }
  .agrovaru-mobile-restore.show { display: flex; animation: agvFadeIn .2s ease; }
  .agrovaru-mobile-restore:hover { transform: scale(1.1); }
  .agrovaru-mobile-restore svg { width: 18px; height: 18px; fill: currentColor; display: block; }
  @keyframes agvFadeIn { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: scale(1); } }

}

/* Mobiilimenüü päis ja jalus - ainult mobiilis nähtavad */
.agrovaru-nav-header { display: none; }
.agrovaru-nav-toolbar { display: none; }
body.agrovaru-nav-open .tt-panel,
body.agrovaru-nav-open .tt-toolbar,
body.agrovaru-nav-open .tt-toolbar-restore { display: none !important; }
@media (max-width: 900px) {
  .leaflet-popup-close-button { display: none !important; }
}
@media (max-width: 900px) {
  .tt-panel-close { display: none !important; }
  .tt-toolbar-dismiss { display: none !important; }
}
.agrovaru-nav-footer { display: none; }
.agrovaru-nav-cta-btn { display: none; }
@media (max-width: 900px) {
  .agrovaru-nav-header {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 20px;
    background: transparent;
    width: 100%;
    gap: 14px;
  }
  .agrovaru-nav-header .agrovaru-nav-close {
    display: flex !important;
    position: fixed;
    top: 24px;
    right: 16px;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.25);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    width: 40px; height: 40px;
    padding: 0;
    z-index: 9999;
  }
  .agrovaru-nav-header .agrovaru-nav-close::before,
  .agrovaru-nav-header .agrovaru-nav-close::after { content: none !important; }
  .agrovaru-nav-logo-link {
    display: flex !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .agrovaru-nav-logo-img {
    height: 52px;
    width: auto;
    display: block;
    filter: brightness(0) invert(1);
  }
  .agrovaru-nav-logo-text {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
  }
  .agrovaru-nav-lang-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.9);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    margin-top: 8px;
  }
  .agrovaru-nav-lang-btn .agrovaru-lang-code {
    font-size: 13px; font-weight: 700; letter-spacing: .5px;
  }
  .agrovaru-nav-home-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.9);
    text-decoration: none;
  }
  .agrovaru-nav-footer {
    display: flex;
    position: sticky;
    bottom: 0;
    padding: 12px 20px 20px;
    background: transparent;
  }
  .agrovaru-nav-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 13px 24px;
    background: #ca0101;
    color: #fff !important;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
  }
  .agrovaru-nav-cta-btn:hover { background: #a00000; }
}

/* Peiame mobiiliriba laiematel ekraanidel */
@media (min-width: 901px) {
  .agrovaru-mobile-bar { display: none !important; }
  .agrovaru-mobile-restore { display: none !important; }
  .agrovaru-nav-close { display: none !important; }
}

@media (max-width: 600px) {
  .agrovaru-topbar-inner { justify-content: flex-end; }
  /* Slider kompaktsem mobiilis */
  .agrovaru-slider-wrap { height: 350px !important; max-height: 350px !important; }
  .agrovaru-slide-content { bottom: 48px; padding: 0 20px; }
  .agrovaru-slide-title { font-size: clamp(18px, 6vw, 28px); margin-bottom: 6px; }
  .agrovaru-slide-subtitle { font-size: 13px; }
  .agrovaru-slide-cta { padding: 10px 22px; font-size: 13px; margin-top: 14px; }
  .agrovaru-slider-btn { width: 32px; height: 32px; }
  .agrovaru-dots { top: 0; bottom: auto; }
  .agrovaru-slider-section { padding: 0; }
}

/* ─────────────────────────────────────────────────────────
 * VIDEO REŽIIM (UUS v1.4.0)
 * Üks pidev taustavideo + 0..N tekstiplokki fade-üleminekuga
 * ────────────────────────────────────────────────────── */

/* Pidev taustavideo kiht — katab slider-wrap täiesti, slaidide all */
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-video-bg .agrovaru-slide-video {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-video-bg .agrovaru-slide-video-wrap {
  position: absolute;
  inset: 0;
}
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-video-bg .agrovaru-slide-video-wrap iframe {
  /* YouTube iframe peab olema laiem, et mustad ribad ei paistaks — Cover-trikk */
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 177.77vw;              /* 16:9 kõrguse põhjal arvutatud laius */
  height: 56.25vw;              /* 16:9 laiuse põhjal arvutatud kõrgus */
  min-width: 100%;
  min-height: 100%;
  border: none;
  pointer-events: none;
}
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-video-bg .agrovaru-slide-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

/* Tekstiplokid — fade üleminek clip-path asemel (video peab jääma nähtavaks) */
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slides {
  position: relative;
  z-index: 2;
}
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slide {
  position: absolute;
  inset: 0;
  clip-path: none;              /* Eemaldab slideshow wipe efekti */
  opacity: 0;
  transition: opacity .6s ease;
  background: transparent;
}
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slide.active {
  opacity: 1;
  clip-path: none;
  transition: opacity .6s ease;
  z-index: 3;
}
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slide.leaving {
  opacity: 0;
  clip-path: none;
  transition: opacity .5s ease;
  z-index: 2;
}

/* Video režiimis pole slaidi-siseseid pilte ega videosid, nii et peidame nad */
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slide > .agrovaru-slide-bg,
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slide > .agrovaru-slide-video,
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slide > .agrovaru-slide-video-wrap,
.agrovaru-slider-wrap[data-mode="video"] .agrovaru-slide > .agrovaru-slide-overlay {
  display: none;
}


/* ── Liitu meie meeskonnaga nupp (slideri parem ülanurk) ─── */
.agrovaru-join-btn {
  position: absolute;
  top: calc(64px + 20px);
  right: 28px;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 20px 11px 16px;
  background: #ffb900;
  border: none;
  border-radius: 40px;
  color: #1a1a1a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .3px;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s, transform .15s, box-shadow .2s;
  box-shadow: 0 4px 18px rgba(0,0,0,.35), 0 1px 4px rgba(0,0,0,.2);
}
.agrovaru-join-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 40px;
  background: linear-gradient(135deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 60%);
  pointer-events: none;
}
.agrovaru-join-btn:hover {
  background: #ffc929;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,.38), 0 2px 6px rgba(0,0,0,.2);
  color: #1a1a1a;
}
.agrovaru-join-btn:active {
  transform: translateY(0);
  box-shadow: 0 3px 10px rgba(0,0,0,.28);
}
.agrovaru-join-btn svg {
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .agrovaru-join-btn {
    top: 14px;
    right: 14px;
    font-size: 12px;
    padding: 9px 14px 9px 11px;
    gap: 6px;
  }
}


/* ============================================================
   AGROVARU CTA POPUP  (v2.1.0)
   ============================================================ */

.agrovaru-popup-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(30,35,40,.72) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    opacity: 0;
    transition: opacity .22s ease;
}
.agrovaru-popup-overlay.is-open {
    display: flex !important;
}
.agrovaru-popup-overlay.is-visible {
    opacity: 1 !important;
}
.agrovaru-popup-box {
    background: #fff !important;
    border-radius: 16px !important;
    width: 100% !important;
    max-width: 540px !important;
    max-height: 90dvh !important;
    overflow-y: auto !important;
    position: relative !important;
    box-shadow: 0 24px 80px rgba(0,0,0,.28) !important;
    transform: translateY(24px);
    transition: transform .26s cubic-bezier(.22,.68,0,1.2);
}
.agrovaru-popup-overlay.is-visible .agrovaru-popup-box {
    transform: translateY(0) !important;
}
.agrovaru-popup-close {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: none !important;
    background: #f0f0f0 !important;
    color: #555 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    transition: background .15s !important;
    padding: 0 !important;
}
.agrovaru-popup-close:hover {
    background: #e0e0e0 !important;
    color: #222 !important;
}
.agrovaru-popup-header {
    padding: 28px 28px 0 !important;
}
.agrovaru-popup-logo {
    margin-bottom: 16px !important;
}
.agrovaru-popup-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    margin: 0 0 6px !important;
    line-height: 1.2 !important;
}
.agrovaru-popup-subtitle {
    font-size: 14px !important;
    color: #666 !important;
    margin: 0 0 20px !important;
    line-height: 1.5 !important;
}
.agrovaru-popup-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    border: none !important;
    background: transparent !important;
    color: #666 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
    transition: color .15s !important;
}
.agrovaru-popup-back:hover { color: #222 !important; }
.agrovaru-popup-back svg { transform: scaleX(-1); }

/* Valik-ekraan */
.agrovaru-choice-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 28px 28px !important;
}
.agrovaru-choice-btn {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 12px !important;
    background: #fafafa !important;
    cursor: pointer !important;
    text-align: left !important;
    transition: border-color .15s, background .15s, transform .12s !important;
    font-family: inherit !important;
    width: 100% !important;
}
.agrovaru-choice-btn:hover {
    border-color: #ffb900 !important;
    background: #fffbf0 !important;
    transform: translateY(-2px) !important;
}
.agrovaru-choice-icon {
    font-size: 22px !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.agrovaru-choice-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    flex: 1 !important;
    line-height: 1.3 !important;
}
.agrovaru-choice-arrow {
    flex-shrink: 0 !important;
    color: #aaa !important;
}

/* Vorm-ekraan */
.agrovaru-popup-form-inner {
    padding: 0 28px 28px !important;
}
.agrovaru-form-section-title {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    color: #999 !important;
    margin: 20px 0 10px !important;
}
.agrovaru-field-wrap {
    margin-bottom: 10px !important;
}
/* Tugevad overrides Divi vastu — popup on body sees, mitte headeris */
body .agrovaru-popup-overlay * { box-sizing: border-box !important; }
body .agrovaru-popup-box input,
body .agrovaru-popup-box textarea,
body .agrovaru-popup-box select {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.agrovaru-field-wrap input[type="text"],
.agrovaru-field-wrap input[type="email"],
.agrovaru-field-wrap input[type="tel"],
.agrovaru-field-wrap textarea,
body .agrovaru-field-wrap input[type="text"],
body .agrovaru-field-wrap input[type="email"],
body .agrovaru-field-wrap input[type="tel"],
body .agrovaru-field-wrap textarea {
    width: 100% !important;
    padding: 10px 14px !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: #1a1a1a !important;
    background: #fff !important;
    box-sizing: border-box !important;
    transition: border-color .15s, box-shadow .15s !important;
    outline: none !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    max-width: 100% !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
}
body .agrovaru-field-wrap input[type="text"]:focus,
body .agrovaru-field-wrap input[type="email"]:focus,
body .agrovaru-field-wrap input[type="tel"]:focus,
body .agrovaru-field-wrap textarea:focus {
    border-color: #ffb900 !important;
    box-shadow: 0 0 0 3px rgba(255,185,0,.15) !important;
    outline: none !important;
}
body .agrovaru-field-wrap input.field-error,
body .agrovaru-field-wrap textarea.field-error {
    border-color: #ca0101 !important;
}
body .agrovaru-field-wrap textarea {
    resize: vertical !important;
    min-height: 90px !important;
    height: 90px !important;
}
.agrovaru-privacy-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 18px 0 16px !important;
    padding: 12px 14px !important;
    background: #f8f8f8 !important;
    border-radius: 8px !important;
    border: 1.5px solid #e8e8e8 !important;
}
.agrovaru-privacy-row input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    accent-color: #ffb900 !important;
    margin-top: 1px !important;
}
.agrovaru-privacy-row label {
    font-size: 13px !important;
    color: #555 !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
}
.agrovaru-privacy-row label a {
    color: #ffb900 !important;
    text-decoration: underline !important;
}
.agrovaru-recaptcha-note {
    font-size: 11px !important;
    color: #aaa !important;
    margin-bottom: 14px !important;
    line-height: 1.4 !important;
}
.agrovaru-recaptcha-note a { color: #aaa !important; }
.agrovaru-btn-primary {
    display: block !important;
    width: 100% !important;
    padding: 13px !important;
    background: #ffb900 !important;
    color: #1a1a1a !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    font-family: inherit !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: background .15s, transform .1s !important;
    letter-spacing: .2px !important;
}
.agrovaru-btn-primary:hover {
    background: #e6a800 !important;
    transform: translateY(-1px) !important;
}
.agrovaru-btn-primary:disabled {
    background: #ccc !important;
    cursor: not-allowed !important;
    transform: none !important;
}
.agrovaru-form-error {
    background: #fff0f0 !important;
    border: 1.5px solid #ca0101 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    color: #ca0101 !important;
    font-size: 13px !important;
    margin-bottom: 14px !important;
    display: none !important;
}
.agrovaru-form-error.is-visible { display: block !important; }

/* Tänu-ekraan */
.agrovaru-popup-thanks {
    padding: 48px 28px 40px !important;
    text-align: center !important;
}
.agrovaru-thanks-icon {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
    background: #ffb900 !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px !important;
}
.agrovaru-popup-thanks h2 {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #1a1a1a !important;
    margin: 0 0 10px !important;
}
.agrovaru-popup-thanks p {
    color: #666 !important;
    font-size: 15px !important;
    margin: 0 0 28px !important;
    line-height: 1.5 !important;
}
.agrovaru-popup-screen { display: none !important; }
.agrovaru-popup-screen.is-active { display: block !important; }

@media (max-width: 480px) {
    .agrovaru-choice-grid { grid-template-columns: 1fr !important; padding: 0 18px 20px !important; }
    .agrovaru-popup-header { padding: 20px 18px 0 !important; }
    .agrovaru-popup-form-inner { padding: 0 18px 20px !important; }
}

/* SEO/AI pilt — visuaalselt nähtamatu, aga DOM-is olemas otsimootorite jaoks */
.agrovaru-slide-seo-img {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

/* ── Divi Visual Builder — peidame plugina päise builderis ──────────────────
   Divi lisab builderis kehale klassi `et-fb`.
   Live-lehel seda klassi pole → päis kuvatakse normaalselt.
   Builderis → peidame kõik plugina elemendid, et Theme Builder
   saaks oma päise sektsiooni segamatult kuvada. */
body.et-fb #agrovaru-header,
body.et-fb .agrovaru-mobile-bar,
body.et-fb .agrovaru-mobile-restore,
body.et-fb .agrovaru-popup-overlay,
body.et-fb .agrovaru-popup-screen {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* "Liitu meie meeskonnaga" nupp Kontaktlehe hero-bänneris. Pealkiri (h1)
   jääb täpselt samasse kohta, kus ta muidu (tsentreeritud, JS-iga
   positsioneeritud) — nupp on eraldi kihina hero peal, 1280px/24px
   konteineriga paremale joondatud ja vertikaalselt kogu hero kõrguse
   keskel, nii et ta jääb samale "reale" pealkirjaga ning tema parem
   serv langeb kokku navbari "Küsi pakkumist" nupu servaga. */
.agrovaru-hero-join-wrap {
  position: absolute;
  inset: 0;
  z-index: 3;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
}
.agrovaru-hero-join-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 11px 20px;
  background: #ffcc02;
  color: #1a1a1a !important;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  pointer-events: auto;
  transition: background .2s, transform .15s;
}
.agrovaru-hero-join-btn:hover { background: #e6b800; transform: translateY(-1px); }

/* Mobiilis ei mahu nupp pealkirjaga samale reale — tõstame ta hero
   alumisse serva, tsentreeritult, et miski ei kattuks ega jääks
   "overflow:hidden" alla poolikult peitu. */
@media (max-width: 900px) {
  .agrovaru-hero-join-wrap {
    inset: auto 0 14px 0;
    padding: 0 16px;
    justify-content: center;
  }
  .agrovaru-hero-join-btn { font-size: 13px; padding: 9px 16px; }

  /* Hero-le fikseeritud kõrgus tuleb admini seadetest ja on liiga madal
     pealkirja + nupu jaoks — laseme sisul ise kõrgust määrata, et nupp
     ei jääks "overflow:hidden" alla poolikult peitu. */
  .agrovaru-hero--row {
    height: auto !important;
    min-height: 200px;
    padding: 32px 0 56px;
    overflow: visible !important;
  }
}

/* Divi Theme Builder päise mall (Theme Builder → Päis) sisaldab kaht
   sektsiooni, mille vaikimisi padding (50px ülal+all) on desktopis juba
   Divi enda CSS-iga nulli viidud, aga mobiilis (≤980px) mitte täielikult:
   .et_pb_section_1_tb_header on täiesti tyhi (ei sisalda ühtki moodulit,
   puhas jäänuk) ja .et_pb_section_0_tb_header (meie enda päise koodimoodul)
   jättis padding-top nullimata. Kokku tekitas see iga lehe päise ja sisu
   vahele mobiilis ~150px tyhja ala. */
@media (max-width: 980px) {
  .et_pb_section_1_tb_header { display: none !important; }
  .et_pb_section_0_tb_header.et_pb_section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}