/* AgroNegev All In One 2.4.9 — final pre-presentation QA layer
   Scope: mobile header, homepage vision/map, exact engine-video presentation,
   responsive activity cards, interaction polish and safe anchor offsets. */

:root{
  --ag249-green:#386800;
  --ag249-green-2:#87ad4c;
  --ag249-ink:#13210f;
  --ag249-paper:#f7f4eb;
  --ag249-paper-2:#eef4e5;
  --ag249-line:rgba(19,33,15,.14);
  --ag249-pink:#d78a95;
  --ag249-purple:#3d397f;
}

html{scroll-padding-top:96px}
[id]{scroll-margin-top:96px}

/* ---------- 1) MOBILE HEADER: harden the imported native header ---------- */
.agro-mobile-menu-backdrop{
  position:fixed; inset:0; z-index:10040; display:block;
  background:rgba(8,20,6,.42); backdrop-filter:blur(2px);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease;
}
.agro-mobile-menu-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
body.agro-mobile-menu-open{overflow:hidden!important;touch-action:none}

@media(max-width:1100px){
  body .elementor-location-header,
  body [data-elementor-type="header"]{position:relative!important;z-index:10060!important;}
  body .elementor-location-header .aghn-mobile-open,
  body .elementor-location-header .ag-mobile-menu-toggle.aghn-mobile-open{
    display:block!important; visibility:visible!important; opacity:1!important;
    pointer-events:auto!important; position:relative!important; z-index:10020!important;
  }
  body .elementor-location-header .aghn-mobile-open .elementor-icon{
    display:grid!important; place-items:center!important; color:var(--ag249-green)!important;
  }

  body .elementor-location-header .aghn-mobile-panel,
  body .elementor-location-header .ag-mobile-panel{
    position:fixed!important; top:0!important; right:0!important; bottom:0!important; left:auto!important;
    z-index:10050!important; width:min(90vw,420px)!important; max-width:420px!important;
    height:100dvh!important; min-height:100svh!important;
    padding:22px 22px 30px!important; margin:0!important;
    display:flex!important; flex-direction:column!important; gap:14px!important;
    overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important;
    background:#fff!important; color:var(--ag249-ink)!important;
    box-shadow:-26px 0 70px rgba(0,0,0,.18)!important;
    transform:translate3d(108%,0,0)!important;
    opacity:1!important; visibility:visible!important; pointer-events:none!important;
    transition:transform .32s cubic-bezier(.2,.75,.25,1)!important;
  }
  body .elementor-location-header .aghn-mobile-panel.is-open,
  body .elementor-location-header .ag-mobile-panel.is-open{
    transform:translate3d(0,0,0)!important; pointer-events:auto!important;
  }
  body .elementor-location-header .aghn-mobile-head,
  body .elementor-location-header .aghn-mobile-nav,
  body .elementor-location-header .aghn-mobile-nav>.e-con-inner{
    display:flex!important; width:100%!important; max-width:none!important;
  }
  body .elementor-location-header .aghn-mobile-head{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}
  body .elementor-location-header .aghn-mobile-nav,
  body .elementor-location-header .aghn-mobile-nav>.e-con-inner{flex-direction:column!important;align-items:stretch!important;gap:0!important}
  body .elementor-location-header .aghn-mobile-main,
  body .elementor-location-header .aghn-mobile-sub,
  body .elementor-location-header .aghn-mobile-cta{
    display:block!important; width:100%!important; height:auto!important;
    opacity:1!important; visibility:visible!important; transform:none!important;
  }
  body .elementor-location-header .aghn-mobile-main a,
  body .elementor-location-header .aghn-mobile-sub a,
  body .elementor-location-header .aghn-mobile-main .elementor-heading-title,
  body .elementor-location-header .aghn-mobile-sub .elementor-heading-title{
    display:block!important; width:100%!important; opacity:1!important; visibility:visible!important;
    color:var(--ag249-ink)!important; text-decoration:none!important;
  }
  body .elementor-location-header .aghn-mobile-main .elementor-heading-title{
    padding:12px 0!important; border-bottom:1px solid rgba(19,33,15,.11)!important;
    font:600 21px/1.25 "Assistant",Arial,sans-serif!important;
  }
  body .elementor-location-header .aghn-mobile-sub .elementor-heading-title{
    padding:8px 14px 8px 0!important; border:0!important;
    color:#596653!important; font:400 16px/1.35 "Assistant",Arial,sans-serif!important;
  }
  body .elementor-location-header .aghn-mobile-close{
    display:block!important; visibility:visible!important; opacity:1!important;
  }
  body .elementor-location-header .aghn-mobile-cta .elementor-button{
    width:100%!important; min-height:50px!important; margin-top:10px!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    border-radius:999px!important; background:var(--ag249-green)!important; color:#fff!important;
  }
}

/* ---------- 2) HOMEPAGE VISION: compact editorial homepage layout ---------- */
body .elementor .home-page .vision.section-shell{
  position:relative!important; overflow:hidden!important;
  padding:104px 4.2vw 112px!important; background:var(--ag249-paper)!important;
}
body .elementor .home-page .vision.section-shell:before{
  content:"VISION / WESTERN NEGEV"; position:absolute; left:-10px; bottom:-20px;
  font:600 clamp(70px,11vw,170px)/.8 "Assistant",Arial,sans-serif;
  letter-spacing:-.075em; color:rgba(56,104,0,.035); white-space:nowrap; pointer-events:none;
}
body .elementor .home-page .vision.section-shell,
body .elementor .home-page .vision.section-shell>.e-con-inner{
  display:grid!important; grid-template-columns:minmax(320px,.78fr) minmax(460px,1.22fr)!important;
  grid-template-areas:"kicker kicker" "copy map"!important;
  column-gap:clamp(44px,6vw,96px)!important; row-gap:42px!important;
  align-items:center!important; width:100%!important; max-width:none!important;
}
body .elementor .home-page .vision.section-shell>.section-kicker,
body .elementor .home-page .vision.section-shell>.e-con-inner>.section-kicker{grid-area:kicker!important;width:100%!important}
body .elementor .home-page .vision.section-shell>.vision-grid,
body .elementor .home-page .vision.section-shell>.e-con-inner>.vision-grid{
  grid-area:copy!important; width:100%!important; max-width:660px!important;
  display:flex!important; flex-direction:column!important; gap:0!important; align-self:center!important;
}
body .elementor .home-page .vision-grid>.e-con-inner{display:flex!important;flex-direction:column!important;gap:28px!important}
body .elementor .home-page .vision-heading,
body .elementor .home-page .vision-copy{width:100%!important;max-width:none!important}
body .elementor .home-page .vision-heading h2.elementor-heading-title{
  margin:0!important; max-width:650px!important; color:var(--ag249-ink)!important;
  font-size:clamp(48px,4.7vw,78px)!important; line-height:.98!important; letter-spacing:-.045em!important;
}
body .elementor .home-page .vision-copy{margin-top:28px!important}
body .elementor .home-page .vision-copy p{
  margin:0 0 18px!important; color:#52604d!important; font-size:20px!important; line-height:1.75!important;
}
body .elementor .home-page .ag-map-html-host{
  grid-area:map!important; align-self:stretch!important; width:100%!important; max-width:none!important;
  margin:0!important; padding:0!important;
}
body .elementor .home-page .ag-map-html-host>.elementor-widget-container{height:100%!important}

/* ---------- 3) TYPOGRAPHIC WESTERN-NEGEV MAP ---------- */
.ag249-map{
  position:relative; isolation:isolate; width:100%; min-height:650px; overflow:hidden;
  border:1px solid rgba(56,104,0,.18); background:#f2f0e7; color:var(--ag249-ink);
  box-shadow:0 32px 80px rgba(19,33,15,.08);
  font-family:"Assistant",Arial,sans-serif; direction:rtl;
}
.ag249-map:before{
  content:""; position:absolute; inset:0; z-index:-3;
  background:linear-gradient(135deg,rgba(56,104,0,.065),transparent 36%),
             linear-gradient(0deg,rgba(255,255,255,.55),rgba(255,255,255,.08));
}
.ag249-map__grid{
  position:absolute; inset:0; z-index:-2; opacity:.38; pointer-events:none;
  background-image:linear-gradient(rgba(19,33,15,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(19,33,15,.07) 1px,transparent 1px);
  background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 88%);
}
.ag249-map__eyebrow{
  position:absolute; z-index:5; top:28px; right:30px; display:flex; gap:12px; align-items:center;
  font-size:13px; font-weight:700; letter-spacing:.12em; color:var(--ag249-green); text-transform:uppercase;
}
.ag249-map__eyebrow:before{content:"";width:34px;height:2px;background:var(--ag249-green)}
.ag249-map__bigtype{
  position:absolute; z-index:0; right:24px; top:84px; max-width:300px;
  font-size:clamp(66px,7vw,112px); font-weight:600; line-height:.78; letter-spacing:-.075em;
  color:rgba(19,33,15,.095); pointer-events:none; user-select:none;
}
.ag249-map__count{
  position:absolute; z-index:5; left:30px; top:28px; text-align:left; direction:ltr;
}
.ag249-map__count strong{display:block;font-size:70px;line-height:.8;color:var(--ag249-green);letter-spacing:-.07em}
.ag249-map__count span{display:block;margin-top:8px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#65715f}
.ag249-map__canvas{position:absolute; inset:76px 20px 38px; z-index:2}
.ag249-map__silhouette{
  position:absolute; left:50%; top:51%; transform:translate(-50%,-50%);
  width:min(68%,470px); height:92%; object-fit:contain; opacity:.57;
  filter:grayscale(1) contrast(1.15) brightness(1.03) sepia(.18) hue-rotate(42deg) saturate(.7);
  mix-blend-mode:multiply; pointer-events:none; user-select:none;
}
.ag249-map__wordrail{
  position:absolute; z-index:1; left:18px; bottom:22px; width:42%; display:flex; flex-wrap:wrap; gap:7px 12px;
  direction:ltr; text-align:left; color:rgba(61,57,127,.52); font-size:12px; font-weight:700; letter-spacing:.12em;
}
.ag249-map__point{
  --x:50; --y:50; position:absolute; z-index:6; left:calc(var(--x)*1%); top:calc(var(--y)*1%);
  width:36px; height:36px; margin:-18px 0 0 -18px; padding:0; border:0; border-radius:50%;
  display:grid; place-items:center; cursor:pointer; background:transparent; color:var(--ag249-ink);
  font:700 10px/1 "Assistant",Arial,sans-serif;
}
.ag249-map__point:before{
  content:""; position:absolute; inset:11px; border-radius:50%; background:var(--ag249-pink);
  border:2px solid #fff; box-shadow:0 0 0 6px rgba(215,138,149,.18),0 5px 14px rgba(61,57,127,.16);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.ag249-map__point>span{
  position:absolute; left:50%; bottom:calc(100% + 6px); transform:translateX(-50%) translateY(4px);
  min-width:max-content; max-width:180px; padding:7px 9px; border:1px solid rgba(61,57,127,.24);
  background:rgba(255,255,255,.96); color:var(--ag249-ink); box-shadow:0 10px 28px rgba(19,33,15,.12);
  font-size:12px; font-weight:600; line-height:1.2; opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.ag249-map__point:hover:before,.ag249-map__point:focus-visible:before,.ag249-map__point.is-active:before{
  transform:scale(1.18); background:#df4050; box-shadow:0 0 0 9px rgba(223,64,80,.16),0 6px 18px rgba(61,57,127,.22);
}
.ag249-map__point:hover>span,.ag249-map__point:focus-visible>span,.ag249-map__point.is-active>span{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.ag249-map__note{
  position:absolute; z-index:5; right:30px; bottom:24px; max-width:280px;
  font-size:13px; line-height:1.45; color:#687362;
}

/* ---------- 4) GROWTH ENGINES: visual stability ---------- */
body .elementor .home-page .engine-film,
body .elementor .home-page .engine-film>.e-con-inner{overflow:hidden!important;background:#0d1b09!important}
body .elementor .home-page .ag-engine-video,
body .elementor .home-page .ag-engine-video .elementor-widget-container,
body .elementor .home-page .ag-engine-video .elementor-wrapper,
body .elementor .home-page .ag-engine-video video{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
}
body .elementor .home-page .ag-engine-video video{object-fit:cover!important;object-position:center!important}
body .elementor .home-page .ag-engine-video:not(.is-active){pointer-events:none!important}

/* ---------- 5) ACTIVITY IMAGE CARDS: prevent title/copy collision on mobile ---------- */
@media(max-width:820px){
  body .elementor .agro-case-grid{
    display:flex!important; gap:14px!important; overflow-x:auto!important; overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important; scrollbar-width:none!important; padding:0 0 8px!important;
  }
  body .elementor .agro-case-grid::-webkit-scrollbar{display:none!important}
  body .elementor .agro-case-grid .agro-case{
    flex:0 0 min(86vw,390px)!important; width:min(86vw,390px)!important;
    height:500px!important; min-height:500px!important; padding:28px 26px!important;
    display:flex!important; flex-direction:column!important; justify-content:flex-end!important; align-items:stretch!important; gap:10px!important;
    scroll-snap-align:start!important; background-position:center!important;
  }
  body .elementor .agro-case-grid .agro-case>.e-con-inner{
    position:relative!important; z-index:2!important; display:flex!important; flex-direction:column!important;
    justify-content:flex-end!important; align-items:stretch!important; gap:10px!important;
    width:100%!important; height:100%!important; min-height:0!important; padding:0!important;
  }
  body .elementor .agro-case-grid .agro-case:before{
    background:linear-gradient(0deg,rgba(5,17,3,.96) 0,rgba(5,17,3,.88) 28%,rgba(5,17,3,.42) 58%,rgba(5,17,3,.04) 82%)!important;
  }
  body .elementor .agro-case-grid .agro-case-title,
  body .elementor .agro-case-grid .agro-case-copy{
    position:relative!important; inset:auto!important; right:auto!important; left:auto!important; bottom:auto!important; top:auto!important;
    width:100%!important; max-width:none!important; margin:0!important; padding:0!important; transform:none!important;
  }
  body .elementor .agro-case-grid .agro-case-title .elementor-heading-title{
    margin:0!important; max-width:none!important; font-size:32px!important; line-height:1.08!important;
  }
  body .elementor .agro-case-grid .agro-case-copy,
  body .elementor .agro-case-grid .agro-case-copy p{
    margin:0!important; font-size:16px!important; line-height:1.5!important;
  }
  /* Legacy clean-card fallback */
  body .elementor .agx-card{height:auto!important;min-height:0!important;padding:24px 20px!important;overflow:visible!important}
  body .elementor .agx-card-title .elementor-heading-title{margin-top:24px!important;font-size:30px!important;line-height:1.12!important}
  body .elementor .agx-card-copy{position:relative!important;inset:auto!important;margin-top:10px!important;font-size:17px!important;line-height:1.55!important}
}

/* ---------- 6) Cross-site mobile sanity ---------- */
@media(max-width:820px){
  body .elementor .agro-shell{width:calc(100% - 32px)!important}
  body .elementor .agro-section-title .elementor-heading-title{overflow-wrap:anywhere}
  body .elementor .agro-hero-title .elementor-heading-title{overflow-wrap:anywhere}
  body .elementor .agro-anchor-strip{top:0!important}
  body .elementor .agro-anchor-inner>.e-con-inner{overscroll-behavior-x:contain}
  body .elementor-location-footer .footer-nav a{min-height:40px;display:inline-flex;align-items:center}
}

@media(max-width:760px){
  body .elementor .home-page .vision.section-shell{
    padding:72px 18px 78px!important;
  }
  body .elementor .home-page .vision.section-shell,
  body .elementor .home-page .vision.section-shell>.e-con-inner{
    display:flex!important; flex-direction:column!important; gap:32px!important;
  }
  body .elementor .home-page .vision-grid{max-width:none!important}
  body .elementor .home-page .vision-heading h2.elementor-heading-title{
    font-size:clamp(40px,11.5vw,50px)!important; line-height:1.03!important; letter-spacing:-.035em!important;
  }
  body .elementor .home-page .vision-copy{margin-top:20px!important}
  body .elementor .home-page .vision-copy p{font-size:17px!important;line-height:1.65!important}
  body .elementor .home-page .ag-map-html-host{width:100%!important;margin-top:4px!important}
  .ag249-map{min-height:560px}
  .ag249-map__canvas{inset:82px 4px 54px}
  .ag249-map__silhouette{width:min(82%,380px);height:88%;top:52%}
  .ag249-map__eyebrow{top:20px;right:16px;max-width:185px;font-size:9px;letter-spacing:.045em;line-height:1.2}
  .ag249-map__count{top:18px;left:14px}.ag249-map__count strong{font-size:48px}.ag249-map__count span{font-size:9px}
  .ag249-map__bigtype{right:14px;top:76px;font-size:58px;max-width:210px}
  .ag249-map__wordrail{left:14px;bottom:52px;width:calc(100% - 28px);font-size:8px;gap:5px 8px}
  .ag249-map__note{right:14px;left:14px;bottom:12px;max-width:none;font-size:9px;line-height:1.35}
  .ag249-map__point{width:30px;height:30px;margin:-15px 0 0 -15px}
  .ag249-map__point:before{inset:9px;box-shadow:0 0 0 5px rgba(215,138,149,.18)}
  .ag249-map__point>span{font-size:10px;padding:5px 7px}
}
