/* ---------- עמודי המדיניות בשפה של האתר (7/8/2026) ----------
   דורון: "אתה חייב לעצב את עמודי המדיניות לפי האופי של האתר עם הפונט של
   האתר, וגם שהתפריט העליון יופיע כדי שיהיה קל לזוז בתוך האתר."

   העמודים משתמשים עכשיו ב-styles.css וב-inner-shell.css של שאר האתר —
   אותו Rubik, אותם צבעים, אותה כותרת עליונה עם התפריט. הקובץ הזה מוסיף
   רק את מה שייחודי למסמך משפטי: טבלת הפרטים, השדות החסרים והערת הטיוטה. */

/* דילוג לתוכן — מקוצר בשביל גלישה עם מקלדת, מוסתר עד שמקבל פוקוס */
.skip{position:absolute;top:-80px;right:16px;z-index:60;background:var(--navy);color:#fff;
  padding:9px 15px;border-radius:0 0 10px 10px;font-weight:800}
.skip:focus{top:0}

.policy-doc{padding-bottom:20px}
.policy-doc h2{font-size:26px;margin-top:40px}
.policy-doc h3{font-size:19px;margin-top:26px;color:var(--navy)}
.policy-doc p,.policy-doc li{line-height:1.85}
.policy-doc ul,.policy-doc ol{padding-inline-start:22px}
.policy-doc li{margin-bottom:8px}
.policy-doc hr{border:0;border-top:1px solid var(--line);margin:38px 0 26px}

/* קישור בתוך גוף המסמך (למשל ההפניה לעמוד יצירת הקשר בסעיף הדיווח) —
   בלי הקו התחתון של הדפדפן, עם הדגשה ירוקה של האתר בריחוף ובפוקוס */
.policy-doc p a,.policy-doc li a{
  color:#2f7fbf;font-weight:700;text-decoration:none;
  border-bottom:1px solid var(--line);transition:color .16s,border-color .16s;
}
.policy-doc p a:hover,.policy-doc p a:focus-visible,
.policy-doc li a:hover,.policy-doc li a:focus-visible{color:var(--navy);border-bottom-color:var(--green)}

/* פרטי המסמך (בעלת האתר, כתובת, תאריך עדכון) — כרטיס ולא פסקאות רצות */
.policy-doc .meta{
  background:#f2f8ff;border:1px solid var(--line);border-radius:18px;
  padding:18px 22px;margin:6px 0 30px;
}
.policy-doc .meta p{margin:0 0 8px;font-size:15.5px;line-height:1.6}
.policy-doc .meta p:last-child{margin-bottom:0}

/* שדה שעדיין לא הושלם — בולט בכוונה, שלא יעבור בטעות לפרסום */
.placeholder{
  display:inline-block;background:#fff4d6;color:#8a5a00;
  border:1px dashed #e0b357;border-radius:8px;
  padding:1px 8px;font-size:.92em;font-weight:700;
}

/* הערת הטיוטה בראש המסמך + הערת הבדיקה המשפטית בסופו */
.policy-draft{background:#fff4d6;border-right-color:#e0a83c}
.policy-doc .legal-note{
  background:#f6eefa;border-right:5px solid #8a5aa0;border-radius:18px;
  padding:20px 24px;margin:26px 0;font-size:16px;
}
.policy-doc .owner{
  margin-top:26px;padding:20px 24px;border:1px solid var(--line);
  border-radius:18px;background:#fff;
}
.policy-doc .owner h2{margin:0 0 6px;font-size:17px;color:var(--text)}
.policy-doc .owner p{margin:0;font-weight:800;color:var(--navy)}

/* ניווט בין המסמכים — כדי לא לחזור לפוטר בכל מעבר */
.policy-nav{margin:34px 0 0;padding:22px 24px;border:1px solid var(--line);
  border-radius:22px;background:#fff}
.policy-nav h2{margin:0 0 14px;font-size:17px}
.policy-nav ul{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.policy-nav a{display:inline-block;padding:8px 13px;border:1px solid var(--line);
  border-radius:999px;font-size:14px;font-weight:700;color:var(--text);
  transition:background .16s ease,border-color .16s ease,color .16s ease}
.policy-nav a:hover,.policy-nav a:focus-visible{background:#eef8ff;border-color:#a6ce82;color:var(--navy)}
.policy-nav a[aria-current]{background:var(--navy);border-color:var(--navy);color:#fff}

@media(max-width:640px){
  .policy-doc h2{font-size:22px;margin-top:32px}
  .policy-doc .meta{padding:15px 17px;border-radius:15px}
  .policy-nav{padding:18px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.policy-nav a{transition:none}}