/* ============================================================
   מרכז הגמ"חים · מעלה עמוס — עיצוב 2027
   פלטת המותג של היישוב, מורחבת: נייבי עמוק · זהב חם · קרם
   מצב כהה אוטומטי · טיפוגרפיה נזילה · מגע-ראשון
   ============================================================ */

:root{
  /* מותג */
  --navy-900:#0A1729; --navy-800:#12233F; --navy-700:#1B3358; --navy-600:#27466F;
  --gold-600:#8F6E28; --gold-500:#B08D3E; --gold-400:#CBA75C; --gold-300:#D9BE7C;
  --cream:#F7F3E9; --paper:#FFFFFF;

  /* סמנטי — נדרס במצב כהה */
  --bg:#F4F0E6; --bg-2:#EDE7D9; --surface:#FFFFFF; --surface-2:#FBF8F1;
  --ink:#0E1D33; --ink-2:#3D4F6B; --ink-3:#6B7A91;
  --line:#E4DCC9; --line-2:#F0EADB;
  --brand:var(--navy-800); --accent:var(--gold-500);
  --ok:#15704A; --warn:#8A5410; --bad:#9B2C2C; --wa:#0F8A7C;

  /* צורה */
  --r-sm:12px; --r:18px; --r-lg:26px; --r-full:999px;
  --sh-1:0 1px 2px rgba(14,29,51,.05), 0 2px 8px rgba(14,29,51,.05);
  --sh-2:0 2px 6px rgba(14,29,51,.07), 0 12px 32px rgba(14,29,51,.09);
  --sh-3:0 8px 28px rgba(14,29,51,.16), 0 24px 60px rgba(14,29,51,.14);
  --max:1080px;

  /* טיפוגרפיה נזילה */
  --t-xs:clamp(11.5px,2.6vw,12.5px);
  --t-sm:clamp(13px,3vw,14px);
  --t-md:clamp(14.5px,3.4vw,15.5px);
  --t-lg:clamp(16.5px,4vw,18px);
  --t-xl:clamp(19px,5vw,22px);
  --t-2xl:clamp(23px,6.4vw,30px);

  --ease:cubic-bezier(.22,.61,.36,1);
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0A1729; --bg-2:#0D1C31; --surface:#132540; --surface-2:#162947;
    --ink:#EEF2F8; --ink-2:#B9C6D8; --ink-3:#8A9AB2;
    --line:#22406B; --line-2:#1B3358;
    --brand:#132540; --accent:var(--gold-300);
    --cream:#132540;
    --sh-1:0 1px 2px rgba(0,0,0,.3);
    --sh-2:0 2px 8px rgba(0,0,0,.34), 0 14px 34px rgba(0,0,0,.3);
    --sh-3:0 10px 34px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --bg:#0A1729; --bg-2:#0D1C31; --surface:#132540; --surface-2:#162947;
  --ink:#EEF2F8; --ink-2:#B9C6D8; --ink-3:#8A9AB2;
  --line:#22406B; --line-2:#1B3358;
  --brand:#132540; --accent:var(--gold-300); --cream:#132540;
  --sh-1:0 1px 2px rgba(0,0,0,.3);
  --sh-2:0 2px 8px rgba(0,0,0,.34), 0 14px 34px rgba(0,0,0,.3);
  --sh-3:0 10px 34px rgba(0,0,0,.5);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden;max-width:100%}
html{scroll-behavior:smooth}
body{
  font-family:'Assistant','Segoe UI',system-ui,Arial,sans-serif;
  background:var(--bg); color:var(--ink); direction:rtl;
  -webkit-text-size-adjust:100%; line-height:1.55;
  font-size:var(--t-md);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
::selection{background:var(--gold-300);color:var(--navy-900)}
:focus-visible{outline:3px solid var(--gold-400);outline-offset:2px;border-radius:6px}

/* ---------- כותרת ---------- */
.top{
  background:
    radial-gradient(120% 140% at 88% -20%, rgba(203,167,92,.20), transparent 58%),
    linear-gradient(180deg, var(--navy-800), var(--navy-900));
  color:var(--cream); padding:20px 18px 0;
  position:sticky; top:0; z-index:40;
  box-shadow:0 10px 34px rgba(10,23,41,.26);
  border-bottom:1px solid rgba(203,167,92,.20);
}
.top-in{max-width:var(--max);margin:0 auto}
.brand{display:flex;align-items:center;gap:13px}
.brand img{height:54px;width:auto;display:block;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.brand img.wide{height:72px;margin:-8px 0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}
.brand h1{
  font-size:var(--t-2xl); margin:0; font-weight:800;
  letter-spacing:-.022em; line-height:1.05; color:#F7F3E9;
}
.brand small{
  display:block; font-weight:700; font-size:var(--t-xs);
  color:var(--gold-300); letter-spacing:.28em; margin-top:3px;
}
.brand .sp{flex:1}
.hbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  background:rgba(255,255,255,.08); border:1px solid rgba(203,167,92,.4);
  color:var(--gold-300); padding:9px 13px; border-radius:var(--r-full);
  font-weight:800; font-size:var(--t-sm); text-decoration:none;
  white-space:nowrap; cursor:pointer; transition:.18s var(--ease);
  -webkit-tap-highlight-color:transparent;
}
.hbtn:hover{background:rgba(203,167,92,.2);transform:translateY(-1px)}
.hbtn:active{transform:translateY(0)}
.hbtn.icon{padding:9px 11px;font-size:15px}
/* במסך צר יש שלושה כפתורים בשורה — מכווצים ל-אייקון בלבד */
@media(max-width:430px){
  .brand{gap:9px}
  .brand img{height:46px}
  .brand img.wide{height:58px;margin:-6px 0}
  .hbtn{padding:8px 10px;font-size:var(--t-xs)}
  .hbtn .lbl{display:none}
  .hbtn.sos{padding:8px 12px}
}
@media(max-width:360px){
  .hbtn.sos .lbl{display:none}
}

/* חיפוש */
.searchwrap{position:relative;margin:18px 0 0}
#q{
  width:100%; padding:17px 52px 17px 46px; border-radius:var(--r);
  border:1.5px solid transparent; font-size:var(--t-lg); font-weight:600;
  background:var(--paper); color:var(--navy-900);
  box-shadow:0 6px 22px rgba(0,0,0,.2); transition:.2s var(--ease);
}
#q:focus{outline:none;border-color:var(--gold-400);
  box-shadow:0 8px 30px rgba(0,0,0,.28),0 0 0 4px rgba(203,167,92,.22)}
#q::placeholder{color:#93A0B4;font-weight:500}
.searchwrap .ico{position:absolute;inset-inline-start:18px;top:50%;
  transform:translateY(-50%);font-size:20px;opacity:.45;pointer-events:none}
.clearq{
  position:absolute;inset-inline-end:13px;top:50%;transform:translateY(-50%);
  border:0;background:#E9E4D8;border-radius:50%;width:30px;height:30px;
  cursor:pointer;color:#5B6B82;font-size:16px;line-height:1;display:none;
  transition:.15s
}
.clearq:hover{background:#DDD5C4}

/* צ'יפים */
.chips{
  display:flex;gap:9px;overflow-x:auto;padding:16px 0 16px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
.chips::-webkit-scrollbar{display:none}
.chip{
  flex:0 0 auto;scroll-snap-align:start;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);
  color:#D6DFEC;border-radius:var(--r-full);padding:9px 16px;
  font-size:var(--t-sm);font-weight:800;cursor:pointer;white-space:nowrap;
  transition:.18s var(--ease);-webkit-tap-highlight-color:transparent;
}
.chip:hover{background:rgba(255,255,255,.13);color:#fff}
.chip.on{
  background:linear-gradient(180deg,var(--gold-300),var(--gold-500));
  border-color:var(--gold-300);color:var(--navy-900);
  box-shadow:0 4px 14px rgba(176,141,62,.4);
}

/* ---------- פריסה ---------- */
main{max-width:var(--max);margin:0 auto;padding:24px 18px 120px}
.bar{display:flex;align-items:baseline;gap:11px;margin:6px 0 16px;flex-wrap:wrap}
.bar h2{font-size:var(--t-xl);margin:0;font-weight:800;letter-spacing:-.015em}
.bar .n{color:var(--ink-3);font-size:var(--t-sm);font-weight:700;
  background:var(--surface-2);border:1px solid var(--line-2);
  padding:2px 10px;border-radius:var(--r-full)}
.bar .sp{flex:1}
.linkbtn{background:none;border:0;color:var(--ink-2);font-weight:800;
  font-size:var(--t-sm);cursor:pointer;text-decoration:underline;
  text-underline-offset:3px;padding:0}
.linkbtn:hover{color:var(--accent)}

/* ---------- כרטיסים ---------- */
.grid{display:grid;gap:14px}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}

.card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:18px 19px 16px;
  box-shadow:var(--sh-1);position:relative;
  display:flex;flex-direction:column;
  transition:transform .2s var(--ease), box-shadow .2s var(--ease),
             border-color .2s var(--ease);
  animation:rise .34s var(--ease) both;
}
@media(hover:hover){
  .card:hover{transform:translateY(-3px);box-shadow:var(--sh-2);
    border-color:var(--gold-300)}
}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  .card{animation:none}
  *{transition-duration:.01ms !important}
}

.card h3{margin:2px 0 5px;font-size:var(--t-lg);font-weight:800;
  line-height:1.22;padding-inline-end:48px;letter-spacing:-.012em}
.card .cat{font-size:var(--t-xs);font-weight:800;color:var(--accent);
  letter-spacing:.05em;text-transform:none}
.card .code{
  position:absolute;inset-inline-end:16px;top:16px;
  background:var(--surface-2);border:1px solid var(--line);
  border-radius:10px;padding:3px 9px;font-size:var(--t-xs);font-weight:800;
  color:var(--ink-3);font-variant-numeric:tabular-nums;
}
.card p{margin:9px 0 0;font-size:var(--t-md);color:var(--ink-2);line-height:1.5}
.meta{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:11px;
  font-size:var(--t-sm);color:var(--ink-3)}
.meta b{font-weight:800;color:var(--ink-2)}

.acts{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap;padding-top:2px}
.card .acts{margin-top:auto}
.btn{
  flex:1 1 auto;text-align:center;border:1.5px solid var(--line);
  background:var(--surface-2);color:var(--ink);
  border-radius:14px;padding:11px 14px;font-weight:800;font-size:var(--t-md);
  cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:46px;transition:.16s var(--ease);
  -webkit-tap-highlight-color:transparent;
}
.btn:hover{background:var(--bg-2);border-color:var(--ink-3)}
.btn:active{transform:scale(.975)}
.btn.pri{
  background:linear-gradient(180deg,var(--navy-700),var(--navy-800));
  border-color:var(--navy-800);color:#fff;
  box-shadow:0 3px 12px rgba(18,35,63,.28);
}
.btn.pri:hover{background:linear-gradient(180deg,var(--navy-600),var(--navy-700))}
.btn.wa{background:linear-gradient(180deg,#14A092,var(--wa));
  border-color:var(--wa);color:#fff;box-shadow:0 3px 12px rgba(15,138,124,.3)}
.btn.wa:hover{filter:brightness(1.07)}
.btn.sm{flex:0 0 auto;padding:9px 13px;font-size:var(--t-sm);min-height:40px}
.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-3);
  font-weight:700}
.btn.ghost:hover{background:var(--surface-2);color:var(--ink-2)}

/* גמ"ח מבוקש */
.card.wanted{
  background:
    linear-gradient(180deg, rgba(203,167,92,.09), transparent 60%),
    var(--surface);
  border-style:dashed;border-color:var(--gold-400);
}
.card.wanted h3{color:var(--gold-600)}
:root[data-theme="dark"] .card.wanted h3{color:var(--gold-300)}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .card.wanted h3{color:var(--gold-300)}
}
.wanted-tag{
  display:inline-block;
  background:linear-gradient(180deg,var(--gold-400),var(--gold-600));
  color:#fff;border-radius:8px;padding:3px 9px;font-size:var(--t-xs);
  font-weight:800;margin-inline-start:7px;vertical-align:middle;
}

.empty{
  background:var(--surface);border:1.5px dashed var(--line);
  border-radius:var(--r-lg);padding:38px 24px;text-align:center;
  color:var(--ink-3);grid-column:1/-1;
}
.empty b{display:block;color:var(--ink);font-size:var(--t-xl);
  margin-bottom:8px;font-weight:800}

/* ---------- כפתור צף + מודאל ---------- */
.fab{
  position:fixed;bottom:22px;left:50%;
  transform:translateX(-50%);
  background:linear-gradient(180deg,var(--navy-700),var(--navy-900));
  color:#fff;border:1px solid rgba(203,167,92,.35);border-radius:var(--r-full);
  padding:15px 27px;font-weight:800;font-size:var(--t-lg);cursor:pointer;
  z-index:50;box-shadow:var(--sh-3);display:flex;align-items:center;gap:9px;
  transition:.2s var(--ease);-webkit-tap-highlight-color:transparent;
}
.fab:hover{transform:translateX(-50%) translateY(-2px)}
.fab:active{transform:translateX(-50%) scale(.97)}

.ov{position:fixed;inset:0;background:rgba(10,23,41,.62);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  z-index:60;display:none;align-items:flex-end;justify-content:center;padding:0}
.ov.on{display:flex;animation:fade .2s var(--ease)}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media(min-width:640px){.ov{align-items:center;padding:26px}}
.sheet{
  background:var(--surface);width:100%;max-width:600px;max-height:92vh;
  overflow:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;
  padding:24px 20px 30px;box-shadow:var(--sh-3);
  border:1px solid var(--line);border-bottom:0;
  animation:slide .28s var(--ease);
}
@keyframes slide{from{transform:translateY(26px);opacity:.6}to{transform:none;opacity:1}}
@media(min-width:640px){.sheet{border-radius:var(--r-lg);border-bottom:1px solid var(--line)}}
.sheet h2{margin:0 0 5px;font-size:var(--t-xl);font-weight:800;letter-spacing:-.015em}
.sheet .sub{color:var(--ink-3);font-size:var(--t-sm);margin:0 0 20px}
.f{margin-bottom:14px}
.f label{display:block;font-size:var(--t-sm);font-weight:800;
  margin-bottom:6px;color:var(--ink-2)}
.f input,.f select,.f textarea{
  width:100%;padding:13px 14px;border:1.5px solid var(--line);
  border-radius:14px;background:var(--surface-2);font-size:16px;
  transition:.15s var(--ease);
}
.f input:focus,.f select:focus,.f textarea:focus{
  outline:none;border-color:var(--gold-400);background:var(--surface);
  box-shadow:0 0 0 4px rgba(203,167,92,.16)}
.f textarea{min-height:84px;resize:vertical}
.f .hint{font-size:var(--t-xs);color:var(--ink-3);margin-top:5px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.row{display:flex;gap:11px}.row>*{flex:1;min-width:0}
.msg{border-radius:14px;padding:13px 15px;font-size:var(--t-md);
  font-weight:700;margin-bottom:14px;display:none}
.msg.ok{background:rgba(21,112,74,.12);color:var(--ok);display:block;
  border:1px solid rgba(21,112,74,.25)}
.msg.err{background:rgba(155,44,44,.1);color:var(--bad);display:block;
  border:1px solid rgba(155,44,44,.25)}

/* ---------- חירום ---------- */
:root{ --sos:#B4232A; --sos-2:#8E1A20; --sos-tint:#FDECEC; }
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --sos:#E05055; --sos-2:#B4232A; --sos-tint:#2B1416; }
}
:root[data-theme="dark"]{ --sos:#E05055; --sos-2:#B4232A; --sos-tint:#2B1416; }

.hbtn.sos{
  background:linear-gradient(180deg,#D93A41,var(--sos));
  border-color:#E8686D;color:#fff;font-weight:800;
  box-shadow:0 3px 14px rgba(180,35,42,.45);
}
.hbtn.sos:hover{background:linear-gradient(180deg,#E8686D,#C22B32)}

.sos-sheet{border-top:5px solid var(--sos)}
.sos-sheet h2{color:var(--sos)}
.sos-grp{margin:0 0 20px}
.sos-grp > h3{
  font-size:var(--t-sm);font-weight:800;color:var(--ink-3);
  letter-spacing:.09em;margin:0 0 9px;
  display:flex;align-items:center;gap:9px;
}
.sos-grp > h3::after{content:"";flex:1;height:1px;background:var(--line)}
.sos-list{display:grid;gap:9px}
@media(min-width:520px){.sos-list{grid-template-columns:1fr 1fr}}

.sos-item{
  display:flex;align-items:center;gap:13px;text-decoration:none;
  background:var(--surface-2);border:1.5px solid var(--line);
  border-radius:15px;padding:13px 15px;transition:.16s var(--ease);
  min-height:60px;
}
.sos-item:hover{border-color:var(--sos);background:var(--sos-tint)}
.sos-item:active{transform:scale(.985)}
.sos-item .num{
  font-size:var(--t-xl);font-weight:800;color:var(--sos);
  font-variant-numeric:tabular-nums;min-width:52px;text-align:center;
  letter-spacing:-.02em;
}
.sos-item .num.sml{font-size:var(--t-md);min-width:96px;letter-spacing:0}
.sos-item .txt{flex:1;min-width:0}
.sos-item .txt b{display:block;font-size:var(--t-md);font-weight:800;
  line-height:1.25}
.sos-item .txt span{display:block;font-size:var(--t-xs);color:var(--ink-3);
  margin-top:2px}
.sos-item.big .num{font-size:clamp(26px,7vw,34px)}

.sos-note{
  background:var(--sos-tint);border:1px solid rgba(180,35,42,.28);
  border-radius:14px;padding:12px 14px;font-size:var(--t-sm);
  color:var(--ink-2);margin-bottom:18px;font-weight:600;
}

/* ---------- כותרת תחתונה ---------- */
footer{
  border-top:1px solid var(--line);margin-top:44px;padding:26px 18px 34px;
  color:var(--ink-3);font-size:var(--t-sm);text-align:center;
}
footer a{color:var(--ink-2);font-weight:800;text-decoration:none;
  border-bottom:1.5px solid var(--gold-400)}
footer a:hover{color:var(--accent)}
.foot-row a:empty{display:none}
.foot-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  margin:14px 0 18px}

.skel{
  background:linear-gradient(100deg,var(--surface-2) 30%,var(--bg-2) 50%,var(--surface-2) 70%);
  background-size:220% 100%;animation:sh 1.3s infinite linear;
  border-radius:var(--r-lg);height:168px;border:1px solid var(--line-2);
}
@keyframes sh{0%{background-position:220% 0}100%{background-position:-220% 0}}

.offline{background:var(--warn);color:#fff;text-align:center;padding:9px;
  font-size:var(--t-sm);font-weight:800;display:none}

/* ---------- הדפסה ---------- */
@media print{
  .top,.fab,.ov,.offline,.acts .js-fix,.linkbtn,.hbtn,footer .foot-row{display:none !important}
  body{background:#fff;color:#000;font-size:11pt}
  main{padding:0;max-width:none}
  .grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .card{break-inside:avoid;box-shadow:none;border:1px solid #bbb;
    border-radius:8px;padding:10px 12px;animation:none}
  .card .code{position:static;float:left;border:0;background:none}
  .btn{border:0;background:none;padding:0;min-height:0;
    justify-content:flex-start;font-size:11pt}
  .btn.wa,.btn.ghost{display:none}
  .print-head{display:block !important}
}
.print-head{display:none;text-align:center;margin-bottom:14px}
.print-head h1{font-size:20pt;margin:0}
.print-head p{margin:4px 0 0;font-size:10pt}