/*
Theme Name: Periodent
Theme URI: https://periodent.co.il
Author: PERIO.DENT
Description: ערכת עיצוב ייעודית למרפאות פריודנט. RTL, ללא תלות בבוני עמודים, מותאמת לת"י 5568.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: periodent
*/

:root{
  --ink:#16211D; --muted:#5B6B65; --ground:#F7F5F0; --surface:#FFFFFF;
  --line:#E0DBD1; --accent:#0B5F52; --accent-tint:#E5EDE9; --accent-ink:#F7F5F0;
  --focus:#0B5F52;
  --shadow:0 1px 2px rgba(22,33,29,.05), 0 8px 24px -12px rgba(22,33,29,.18);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#EAE6DE; --muted:#9FB0A9; --ground:#101815; --surface:#16211D;
    --line:#2A3833; --accent:#5FBCA7; --accent-tint:#1B2A25; --accent-ink:#0B1512;
    --focus:#5FBCA7;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --ink:#EAE6DE; --muted:#9FB0A9; --ground:#101815; --surface:#16211D;
  --line:#2A3833; --accent:#5FBCA7; --accent-tint:#1B2A25; --accent-ink:#0B1512;
  --focus:#5FBCA7;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
}

html{direction:rtl;}
*{box-sizing:border-box;}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:"Assistant","Segoe UI",system-ui,sans-serif;
  font-size:17.5px;line-height:1.65;-webkit-font-smoothing:antialiased;}
h1,h2,h3,.display{font-family:"Heebo","Segoe UI",system-ui,sans-serif;text-wrap:balance;margin:0;}
p{margin:0;}
a{color:inherit;}
img{max-width:100%;height:auto;}

.wrap{max-width:1080px;margin:0 auto;padding:0 22px;}
.col{max-width:63ch;}

.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:100;
  background:var(--accent);color:var(--accent-ink);
  padding:12px 20px;font-family:"Heebo";font-weight:700;text-decoration:none;}
.skip:focus{inset-inline-start:0;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

.mm{height:9px;background:repeating-linear-gradient(to left,var(--line) 0 1px, transparent 1px 9px);opacity:.85;}

header{position:sticky;top:0;z-index:40;
  background:color-mix(in srgb, var(--ground) 92%, transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
body.admin-bar header{top:32px;}
@media screen and (max-width:782px){body.admin-bar header{top:46px;}}
.bar{display:flex;align-items:center;gap:18px;min-height:66px;}
.brand{display:flex;flex-direction:column;line-height:1.05;text-decoration:none;}
.brand b{font-family:"Heebo";font-weight:800;letter-spacing:.06em;font-size:1.06rem;}
.brand span{font-size:.72rem;color:var(--muted);letter-spacing:.04em;}
.hbtns{display:flex;gap:9px;margin-inline-start:auto;}

.btn{display:inline-flex;align-items:center;gap:8px;
  font-family:"Heebo";font-weight:700;font-size:1rem;
  padding:11px 20px;border-radius:6px;text-decoration:none;
  border:1px solid transparent;white-space:nowrap;cursor:pointer;}
.btn-solid{background:var(--accent);color:var(--accent-ink);}
.btn-solid:hover{filter:brightness(1.08);}
.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface);}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2.5px solid var(--focus);outline-offset:3px;}

.hero{padding:58px 0 46px;}
.eyebrow{font-family:"Heebo";font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:16px;}
h1{font-size:clamp(2rem,4.6vw,3.05rem);font-weight:800;line-height:1.15;letter-spacing:-.01em;}
.lede{margin-top:20px;font-size:1.16rem;color:var(--muted);}
.hero-cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px;}

.sat{background:var(--accent);color:var(--accent-ink);}
.sat .wrap{padding-top:40px;padding-bottom:40px;display:grid;gap:22px;}
@media(min-width:820px){.sat .wrap{grid-template-columns:auto 1fr;align-items:center;gap:44px;}}
.sat-days{display:flex;gap:5px;}
.sat-days i{font-style:normal;font-family:"Heebo";font-weight:700;font-size:.8rem;
  width:31px;height:31px;display:grid;place-items:center;border-radius:4px;
  border:1px solid color-mix(in srgb,var(--accent-ink) 35%,transparent);
  color:color-mix(in srgb,var(--accent-ink) 75%,transparent);}
.sat-days i.on{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink);}
.sat h2{font-size:1.5rem;font-weight:800;}
.sat p{margin-top:7px;opacity:.92;max-width:56ch;}
.sat strong{font-variant-numeric:tabular-nums;}

section{padding:56px 0;}
.kicker{font-family:"Heebo";font-size:.78rem;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:12px;}
h2.sec{font-size:clamp(1.5rem,2.8vw,2rem);font-weight:800;margin-bottom:26px;}

.grid2{display:grid;gap:26px;}
@media(min-width:760px){.grid2{grid-template-columns:1fr 1fr;gap:34px 44px;}}
.svc h3{font-size:1.14rem;font-weight:700;margin-bottom:7px;}
.svc p{color:var(--muted);font-size:1.02rem;}

ol.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;}
ol.steps li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line);}
ol.steps li:last-child{border-bottom:1px solid var(--line);}
.num{font-family:"Heebo";font-weight:700;font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--accent);padding-top:4px;min-width:2.1ch;}
.steps h3{font-size:1.06rem;font-weight:700;margin-bottom:4px;}
.steps p{color:var(--muted);font-size:1.01rem;}

.refer{background:var(--accent-tint);border-radius:8px;padding:32px;border:1px solid var(--line);}
.refer h2{font-size:1.36rem;font-weight:800;margin-bottom:12px;}
.refer p{color:var(--muted);}
.refer ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px;}
.refer li{padding-inline-start:20px;position:relative;font-size:1.02rem;}
.refer li::before{content:"";position:absolute;inset-inline-start:0;top:.72em;width:7px;height:1.5px;background:var(--accent);}

.notes{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.note{background:var(--surface);padding:22px 24px;}
.note h3{font-size:1.04rem;font-weight:700;margin-bottom:5px;}
.note p{color:var(--muted);font-size:1rem;}

.branches{display:grid;gap:22px;}
@media(min-width:760px){.branches{grid-template-columns:1fr 1fr;}}
.branch{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:26px;box-shadow:var(--shadow);}
.branch h3{font-size:1.2rem;font-weight:800;margin-bottom:3px;}
.branch .addr{color:var(--muted);margin-bottom:16px;}
.rows{display:grid;gap:9px;font-size:1rem;margin:0;}
.row{display:grid;grid-template-columns:6.4rem 1fr;gap:10px;}
.row dt{color:var(--muted);}
.row dd{margin:0;font-variant-numeric:tabular-nums;}
.tel{text-decoration:none;color:var(--accent);font-weight:600;}
.soon{display:inline-block;margin-top:14px;font-size:.82rem;font-family:"Heebo";font-weight:700;color:var(--accent);background:var(--accent-tint);padding:4px 10px;border-radius:4px;}

.tx{width:100%;border-collapse:collapse;margin-top:8px;}
.tx th,.tx td{text-align:start;padding:15px 0;border-top:1px solid var(--line);vertical-align:top;}
.tx tr:last-child td,.tx tr:last-child th{border-bottom:1px solid var(--line);}
.tx th{font-family:"Heebo";font-weight:700;font-size:1.02rem;width:34%;padding-inline-end:22px;}
.tx td{color:var(--muted);font-size:1.01rem;}
@media(max-width:640px){
  .tx,.tx tbody,.tx tr,.tx th,.tx td{display:block;width:auto;}
  .tx th{border-bottom:0;padding-bottom:2px;}
  .tx td{border-top:0;padding-top:0;padding-bottom:16px;}
  .tx tr{border-top:1px solid var(--line);padding-top:12px;}
  .tx tr:last-child{border-bottom:1px solid var(--line);}
}

.form{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:var(--shadow);max-width:560px;}
.field{margin-bottom:18px;}
.field label{display:block;font-family:"Heebo";font-weight:700;font-size:.95rem;margin-bottom:6px;}
.field .req{color:var(--accent);}
.field input[type=text],.field input[type=tel],.field select{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:6px;
  background:var(--ground);color:var(--ink);font-family:inherit;font-size:1rem;}
.check{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;margin-bottom:16px;}
.check input{margin-top:5px;width:19px;height:19px;accent-color:var(--accent);}
.check label{font-size:.97rem;color:var(--muted);line-height:1.5;}
.check label a{color:var(--accent);}
.formnote{font-size:.95rem;color:var(--muted);margin-bottom:22px;padding-inline-start:14px;border-inline-start:3px solid var(--accent);}
.msg-ok{background:var(--accent-tint);border:1px solid var(--accent);border-radius:6px;padding:16px 18px;margin-bottom:20px;font-family:"Heebo";font-weight:700;}
.msg-err{background:#FDECEA;border:1px solid #C0392B;color:#7B241C;border-radius:6px;padding:16px 18px;margin-bottom:20px;}

footer{background:var(--surface);border-top:1px solid var(--line);padding:40px 0 110px;}
.fgrid{display:grid;gap:20px;}
@media(min-width:760px){.fgrid{grid-template-columns:1fr 1fr;}}
.fcol h4{font-family:"Heebo";font-weight:700;font-size:1rem;margin:0 0 6px;}
.fcol p{color:var(--muted);font-size:.97rem;}
.flinks{display:flex;flex-wrap:wrap;gap:18px;font-size:.95rem;color:var(--muted);margin-top:22px;}
.flinks a{text-decoration:none;}
.flinks a:hover{color:var(--accent);}
.disclaim{margin-top:22px;font-size:.88rem;color:var(--muted);max-width:66ch;line-height:1.55;}

.callbar{position:fixed;inset-inline:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line);}
.callbar a{background:var(--surface);text-decoration:none;text-align:center;padding:14px 8px;font-family:"Heebo";font-weight:700;font-size:1rem;}
.callbar a.primary{background:var(--accent);color:var(--accent-ink);}
@media(min-width:900px){.callbar{display:none;} footer{padding-bottom:48px;}}

.entry{max-width:70ch;}
.entry h2{font-size:1.4rem;font-weight:800;margin:34px 0 10px;}
.entry h3{font-size:1.12rem;font-weight:700;margin:24px 0 8px;}
.entry p,.entry li{color:var(--muted);}
.entry p{margin-bottom:14px;}
.entry ul,.entry ol{padding-inline-start:22px;margin:0 0 16px;}
.entry li{margin-bottom:7px;}
.entry a{color:var(--accent);}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;}}
@media print{header,.callbar,.mm{display:none;} body{background:#fff;color:#000;}}

/* ===== תוספות 7.10.2026 — ניווט, בלוק רופאים, שורת מפנים ===== */

/* ניווט ראשי (מסך רחב) */
nav.main{display:none;align-items:center;gap:20px;margin-inline-start:auto;font-size:.95rem;}
nav.main a,nav.main summary{text-decoration:none;color:var(--muted);cursor:pointer;}
nav.main a:hover,nav.main summary:hover{color:var(--accent);}
nav.main a[aria-current="page"]{color:var(--ink);font-weight:700;}
.sub{position:relative;}
.sub summary{list-style:none;display:inline-flex;align-items:center;gap:6px;}
.sub summary::-webkit-details-marker{display:none;}
.sub summary::after{content:"";width:6px;height:6px;border-inline-end:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);}
.sub[open] summary{color:var(--accent);}
.subm{position:absolute;top:calc(100% + 14px);inset-inline-start:-14px;min-width:170px;z-index:60;
  background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);
  padding:8px;display:grid;gap:2px;}
nav.main .subm a{padding:9px 12px;border-radius:5px;color:var(--ink);}
nav.main .subm a:hover{background:var(--accent-tint);color:var(--accent);}

/* תפריט למסך צר — details/summary, בלי JavaScript */
.mnav>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font-family:"Heebo";font-weight:700;font-size:.98rem;padding:10px 14px;
  border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);}
.mnav>summary::-webkit-details-marker{display:none;}
.mnav-ico{display:block;width:18px;height:14px;position:relative;
  border-top:2px solid currentColor;border-bottom:2px solid currentColor;}
.mnav-ico::before{content:"";position:absolute;inset-inline:0;top:4px;border-top:2px solid currentColor;}
.mnav[open]>summary{border-color:var(--accent);color:var(--accent);}
.mnav-panel{position:absolute;inset-inline:0;top:100%;z-index:60;
  background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  box-shadow:var(--shadow);padding:6px 22px 14px;display:grid;
  max-height:calc(100vh - 67px);overflow-y:auto;}
.mnav-panel a{display:block;padding:15px 2px;border-bottom:1px solid var(--line);
  text-decoration:none;font-family:"Heebo";font-weight:700;font-size:1.06rem;}
.mnav-panel a:last-child{border-bottom:0;}
.mnav-panel a[aria-current="page"]{color:var(--accent);}
@media(min-width:900px){nav.main{display:flex;} .hbtns{margin-inline-start:0;} .mnav{display:none;}}
@media(max-width:480px){
  .bar{gap:9px;}
  .hbtns .btn{padding:10px 12px;font-size:.93rem;}
  .mnav>summary{padding:10px 11px;}
}
@media(max-width:430px){.mnav>summary span.mnav-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}}
summary:focus-visible{outline:2.5px solid var(--focus);outline-offset:3px;}

/* בלוק רופאים ושורת מפנים */
.role{color:var(--accent);font-family:"Heebo";font-weight:700;font-size:.95rem;margin-bottom:8px;}
.svc p.role{color:var(--accent);font-size:.95rem;}
.svc p+p{margin-top:8px;}
section.slim{padding:30px 0;}
.referline{color:var(--muted);border-inline-start:3px solid var(--accent);padding-inline-start:16px;max-width:66ch;}
.branch .soon{margin-top:12px;}

/* שדה מלכודת הספאם: left:-9999px יצר גלילה אופקית של 9,999 פיקסלים בעמוד צור קשר (RTL) */
.hp{position:absolute;left:auto;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
@media(max-width:340px){.bar{gap:7px;} .hbtns .btn{padding:9px 9px;font-size:.88rem;} .brand b{font-size:.98rem;}}
