/* ════════════════════════════════════════════════════
   base.css — משותף לארבעת העמודים
   index.html · mechir-dira · bladiyut · alut-mechira
   ════════════════════════════════════════════════════ */

/* ── טוקנים ── */
:root{
  --ink:#181818;
  --ink-70:#5C5C5C;
  --ink-45:#909090;
  --paper:#FFFFFF;
  --mist:#F3F2F0;
  --rule:#D5EDE5;
  --rule-dark:rgba(142,211,192,.28);
  --accent:#8ED3C0;
  --measure:62ch;
}

/* ── איפוס ── */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Assistant',system-ui,sans-serif;
  font-weight:300;
  color:var(--ink);
  background:var(--paper);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:1px solid var(--ink);outline-offset:4px}

/* ── מכולות ── */
.wrap{width:min(1180px,88vw);margin-inline:auto}
.narrow{width:min(720px,88vw);margin-inline:auto}

/* ── נגישות ── */
.skip{
  position:absolute;inset-inline-start:-9999px;top:0;z-index:100;
  background:var(--ink);color:#fff;padding:12px 20px;font-size:.95rem;
}
.skip:focus{inset-inline-start:0}

/* ── הדר ── */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.brand{display:block;line-height:0}
.brand img{height:38px;width:auto}
@media(max-width:600px){.brand img{height:32px}}
.header-cta{
  font-size:14.5px;color:var(--ink-70);padding-block:4px;
  border-bottom:1px solid var(--accent);
  transition:color .25s,border-color .25s;
}
.header-cta:hover{color:var(--ink);border-color:var(--ink)}

/* ── כפתורים ── */
.btn{
  display:inline-block;border:1px solid var(--ink);
  padding:15px 46px;font-size:15px;font-weight:300;letter-spacing:.05em;
  transition:background .3s,color .3s;
}
.btn:hover{background:var(--ink);color:#fff}
.btn-wa{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.btn-wa:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-light{border-color:rgba(255,255,255,.55);color:#fff}
.btn-light:hover{background:#fff;color:var(--ink)}

/* ── פוטר ── */
.site-footer{background:var(--ink);color:rgba(255,255,255,.7);padding-block:66px 40px}
.footer-top{
  display:flex;flex-wrap:wrap;gap:clamp(32px,6vw,80px);
  justify-content:space-between;align-items:flex-start;
}
.site-footer .brand img{height:44px}
.footer-col{display:flex;flex-direction:column;gap:11px;font-size:.98rem}
.footer-col a{
  border-bottom:1px solid transparent;align-self:flex-start;
  transition:color .25s,border-color .25s;
}
.footer-col a:hover{color:#fff;border-bottom-color:var(--accent)}
.linkish{
  background:none;border:0;font-family:inherit;font-size:.9rem;font-weight:300;
  color:rgba(255,255,255,.45);cursor:pointer;padding:0;
  border-bottom:1px solid transparent;transition:color .25s,border-color .25s;
}
.linkish:hover{color:#fff;border-bottom-color:var(--accent)}
.footer-bottom{
  margin-top:clamp(44px,6vw,64px);padding-top:24px;border-top:1px solid var(--rule-dark);
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 30px;
  font-size:.84rem;color:rgba(255,255,255,.42);
}
/* ── אייקוני רשתות בפוטר ── */
.social{display:flex;gap:12px;align-items:flex-start}
.social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border:1px solid var(--rule-dark);border-radius:50%;
  color:rgba(255,255,255,.7);
  transition:background .25s,border-color .25s,color .25s;
}
.social a:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.social svg{width:19px;height:19px;fill:currentColor;display:block}

.legal{display:flex;gap:24px}
@media(max-width:620px){
  .footer-top{flex-direction:column;gap:30px}
}

/* ── נייד ── */
@media(max-width:600px){
  body{font-size:17.5px;line-height:1.7}
  .wrap{width:min(1180px,92vw)}
  .narrow{width:min(720px,92vw)}
}

/* ── הדפסה ── */
@media print{
  .site-header,.wa,.a11y-open,.a11y-panel,.hero-art,
  #leadForm,.midcta .btn,.cta-box .btn,.skip,dialog{display:none!important}
  body{font-size:11pt;line-height:1.55;color:#000;background:#fff}
  section{padding-block:18pt!important;break-inside:avoid}
  .mist,.contact,.stats-band{background:#fff!important}
  .site-footer{background:#fff!important;color:#000;border-top:1pt solid #000}
  .site-footer .brand img{filter:invert(1)}
  .hero{min-height:auto!important;padding-block:0!important}
  .faq details{display:block}
  .faq details p{display:block!important}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;color:#444}
  a[href^="#"]::after,a[href^="mailto"]::after,a[href^="tel"]::after{content:""}
  .print-only{display:block!important}
}