/* The entry popup and the hero greeting (app/engage.js), «נשארים בקשר»
   (app/stay-in-touch.js) and the sign-up form outside the footer
   (.news-inline, app/newsletter.js mount). Its own file: a shop with none
   of them on never matches a rule here. */

/* ---------- the greeting: a small line over the hero title ---------- */
.hero-greeting{margin:0 0 6px; font-size:clamp(0.9375rem, 1.6vw, 1.0625rem); font-weight:600; letter-spacing:0.01em;
  color:inherit; opacity:0.92; text-wrap:balance;}

/* ---------- the entry popup ---------- */
.entry-popup{width:min(440px, calc(100vw - 32px)); max-height:calc(100svh - 32px); margin:auto; padding:0; border:0;
  border-radius:var(--r-panel, 18px); background:var(--paper, #FBF7EF); color:var(--ink, #1F2A24); overflow:auto;
  box-shadow:0 24px 60px -20px rgba(20,24,20,.45); box-sizing:border-box;}
.entry-popup::backdrop{background:rgba(20,16,12,.55);}
.entry-popup-box{position:relative; display:flex; flex-direction:column; outline:none;}
.entry-popup-photo{display:block; width:100%; aspect-ratio:16/9; object-fit:cover;}
.entry-popup-body{display:flex; flex-direction:column; align-items:center; gap:10px; padding:28px 24px 24px; text-align:center;}
.entry-popup-title{margin:0; font-family:var(--font-brand, inherit); font-size:clamp(1.375rem, 4vw, 1.625rem); line-height:1.2; text-wrap:balance;}
.entry-popup-text{margin:0; font-size:1rem; line-height:1.5; color:var(--ink-soft, #4A564E);}
.entry-popup-btn{display:inline-flex; align-items:center; justify-content:center; min-height:48px; align-self:stretch; width:100%; box-sizing:border-box; margin-top:6px;   /* full width, as the owner's mock-up (2026-10-28) */
  padding:0 24px; border:0; border-radius:var(--r-chip, 999px); background:var(--primary, #1F4D3A); color:var(--on-primary, #fff);
  font:inherit; font-size:1rem; font-weight:700; text-decoration:none; cursor:pointer;}
.entry-popup-close{position:absolute; top:10px; inset-inline-end:10px; z-index:1; display:grid; place-items:center; width:44px; height:44px;
  border:0; border-radius:50%; background:color-mix(in srgb, var(--paper, #FBF7EF) 88%, transparent); color:var(--ink, #1F2A24); cursor:pointer;}
.entry-popup-close svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round;}
.entry-popup :is(a, button, input):focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring,#0B5FFF); outline-offset:2px;}
.entry-popup .sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
.entry-popup-news{width:100%; text-align:start;}
/* «הצגת קוד קופון» and «לא עכשיו» (content.popup action/code, closeLabel): only when the owner set them. */
.entry-popup-code{display:flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; margin-top:4px;
  border:2px dashed var(--primary, #1F4D3A); border-radius:var(--r-control, 10px); color:var(--primary, #1F4D3A);
  font-size:1.25rem; font-weight:800; letter-spacing:0.06em; font-variant-numeric:tabular-nums; unicode-bidi:isolate; user-select:all;}
/* «איסוף טלפון/וואטסאפ» (content.popup action "phone"): the phone, consent, the button; then thanks and the code. */
.entry-popup-lead{display:flex; flex-direction:column; gap:10px; width:100%; text-align:start;}
.entry-popup-field{display:flex; flex-direction:column; gap:4px; font-size:0.875rem; font-weight:600;}
.entry-popup-input{min-height:48px; padding:0 14px; border:1px solid var(--line, rgba(0,0,0,.18)); border-radius:var(--r-control, 10px);
  background:var(--surface, #fff); color:var(--ink, #1F2A24); font:inherit; font-size:1rem; text-align:start; unicode-bidi:plaintext;}
.entry-popup-consent{display:flex; align-items:flex-start; gap:8px; min-height:44px; font-size:0.875rem; line-height:1.4; cursor:pointer;}
.entry-popup-consent input{flex:none; width:20px; height:20px; margin:1px 0 0; accent-color:var(--primary, #1F4D3A);}
.entry-popup-error{margin:0; padding:6px 10px; border-radius:var(--r-control, 10px); font-size:0.875rem; color:var(--danger, #B42318);
  background:rgba(180,35,24,.08); background:color-mix(in srgb, var(--danger, #B42318) 8%, transparent);}
.entry-popup-hp{position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; inset-inline-start:-9999px;}
.entry-popup-done{display:flex; flex-direction:column; align-items:center; gap:10px; width:100%;}
.entry-popup-later{min-height:44px; padding:0 12px; border:0; background:none; color:var(--ink-soft, #4A564E);
  font:inherit; font-size:0.9375rem; text-decoration:underline; text-underline-offset:3px; cursor:pointer;}

/* ---------- the sign-up form outside the footer ---------- */
/* The footer form is cream on the brand colour; here it sits on the page. */
.news-inline .footer-news-form{gap:10px;}
.news-inline .footer-news-label, .news-inline .footer-news-consent{color:var(--ink, #1F2A24);}
.news-inline .footer-news-input{background:var(--surface, #fff); border:1px solid var(--line, rgba(0,0,0,.18)); color:var(--ink, #1F2A24);}
.news-inline .footer-news-consent input{accent-color:var(--primary, #1F4D3A);}
.news-inline .footer-news-privacy{color:var(--ink-soft, #4A564E);}
.news-inline .footer-news-btn{background:var(--primary, #1F4D3A); color:var(--on-primary, #fff);}
.news-inline .footer-news-btn:hover{background:color-mix(in srgb, var(--primary, #1F4D3A) 88%, #000);}
.news-inline .footer-news-error{background:color-mix(in srgb, var(--danger, #B42318) 8%, transparent);}
.news-inline .footer-news-done{color:var(--primary, #1F4D3A);}
.news-inline :is(input, button, a):focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring,#0B5FFF); outline-offset:2px;}

/* ---------- «נשארים בקשר» ---------- */
.editorial-block[data-sit-empty]{display:none;}
.sit{display:grid; gap:20px 32px; margin-top:18px; min-width:0;}
.sit-links{display:flex; flex-direction:column; gap:14px; min-width:0;}
.sit-wa{display:inline-flex; align-items:center; gap:10px; align-self:flex-start; min-height:48px; padding:0 20px;
  border-radius:var(--r-chip, 999px); background:#1F8F4E; color:#fff; font-weight:700; text-decoration:none;}
.sit-wa svg{width:22px; height:22px; fill:currentColor; flex:none;}
.sit-social{display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none;}
.sit-social-link{display:grid; place-items:center; width:46px; height:46px; border-radius:50%;
  background:color-mix(in srgb, var(--primary, #1F4D3A) 10%, transparent); color:var(--primary, #1F4D3A);}
.sit-social-link svg{width:22px; height:22px; fill:currentColor;}
.sit :is(a):focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring,#0B5FFF); outline-offset:2px;}
.sit-news{min-width:0;}
/* «כרטיס»: links beside the form on a computer, stacked on a phone. */
.sit-card{grid-template-columns:minmax(0, 1fr) minmax(0, 1.4fr); align-items:start;}
.sit-card:not(:has(.sit-news)), .sit-card:not(:has(.sit-links)){grid-template-columns:minmax(0, 1fr);}
/* «פס»: everything centred in one column, the form narrow. */
.sit-band{justify-items:center; text-align:center;}
.sit-band .sit-links{align-items:center;}
.sit-band .sit-wa{align-self:center;}
.sit-band .sit-social{justify-content:center;}
.sit-band .sit-news{width:100%; max-width:34rem; text-align:start;}
@media (max-width:640px){
  .sit-card{grid-template-columns:minmax(0, 1fr);}
  .sit-wa{align-self:stretch; justify-content:center;}
}
html[data-a11y-contrast="1"] :is(.sit-wa, .sit-social-link, .entry-popup-btn){background:#000 !important; color:#fff !important; border:2px solid #fff !important;}