/* ==========================================================================
   אשדיר - גיליון הסגנון של האתר

   הכיוון: הסטנדרט של אתרי משרדי פרסום, בביצוע מוקפד ובלי טרנדים שמתיישנים.
   הטיפוגרפיה עושה את העבודה. נייבי המותג שמור לפעולה ולסימון, לא לקישוט.
   כל המרווחים כאן. התבנית מבטלת את מרווחי הפריסה של וורדפרס (disable-layout-styles).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. טוקנים
   -------------------------------------------------------------------------- */
:root {
  color-scheme: light dark;

  --bg:         #faf9f7;
  --surface:    #ffffff;
  --surface-2:  #f1efea;

  --ink:        #10171d;
  --ink-2:      #364552;
  --line:       #e0ddd6;
  --line-soft:  #ebe8e2;

  --brand:      #00426d;
  --on-brand:   #ffffff;
  --brand-deep: #011c2e;
  --brand-mid:  #4e9acb;
  --brand-light:#a6cce5;
  --hero-bg:    #00426d;
  --tint:       #e6eff6;
  --tint-line:  #c9dbe8;

  --on-dark:    #ffffff;
  --on-dark-2:  #b9cedd;
  --dark-line:  rgba(255, 255, 255, .18);

  --font-body:  Assistant, 'Segoe UI', Arial, sans-serif;
  --font-head:  Heebo, Assistant, 'Segoe UI', Arial, sans-serif;

  /* rem: מכבד הגדלת גופן במכשיר ובדפדפן */
  --t-xs:   .9375rem;
  --t-sm:   1.0625rem;
  --t-base: 1.1875rem;
  --t-md:   1.3125rem;
  --t-lg:   1.5rem;
  --t-xl:   clamp(1.4rem, 1rem + 1vw, 1.75rem);
  --t-2xl:  clamp(1.875rem, 1.2rem + 2.4vw, 2.875rem);
  --t-3xl:  clamp(2.625rem, 1rem + 5.4vw, 6rem);

  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  --wrap:   1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --sec-y:  clamp(80px, 9vw, 136px);
  --tap:    44px;
  --head-h: 76px;
  --admin:  var(--wp-admin--admin-bar--height, 0px);

  --ease:     cubic-bezier(.16, 1, .3, 1);
  --ease-out: cubic-bezier(.2, .7, .3, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg:         #0b1116;
    --surface:    #111a21;
    --surface-2:  #17222a;

    --ink:        #eef2f5;
    --ink-2:      #a3b3bf;
    --line:       #24303a;
    --line-soft:  #1a242c;

    --brand:      #7dbbe3;
    --on-brand:   #04121d;
    --brand-deep: #060e14;
    --hero-bg:    #0a2c44;
    --tint:       #0e1a23;
    --tint-line:  #1d2f3c;
  }
}

/* --------------------------------------------------------------------------
   2. בסיס
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

/* clip ולא hidden: לא יוצר מכל גלילה, ולכן הכותרת הדביקה ממשיכה לעבוד */
html { overflow-x: clip; scroll-padding-top: calc(var(--head-h) + var(--admin) + 16px); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }

body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--t-base);
  line-height: 1.65;
  color: var(--ink);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  caret-color: var(--brand);
  scrollbar-color: color-mix(in srgb, var(--ink-2) 55%, transparent) var(--bg);
}

::selection { background: var(--brand); color: var(--on-brand); }

img, svg { display: block; max-width: 100%; height: auto; }

a { color: inherit; text-decoration: none; text-underline-offset: .22em; text-decoration-thickness: 1px; touch-action: manipulation; }
button { font: inherit; color: inherit; cursor: pointer; touch-action: manipulation; }

:focus-visible { outline: 2px solid var(--brand-mid); outline-offset: 3px; border-radius: 1px; }

.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;
}

.skip-link {
  position: absolute; inset-inline-start: var(--s4); top: -100px; z-index: 300;
  padding: var(--s3) var(--s5); background: var(--brand); color: var(--on-brand); font-weight: 700;
}
.skip-link:focus { top: calc(var(--admin) + var(--s3)); }

.wp-site-blocks { padding: 0; }
.wp-site-blocks > * { margin-block: 0; }

/* --------------------------------------------------------------------------
   3. טיפוגרפיה
   -------------------------------------------------------------------------- */
h1, h2, h3, h4 {
  font-family: var(--font-head);
  font-weight: 800;
  font-synthesis: none;
  line-height: 1.12;
  color: var(--ink);
  margin: 0 0 var(--s4);
  letter-spacing: 0;
  text-wrap: balance;
}
h1 { font-size: var(--t-3xl); font-weight: 900; line-height: 1.04; letter-spacing: .005em; }
h2 { font-size: var(--t-2xl); letter-spacing: 0; margin-bottom: var(--s5); }
h3 { font-size: var(--t-xl); font-weight: 700; line-height: 1.25; }

p { margin: 0 0 var(--s4); text-wrap: pretty; }
p:last-child { margin-bottom: 0; }

/* מרקר אדיטוריאלי להדגשת מילות מפתח.
   לא נשבר בין שורות (nowrap), ולכן כל הדגשה בתוכן היא עד שלוש מילים, כדי שתיכנס בשורה גם בגופן כפול בנייד.
   אות שימוש צמודה (ו, ה, ל) נכנסת לתוך ה-mark, אחרת היא עלולה להישאר לבד בסוף השורה הקודמת. */
mark,
.mark {
  padding-inline: .12em;
  background: linear-gradient(180deg, transparent 52%, rgb(254 228 132 / .78) 52%, rgb(254 228 132 / .78) 90%, transparent 90%);
  color: inherit;
  font-weight: 600;
  white-space: nowrap;
}
/* רשת ביטחון: מסך צר מאוד עם גופן ענק (רוחב קטן מ-15 אותיות בסיס). שם עדיף שבירה על גלישה מחוץ למסך */
@media (max-width: 15em) {
  mark,
  .mark { white-space: normal; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
}

/* על רקע כהה צהוב חצי-שקוף נראה ככתם בוץ: שם המרקר הוא פס זהב דק מתחת למילים, והטקסט בהיר */
.sec--dark mark,
.sec--brand mark {
  background: linear-gradient(180deg, transparent 80%, rgb(254 214 92 / .55) 80%, rgb(254 214 92 / .55) 92%, transparent 92%);
  color: #fff;
}
@media (prefers-color-scheme: dark) {
  mark,
  .mark {
    background: linear-gradient(180deg, transparent 80%, rgb(254 214 92 / .55) 80%, rgb(254 214 92 / .55) 92%, transparent 92%);
    color: #fff3c4;
  }
}

.lead { font-size: var(--t-md); line-height: 1.6; color: var(--ink-2); max-width: 58ch; text-wrap: pretty; }
.tel { direction: ltr; unicode-bidi: isolate; white-space: nowrap; }

/* --------------------------------------------------------------------------
   4. פריסה
   -------------------------------------------------------------------------- */
.wrap { width: 100%; max-width: calc(var(--wrap) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter); }

.sec { padding-block: var(--sec-y); }
.sec--alt { background: var(--tint); }
.sec--tight { padding-block: clamp(28px, 3.5vw, 44px) var(--sec-y); }
.sec--dark { background: var(--brand-deep); color: var(--on-dark); }
.sec--dark h2, .sec--dark h3 { color: var(--on-dark); }
.sec--dark .lead { color: var(--on-dark-2); }
.sec--dark .lead a { color: var(--on-dark); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }

/* --------------------------------------------------------------------------
   5. כפתור
   -------------------------------------------------------------------------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s3);
  min-height: 52px;
  padding: var(--s3) var(--s6);
  font-family: var(--font-body);
  font-size: var(--t-base);
  font-weight: 700;
  line-height: 1.2;
  border: 0;
  background: var(--brand);
  color: var(--on-brand);
  transition: background-color .3s var(--ease-out), color .3s var(--ease-out), transform .15s var(--ease-out);
}
@media (hover: hover) {
  .btn:hover { background: var(--ink); color: var(--bg); }
  .btn:hover .btn-arrow { transform: translateX(-5px); }
}
@media (prefers-reduced-motion: no-preference) {
  .btn:active:not([aria-busy="true"]) { transform: scale(.98); }
}
.btn--block { width: 100%; }

.btn-arrow { width: 20px; height: 20px; flex: none; transition: transform .45s var(--ease); }
.btn-arrow path, .crumb path { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* בזמן שליחה: הכפתור לא לחיץ, החץ מתחלף בעיגול טעינה מסתובב */
.btn[aria-busy="true"] { pointer-events: none; opacity: .88; cursor: progress; }
.btn[aria-busy="true"] .btn-arrow { display: none; }
.btn[aria-busy="true"]::after {
  content: '';
  flex: none;
  width: 1.15em;
  height: 1.15em;
  border: .16em solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: btn-spin .75s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .btn[aria-busy="true"]::after { animation-duration: 1.6s; }
}
@keyframes btn-spin { to { transform: rotate(360deg); } }
@keyframes nudge { 50% { transform: translateX(-6px); } }

/* --------------------------------------------------------------------------
   6. כותרת עליונה
   -------------------------------------------------------------------------- */
.site-header {
  position: sticky;
  top: var(--admin);
  z-index: 100;
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  -webkit-backdrop-filter: saturate(1.5) blur(16px);
          backdrop-filter: saturate(1.5) blur(16px);
  border-bottom: 1px solid var(--line-soft);
  transition: border-color .4s var(--ease-out), box-shadow .4s var(--ease-out);
}
.site-header.is-scrolled {
  border-bottom-color: var(--line);
  box-shadow: 0 8px 28px -12px rgb(1 28 46 / .08);
}

.header-bar { display: flex; align-items: center; gap: var(--s6); min-height: var(--head-h); }

.logo { display: flex; align-items: center; min-height: var(--tap); flex: none; }
.logo img { width: 124px; }
@media (prefers-color-scheme: dark) {
  .logo img { filter: brightness(0) invert(1); }
}

.nav { margin-inline-start: auto; }
.nav ul { display: flex; align-items: center; gap: clamp(20px, 2.4vw, 34px); margin: 0; padding: 0; list-style: none; }

.nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  font-size: var(--t-base);
  font-weight: 600;
  color: var(--ink);
}
.nav a::after {
  content: '';
  position: absolute;
  inset-inline: 0;
  bottom: 8px;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .45s var(--ease);
}
@media (hover: hover) {
  .nav a:hover::after { transform: scaleX(1); }
}
.nav a.is-active {
  color: var(--brand);
  font-weight: 800;
}
.nav a.is-active::after {
  transform: scaleX(1);
  height: 2px;
  background: var(--brand);
}

/* כפתור וואטסאפ צף: פינה ימנית תחתונה, גם בעמוד בכיוון RTL */
.wa-float {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 90;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #1f7a4d;
  color: #fff;
  box-shadow: 0 6px 20px rgb(0 0 0 / .22);
  transition: background-color .3s var(--ease-out), transform .3s var(--ease-out);
}
@media (hover: hover) {
  .wa-float:hover { background: #17633e; color: #fff; transform: translateY(-2px); }
}
.wa-float:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; }
.wa-float svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linejoin: round; }
.wa-float .wa-ph { fill: currentColor; stroke: none; }
@media print { .wa-float { display: none; } }

/* פאנל OneTap סגור יושב מחוץ למסך ומחליק בטעינה כשהתוסף מזהה עברית, מה שנספר כקפיצת תוכן בכל עמוד.
   סגור = מוסתר לגמרי, וגם לא נגיש במקלדת. בפתיחה הוא נראה מיד, ובסגירה נעלם רק בסוף ההחלקה */
html body nav.onetap-accessibility.onetap-plugin-onetap:not(.onetap-toggle-open) {
  visibility: hidden !important;
}

/* במובייל שני הכפתורים הצפים (וואטסאפ ונגישות) קטנים יותר וצמודים יותר לפינות, כדי שלא יכסו טקסט בגלילה. 44px הוא גודל המגע המינימלי */
@media (max-width: 760px) {
  .wa-float {
    width: 46px;
    height: 46px;
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
  }
  .wa-float svg { width: 24px; height: 24px; }
  html body .onetap-container-toggle .onetap-toggle img[class] {
    width: 44px !important;
    height: 44px !important;
    padding: 8px !important;
  }
}

/* קישורים בתוך רשימות ובתוויות הטופס: אזור לחיצה של 24px לפחות בלי לשנות את גובה השורה.
   :where שומר על ספציפיות אפס, כך שכל קישור מעוצב (כפתור, כרטיס) גובר */
:where(.wp-block-list li, .field label) a { padding-block: .2em; }

.form-privacy { margin: var(--s3) 0 0; font-size: var(--t-xs); color: var(--ink-2); }
.form-privacy a { color: inherit; text-decoration: underline; }

.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--s3) var(--s6); }
.footer-bottom p { margin: 0; }
.footer-legal { display: flex; flex-wrap: wrap; gap: var(--s5); margin: 0; padding: 0; list-style: none; }
.footer-legal a, .footer-legal .link-button { display: inline-flex; align-items: center; min-height: 24px; color: inherit; text-decoration: underline; text-underline-offset: 3px; }

.nav-toggle {
  display: none;
  place-items: center;
  width: var(--tap);
  height: var(--tap);
  margin-inline-start: auto;
  padding: 0;
  border: 0;
  background: transparent;
}
.nav-toggle svg { width: 24px; height: 24px; }
.nav-toggle path { stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; transition: transform .4s var(--ease); transform-origin: 12px 12px; }
.nav-toggle[aria-expanded="true"] .l1 { transform: translateY(4px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .l2 { transform: translateY(-4px) rotate(-45deg); }

/* --------------------------------------------------------------------------
   7. פתיחה
   -------------------------------------------------------------------------- */
/* הפתיחה בכחול המותג עם עומק מערכתי */
.hero {
  padding-block: clamp(64px, 9.5vw, 136px) clamp(56px, 6.5vw, 92px);
  background-color: var(--hero-bg);
  background-image: linear-gradient(155deg, #003356 0%, #00426d 52%, #011f35 100%);
  border-bottom: 3px solid var(--brand-mid);
  color: var(--on-dark);
}
.hero .hero-title {
  letter-spacing: -0.022em;
  color: var(--on-dark);
  text-shadow: 0 12px 32px rgb(1 18 30 / .24);
}
.hero .lead { color: #d0e5f5; line-height: 1.68; font-size: clamp(1.2rem, 1.05rem + .45vw, 1.4rem); }

.hero-title { max-width: 17ch; margin-bottom: clamp(36px, 5vw, 60px); }

.hero-foot {
  max-width: min(64ch, 58vw);
  padding-top: 22px;
  border-top: 1px solid rgb(255 255 255 / .22);
}
.hero-foot--inline {
  padding-top: 0; /* נוצר ב-JS אחרי הציור הראשון. ריפוד כאן היה מזיז את כל העמוד (CLS) */
  border-top: 0;
}
@media (min-width: 761px) {
  .hero-foot.has-scroll-cue {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(24px, 3vw, 44px);
    max-width: min(70ch, 62vw);
  }
}
@media (max-width: 760px) {
  .hero-foot { max-width: 100%; }
}
.hero-foot .lead { margin: 0; }

/* כניסה אחת, עדינה, לכל בלוק הפתיחה: תזוזה קלה בלבד, בלי שקיפות, כדי שהכותרת תופיע בצבע מלא מהרגע הראשון */
@media (prefers-reduced-motion: no-preference) {
  .hero .wrap { animation: hero-in .9s var(--ease) both; }
}
@keyframes hero-in { from { transform: translateY(14px); } to { transform: none; } }

/* --------------------------------------------------------------------------
   8. סרט התחומים
   -------------------------------------------------------------------------- */
.ticker {
  display: flex;
  overflow: clip;
  contain: paint;
  background: var(--brand-deep);
  color: var(--on-dark);
}

.ticker-run {
  display: flex;
  flex: none;
  align-items: center;
  margin: 0;
  background: inherit; /* פריטים שמחוץ לחלון עדיין נבדקים מול הרקע הכהה ולא מול רקע העמוד */
  padding: var(--s5) 0;
  list-style: none;
}
.ticker-run li {
  display: flex;
  align-items: center;
  font-family: var(--font-head);
  font-size: clamp(20px, 2.2vw, 30px);
  font-weight: 700;
  white-space: nowrap;
}
/* מפריד: ריבוע קטן מסובב, מצויר ולא תו */
.ticker-run li::after {
  content: '';
  width: 7px;
  height: 7px;
  margin-inline: clamp(28px, 3.2vw, 48px);
  background: var(--brand-mid);
  transform: rotate(45deg);
}

@media (prefers-reduced-motion: no-preference) {
  .ticker-run { animation: ticker 48s linear infinite; }
  .ticker:hover .ticker-run { animation-play-state: paused; }
}
@keyframes ticker { to { transform: translateX(100%); } }

/* --------------------------------------------------------------------------
   9. מי אנחנו ותחומי פעילות - מבנה מגזיני דו-שלבי (פתיח רחב + גריד כרטיסים ממוספר)
   -------------------------------------------------------------------------- */
.story-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(44px, 5.5vw, 68px);
  align-items: start;
}

.prose { max-width: 68ch; }
@media (min-width: 961px) {
  .story-grid .prose {
    position: static;
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    column-gap: clamp(44px, 6vw, 96px);
    align-items: start;
    padding-bottom: clamp(32px, 4vw, 48px);
    border-bottom: 1px solid var(--line);
  }
  .story-grid .prose > h2 {
    grid-column: 1;
    grid-row: 1 / span 5;
    margin-bottom: 0;
    font-size: clamp(2.25rem, 1.4rem + 2.6vw, 3.4rem);
    line-height: 1.06;
  }
  .story-grid .prose > :not(h2) {
    grid-column: 2;
  }
  .story-grid .prose > .prose-more-btn {
    justify-self: start;
  }
}
.prose p { color: var(--ink-2); }
.prose .opening {
  font-size: clamp(1.22rem, 1.05rem + .45vw, 1.4rem);
  font-weight: 500;
  line-height: 1.62;
  color: var(--ink);
}

.facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}
#story .facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1120px) and (min-width: 761px) {
  .facts, #story .facts, #channels .facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .facts, #story .facts, #channels .facts {
    grid-template-columns: 1fr;
  }
}

.facts li,
.facts li:first-child {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(24px, 2.6vw, 32px) clamp(20px, 2.2vw, 26px);
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 3px solid var(--brand);
  font-size: var(--t-sm);
  line-height: 1.62;
  color: var(--ink-2);
  text-wrap: pretty;
  box-shadow: 0 10px 26px -16px rgb(1 28 46 / .08);
  transition: transform .35s var(--ease), border-color .35s var(--ease-out), box-shadow .35s var(--ease-out);
}
@media (hover: hover) and (min-width: 761px) {
  .facts li:hover {
    transform: translateY(-3px);
    border-color: var(--brand-mid);
    box-shadow: 0 18px 36px -16px rgb(1 28 46 / .14);
  }
}
.facts strong {
  display: block;
  font-family: var(--font-head);
  font-size: var(--t-lg);
  font-weight: 800;
  color: var(--brand);
  margin-bottom: var(--s2);
}
.facts li .fact-body,
.facts li .fact-body-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* --------------------------------------------------------------------------
   10. העיתונים - כרטיסי מערכת ממוספרים לשלושת השבועונים
   -------------------------------------------------------------------------- */
.sec-head { max-width: 62ch; margin-bottom: clamp(40px, 5vw, 60px); }
.sec-head p { font-size: var(--t-md); color: var(--ink-2); }
#story h2, #papers h2 { color: var(--brand); }

.papers {
  counter-reset: paper-idx;
  display: grid;
  gap: 20px;
  border-top: 0;
}

.paper {
  counter-increment: paper-idx;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: "name kind go" "name desc go" "name site go";
  column-gap: clamp(28px, 4vw, 56px);
  align-items: center;
  padding: clamp(26px, 3.2vw, 38px) clamp(24px, 3.4vw, 42px);
  background: var(--surface);
  border: 1px solid var(--tint-line);
  box-shadow: 0 12px 30px -16px rgb(1 28 46 / .09);
  transition: border-color .45s var(--ease-out), box-shadow .45s var(--ease-out), transform .45s var(--ease);
}

/* רקע שמתמלא מימין בריחוף */
.paper::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(135deg, #011c2e 0%, #00385c 100%);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .65s var(--ease);
}

.paper-name {
  grid-area: name;
  margin: 0;
  font-weight: 800;
  line-height: 1;
}
/* לוחית הלוגו: כל עיתון בצבעים שלו, על משטח לבן קבוע (שבתון ממלא את הלוחית בכחול שלו) */
.paper-name a {
  --plate: clamp(176px, 18vw, 244px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--plate);
  height: calc(var(--plate) * .48);
  padding: calc(var(--plate) * .065);
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px var(--tint-line);
  overflow: hidden;
  transition: box-shadow .45s var(--ease-out);
}
/* כל הלוגואים באותה מסגרת: רוחב מלא וגובה קבוע, והלוגו נכנס פנימה בלי עיוות */
.paper-name img {
  display: block;
  width: 100%;
  height: calc(var(--plate) * .35);
  object-fit: contain;
  object-position: center;
}
.paper-name a.plate-fill { padding: 0; }
.paper-name a.plate-fill img { height: 100%; object-fit: cover; }
/* כל השורה לחיצה, דרך הקישור שבשם העיתון */
.paper-name a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.paper-name a:focus-visible { outline: none; }
.paper:has(a:focus-visible) { outline: 2px solid var(--brand-mid); outline-offset: -2px; }

.paper-kind {
  grid-area: kind;
  align-self: end;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  margin: 0 0 var(--s2);
  background: var(--tint);
  border: 1px solid var(--tint-line);
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 800;
  color: var(--brand);
}
.paper-desc {
  grid-area: desc;
  align-self: start;
  margin: 0;
  font-size: var(--t-base);
  line-height: 1.62;
  color: var(--ink-2);
  max-width: 56ch;
  text-wrap: pretty;
}
/* קישורי העיתון (ארכיון ואתר חיצוני): מעל שכבת הלחיצה של הכרטיס */
.paper-site {
  grid-area: site;
  position: relative;
  z-index: 2;
  justify-self: start;
  margin: var(--s3) 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.paper-site a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 800;
  color: var(--brand);
  text-decoration: underline;
  text-decoration-color: var(--tint-line);
  text-underline-offset: 4px;
  transition: color .3s var(--ease-out), text-decoration-color .3s var(--ease-out);
}
.paper-site .paper-action-archive {
  font-weight: 800;
  color: var(--navy);
  text-decoration-color: var(--brand);
}
.paper-sep {
  color: var(--ink-2);
  opacity: .5;
  font-size: 0.85em;
}
@media (hover: hover) {
  .paper-site a:hover { text-decoration-color: currentColor; }
  .paper:hover .paper-site a { color: var(--brand-light); text-decoration-color: rgb(255 255 255 / .35); }
  .paper:hover .paper-site .paper-action-archive { color: #fff; text-decoration-color: rgb(255 255 255 / .7); }
  .paper:hover .paper-sep { color: var(--on-dark); opacity: .4; }
}
@media (max-width: 1024px) {
  .paper {
    grid-template-columns: minmax(0, 1fr) var(--s6);
    grid-template-areas: "name go" "kind go" "desc go" "site go";
    row-gap: var(--s2);
  }
  .paper-name { margin-bottom: var(--s3); }
}

/* החץ: אייקון מצויר דרך mask, בצבע הטקסט */
.paper::after {
  content: '';
  grid-area: go;
  justify-self: end;
  width: 28px;
  height: 28px;
  background: var(--brand);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .55s var(--ease), background-color .45s var(--ease-out);
}

.paper-name, .paper-kind, .paper-desc { transition: color .45s var(--ease-out), background-color .45s var(--ease-out), border-color .45s var(--ease-out); }

@media (hover: hover) {
  .paper:hover {
    border-color: var(--brand-deep);
    box-shadow: 0 20px 44px -16px rgb(1 28 46 / .24);
  }
  .paper:hover::before { transform: scaleX(1); }
  .paper:hover { color: var(--on-dark); }
  .paper:hover .paper-name { color: var(--on-dark); }
  .paper:hover .paper-name a { box-shadow: 0 0 0 1px transparent; }
  .paper:hover .paper-kind {
    background: rgb(255 255 255 / .12);
    border-color: rgb(255 255 255 / .24);
    color: var(--on-dark);
  }
  .paper:hover .paper-desc { color: var(--on-dark-2); }
  .paper:hover::after {
    background: var(--brand-light);
    transform: translateX(-10px);
  }
}

/* עמוד שירות: פתיחה נמוכה יותר מעמוד הבית */
.hero--page { padding-block: clamp(52px, 7.5vw, 108px) clamp(52px, 6vw, 88px); }
.hero--page .hero-title { font-size: clamp(2.6rem, 1.4rem + 4.4vw, 5.25rem); max-width: 18ch; margin-bottom: var(--s6); }
.hero--page .lead { max-width: 60ch; }

/* תגית המותג בעמוד יחסי הציבור: לוגו "פרסום עובד מקבוצת התקשורת אשדיר" על לוחית לבנה עם פס זהב */
.pr-brand-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px 12px;
  margin-bottom: clamp(24px, 3.5vw, 36px);
  background: #ffffff;
  border-top: 4px solid #c59b27;
  box-shadow: 0 16px 36px rgb(1 18 30 / .32);
}
.pr-brand-badge img {
  display: block;
  width: clamp(180px, 20vw, 232px);
  height: auto;
}

.facts strong a { color: inherit; text-decoration: underline; text-decoration-color: var(--brand-light); text-underline-offset: 5px; }
.facts strong a:hover { text-decoration-color: currentColor; }

/* שלבי העבודה: כרטיסי תהליך ממוספרים בארבע עמודות (או שלוש בשתי שורות עבור שישה שלבים) */
.steps {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 26px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.steps--six {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 28px);
}
.steps li {
  counter-increment: step;
  position: relative;
  padding: clamp(26px, 2.8vw, 34px) clamp(22px, 2.4vw, 28px);
  background: var(--surface);
  border: 1px solid var(--tint-line);
  border-top: 3px solid var(--brand);
  font-size: var(--t-sm);
  line-height: 1.64;
  color: var(--ink-2);
  text-wrap: pretty;
  box-shadow: 0 12px 28px -16px rgb(1 28 46 / .08);
  transition: transform .35s var(--ease), border-color .35s var(--ease-out), box-shadow .35s var(--ease-out);
}
.steps li::before {
  content: counter(step, decimal-leading-zero);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 34px;
  padding: 0 10px;
  background: var(--tint);
  border: 1px solid var(--tint-line);
  font-family: var(--font-head);
  font-size: var(--t-sm);
  font-weight: 900;
  color: var(--brand);
  margin-bottom: var(--s4);
  transition: background-color .3s var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out);
}
@media (hover: hover) {
  .steps li:hover {
    transform: translateY(-4px);
    border-color: var(--brand-mid);
    box-shadow: 0 20px 38px -14px rgb(1 28 46 / .14);
  }
  .steps li:hover::before {
    background: var(--brand);
    border-color: var(--brand);
    color: var(--on-brand);
  }
}
.steps strong { display: block; font-family: var(--font-head); font-size: var(--t-lg); font-weight: 800; color: var(--brand); margin-bottom: var(--s2); }
@media (max-width: 1024px) { .steps, .steps--six { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .steps, .steps--six { grid-template-columns: 1fr; } }

/* זירות פעילות (שלושה עמודי תווך) */
#sectors h2, #channels h2, #process h2 { color: var(--brand); }
.sectors-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 30px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.sectors-grid li {
  position: relative;
  padding: clamp(28px, 3vw, 38px) clamp(24px, 2.6vw, 32px);
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 4px solid var(--brand);
  font-size: var(--t-sm);
  line-height: 1.66;
  color: var(--ink-2);
  text-wrap: pretty;
  box-shadow: 0 14px 32px -16px rgb(1 28 46 / .09);
  transition: transform .35s var(--ease), border-color .35s var(--ease-out), box-shadow .35s var(--ease-out);
}
@media (hover: hover) {
  .sectors-grid li:hover {
    transform: translateY(-3px);
    border-top-color: #c59b27;
    box-shadow: 0 18px 36px -14px rgb(1 28 46 / .14);
  }
}
.sectors-grid strong { position: relative; display: block; padding-inline-start: 20px; font-family: var(--font-head); font-size: var(--t-lg); font-weight: 800; color: var(--brand); margin-bottom: var(--s2); }
.sectors-grid strong::before { content: ''; position: absolute; inset-inline-start: 0; top: .3em; width: 10px; height: .78em; background: var(--brand-mid); -webkit-mask: var(--chev) center / contain no-repeat; mask: var(--chev) center / contain no-repeat; }
@media (max-width: 1024px) { .sectors-grid { grid-template-columns: 1fr; gap: var(--s4); } }

/* משרדי פרסום וארגז הכלים: רצועה אסימטרית בכחול המותג עם כרטיסים כהים */
.sec--brand {
  background-color: var(--hero-bg);
  background-image: linear-gradient(145deg, #003457 0%, #00426d 52%, #011c2e 100%);
  color: var(--on-dark);
}
.sec--brand h2 { color: var(--on-dark); }
.sec--brand .lead { color: #d0e5f5; }
.agency-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.2fr); gap: clamp(40px, 6vw, 88px); align-items: start; }
@media (min-width: 1025px) {
  .agency-head {
    position: sticky;
    top: calc(var(--head-h) + var(--admin) + 40px);
    padding: clamp(28px, 3.2vw, 42px);
    background: rgb(1 28 46 / .44);
    border: 1px solid var(--dark-line);
    border-top: 3px solid var(--brand-light);
  }
}
.agency-link { margin: var(--s6) 0 0; }
.agency-link a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 24px;
  background: #ffffff;
  color: var(--brand-deep);
  font-family: var(--font-head);
  font-size: var(--t-sm);
  font-weight: 800;
  text-decoration: none;
  transition: background-color .25s var(--ease-out), color .25s var(--ease-out), transform .2s var(--ease);
}
@media (hover: hover) {
  .agency-link a:hover {
    background: var(--brand-light);
    color: var(--brand-deep);
    transform: translateY(-2px);
  }
}
.agency-list {
  counter-reset: agency-idx;
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.agency-list li,
.agency-list li:first-child {
  counter-increment: agency-idx;
  position: relative;
  padding: 22px 26px;
  background: rgb(1 28 46 / .48);
  border: 1px solid var(--dark-line);
  font-size: var(--t-sm);
  line-height: 1.62;
  color: var(--on-dark-2);
  text-wrap: pretty;
  transition: background-color .3s var(--ease-out), border-color .3s var(--ease-out), transform .3s var(--ease);
}
@media (hover: hover) and (min-width: 761px) {
  .agency-list li:hover {
    background: rgb(1 28 46 / .72);
    border-color: var(--brand-light);
    transform: translateX(-4px);
  }
}
.agency-list strong { display: block; font-family: var(--font-head); font-size: var(--t-lg); font-weight: 800; color: var(--on-dark); margin-bottom: var(--s1); }
@media (max-width: 1024px) { .agency-grid { grid-template-columns: 1fr; } }

/* --------------------------------------------------------------------------
   11. צור קשר
   -------------------------------------------------------------------------- */
.contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: center;
}
.contact-info .lead a.tel {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  margin-inline-start: 4px;
  background: rgb(255 255 255 / .1);
  border: 1px solid rgb(255 255 255 / .24);
  color: #ffffff;
  font-family: var(--font-head);
  font-weight: 800;
  text-decoration: none;
  transition: background-color .25s var(--ease-out), border-color .25s var(--ease-out);
}
@media (hover: hover) {
  .contact-info .lead a.tel:hover {
    background: var(--brand-mid);
    border-color: var(--brand-light);
  }
}

/* -- הטופס -- */
.lead-form {
  background: var(--surface);
  color: var(--ink);
  padding: clamp(28px, 3.4vw, 44px);
  border-top: 4px solid var(--brand-mid);
  box-shadow: 0 24px 56px -12px rgb(0 0 0 / .34);
}


.form-status:empty { display: none; }
.form-status {
  margin-bottom: var(--s5);
  padding: var(--s4) var(--s5);
  font-weight: 700;
  background: color-mix(in srgb, var(--brand) 10%, var(--surface));
  border-inline-start: 1px solid var(--brand);
  outline: none;
}
.lead-form[data-state="error"] .form-status { background: color-mix(in srgb, #b3261e 9%, var(--surface)); border-color: #b3261e; }
.lead-form[data-state="sent"] {
  text-align: center;
  padding: clamp(36px, 5vw, 56px) clamp(20px, 4vw, 36px);
}
.lead-form[data-state="sent"] form { display: none; }
.lead-form[data-state="sent"] .form-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  color: var(--ink);
  font-size: var(--t-md);
  line-height: 1.6;
}
.lead-form[data-state="sent"] .form-status::before {
  content: '';
  display: inline-block;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #e8f5e9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b5e20' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 28px no-repeat;
  box-shadow: 0 4px 16px rgb(27 94 32 / .15);
}

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s4); }
.field { margin-bottom: var(--s5); }
.field label { display: block; font-size: var(--t-sm); font-weight: 700; margin-bottom: var(--s2); }
.field .req { color: var(--brand); margin-inline-start: 2px; }

.field input:not([type="checkbox"]),
.field select,
.field textarea {
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--t-base);
  color: var(--ink);
  padding: var(--s3) var(--s4);
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 0;
  -webkit-appearance: none;
          appearance: none;
  transition: border-color .25s var(--ease-out), background-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
.field textarea { height: 112px; resize: none; line-height: 1.6; }
.field input:not([type="checkbox"]):hover, .field select:hover, .field textarea:hover { border-color: var(--ink-2); }
.field input:not([type="checkbox"]):focus, .field select:focus, .field textarea:focus {
  outline: none;
  background: var(--surface);
  border-color: var(--brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent);
}
.field input::placeholder, .field textarea::placeholder { color: var(--ink-2); opacity: .8; }

.select { position: relative; }
.select::after {
  content: '';
  position: absolute;
  inset-inline-end: var(--s4);
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  pointer-events: none;
  background: var(--ink-2);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.select select { padding-inline-end: var(--s7); }

.field-error { display: block; font-size: var(--t-xs); font-weight: 700; color: #b3261e; margin-top: var(--s2); }
.field-error:empty { display: none; }
.field.has-error input, .field.has-error select, .field.has-error textarea { border-color: #b3261e; }


/* שדה המלכודת לבוטים */
.hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; overflow: hidden; }

@media (prefers-color-scheme: dark) {
  .field-error, .lead-form[data-state="error"] .form-status { color: #ffb4ab; }
  .lead-form[data-state="error"] .form-status { border-color: #ffb4ab; }
  .field.has-error input, .field.has-error select, .field.has-error textarea { border-color: #ffb4ab; }
}

/* --------------------------------------------------------------------------
   12. עמודים פנימיים וארכיונים
   -------------------------------------------------------------------------- */
.page-head { padding-block: clamp(32px, 5vw, 64px) 0; }
.page-head .wrap > :last-child { margin-bottom: 0; }
.page-head .wrap { padding-bottom: 0; }
.page-head h1 { font-size: clamp(38px, 5vw, 68px); margin-bottom: var(--s3); }
.page-head .wp-block-post-excerpt { margin: 0; }
.page-head .wp-block-post-excerpt p { margin: 0; font-size: var(--t-md); line-height: 1.6; color: var(--ink-2); max-width: 58ch; text-wrap: pretty; }
.page-head .wp-block-post-excerpt__more-text { display: none; }

.crumb {
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  min-height: var(--tap);
  margin-bottom: var(--s3);
  font-size: var(--t-sm);
  font-weight: 700;
  color: var(--ink-2);
  transition: color .3s var(--ease-out);
}
.crumb svg { width: 18px; height: 18px; transition: transform .45s var(--ease); }
@media (hover: hover) {
  .crumb:hover { color: var(--brand); }
  .crumb:hover svg { transform: translateX(5px); }
}

/* --- מחוון טעינה לרכיבי Calameo --- */
.calameo {
  position: relative;
  background: var(--surface);
  border: 1px solid var(--line);
  overflow: hidden;
}
.calameo iframe {
  display: block;
  width: 100%;
  height: var(--frame-h, 925px);
  border: 0;
  background: #fff;
}
.calameo-direct {
  margin-top: var(--s4);
  font-size: var(--t-sm);
  color: var(--ink-2);
}
.calameo-direct a {
  color: var(--brand);
  text-decoration: underline;
}

.calameo-loader {
  display: none;
}
html.js .calameo-loader {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--s3);
  background: linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);
  z-index: 3;
  padding: var(--s5);
  text-align: center;
  transition: opacity .4s var(--ease), visibility .4s var(--ease);
}
html.js .calameo.is-loading iframe,
html.js .calameo-cover-wrapper.is-loading iframe {
  opacity: 0;
}
html.js .calameo iframe,
html.js .calameo-cover-wrapper iframe {
  transition: opacity .45s var(--ease);
}
html.js .calameo.is-loaded iframe,
html.js .calameo-cover-wrapper.is-loaded iframe {
  opacity: 1;
}
html.js .calameo.is-loaded .calameo-loader,
html.js .calameo-cover-wrapper.is-loaded .calameo-loader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* בעת טעינת Calameo: כפתורי קריאת הגיליון מושבתים מאינטראקציה עד לסיום הטעינה */
html.js .archive-showcase.is-calameo-loading .new-issue-title a,
html.js .archive-showcase.is-calameo-loading .new-issue-actions a,
html.js .archive-showcase.is-calameo-loading .new-issue-actions button,
html.js a[data-calameo-link]:not(.issue-cover-book).is-disabled,
html.js button[data-calameo-link].is-disabled {
  pointer-events: none !important;
  opacity: .42 !important;
  cursor: wait !important;
  filter: grayscale(35%);
  transition: opacity .35s var(--ease), filter .35s var(--ease);
}
html.js .archive-showcase.is-calameo-loading .new-issue-title a {
  opacity: .62 !important; /* טקסט גדול: נשאר מעל יחס ניגודיות 3:1 גם בזמן הטעינה */
}

/* מחוון טעינה לתמונת שער הגיליון החדש: התמונה לעולם אינה מוצגת לפני שהיא לחיצה! */
html.js .issue-cover-book.is-loading,
html.js .issue-cover-book.is-disabled {
  pointer-events: none !important;
  cursor: wait !important;
}
html.js .issue-cover-book.is-loading img,
html.js .issue-cover-book.is-disabled img {
  opacity: 0 !important;
  pointer-events: none !important;
}
html.js .issue-cover-book.is-loading .calameo-loader,
html.js .issue-cover-book.is-disabled .calameo-loader {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
html.js .issue-cover-book.is-loading .issue-cover-cta,
html.js .issue-cover-book.is-disabled .issue-cover-cta {
  display: none !important;
}

/* התמונה נחשפת אך ורק כשהשער במצב is-loaded וללא is-disabled (כלומר לחיץ במאה אחוז) */
html.js .issue-cover-book.is-loaded:not(.is-disabled) {
  pointer-events: auto !important;
  cursor: pointer !important;
}
html.js .issue-cover-book.is-loaded:not(.is-disabled) img {
  opacity: 1 !important;
  transition: opacity .35s var(--ease);
}
html.js .issue-cover-book.is-loaded:not(.is-disabled) .calameo-loader {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.js .issue-cover-book.is-loaded:not(.is-disabled) .issue-cover-cta {
  display: flex;
}

/* במקרה של שגיאה או חסימת רשת בטעינת תמונת השער */
.issue-cover-fallback {
  display: none;
}
html.js .issue-cover-book.is-error > img {
  display: none !important;
}
html.js .issue-cover-book.is-error .issue-cover-cta {
  display: none !important;
}
html.js .issue-cover-book.is-error .calameo-loader {
  display: none !important;
}
html.js .issue-cover-book.is-error {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}
html.js .issue-cover-book.is-error .issue-cover-fallback {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 100%;
  padding: 24px 16px;
  text-align: center;
  background: linear-gradient(180deg, #f8fbfd 0%, #eef5f9 100%);
  color: var(--ink);
  box-sizing: border-box;
}
.issue-cover-fallback-logo {
  max-width: 130px;
  max-height: 44px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.issue-cover-fallback-name {
  font-family: var(--font-head);
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--primary);
}
.issue-cover-fallback-issue {
  display: inline-block;
  padding: 4px 12px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--primary);
  background: #dfeaf2;
  border-radius: 999px;
}
.issue-cover-fallback-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  padding: 8px 16px;
  background: var(--primary);
  color: #fff;
  font-family: var(--font-head);
  font-size: 0.82rem;
  font-weight: 700;
  border-radius: 6px;
  transition: background .2s var(--ease);
}
@media (hover: hover) {
  .issue-cover-book.is-error:hover .issue-cover-fallback-cta {
    background: var(--navy);
  }
}
.calameo-loader-brand {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 18px rgb(0 66 109 / .08);
}
.calameo-loader-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  animation: calameo-spin 1.05s linear infinite;
  transform-origin: center center;
}
.calameo-loader-svg .spinner-track {
  stroke: rgb(0 66 109 / .12);
}
.calameo-loader-svg .spinner-head {
  stroke: var(--brand);
}
.calameo-loader-chevrons {
  display: flex;
  align-items: center;
  gap: 3px;
  z-index: 1;
}
.calameo-loader-chevrons i {
  display: block;
  width: 9px;
  height: 15px;
  -webkit-mask: var(--chev) center / contain no-repeat;
          mask: var(--chev) center / contain no-repeat;
  animation: calameo-chev-wave 1.35s ease-in-out infinite;
}
.calameo-loader-chevrons i:nth-child(1) { background: var(--brand); animation-delay: 0s; }
.calameo-loader-chevrons i:nth-child(2) { background: var(--brand-mid); animation-delay: .18s; }
.calameo-loader-chevrons i:nth-child(3) { background: var(--brand-light); animation-delay: .36s; }

@keyframes calameo-spin {
  to { transform: rotate(360deg); }
}
@keyframes calameo-chev-wave {
  0%, 100% {
    opacity: .35;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
.calameo-loader-text {
  font-family: var(--font-head);
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--brand);
  margin-top: 4px;
  letter-spacing: -.01em;
}
.calameo-loader-sub {
  font-size: .88rem;
  color: var(--ink-2);
}
.calameo-loader--mini {
  gap: var(--s2);
  padding: var(--s3);
}
.calameo-loader--mini .calameo-loader-brand {
  width: 44px;
  height: 44px;
}
.calameo-loader--mini .calameo-loader-chevrons i {
  width: 7px;
  height: 12px;
}
.calameo-loader--cover {
  gap: 12px;
  padding: var(--s3);
}
.calameo-loader--cover .calameo-loader-brand {
  width: 50px;
  height: 50px;
}
.calameo-loader--cover .calameo-loader-chevrons i {
  width: 7px;
  height: 13px;
}
.calameo-loader--cover .calameo-loader-text {
  font-size: .92rem;
  font-weight: 700;
  color: var(--brand);
  margin-top: 2px;
}

.prose-page { max-width: calc(72ch + 2 * var(--gutter)); margin-inline: 0; }
.prose-page a { color: var(--brand); text-decoration: underline; }

/* עיצוב עמודי המדיניות והמסמכים המשפטיים (.legal-doc) */
.legal-doc {
  max-width: 820px;
  margin-inline: 0 auto;
  counter-reset: legal-sec;
}
.legal-doc a {
  color: var(--brand);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.legal-meta-card {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--s4) var(--s6);
  margin-bottom: var(--s7);
  padding: clamp(20px, 3vw, 28px) clamp(22px, 3.2vw, 32px);
  background: var(--tint);
  border: 1px solid var(--tint-line);
  border-top: 3px solid var(--brand);
}
.legal-meta-card p {
  margin: 0;
  font-size: var(--t-sm);
  line-height: 1.55;
  color: var(--ink-2);
}
.legal-meta-card strong {
  display: block;
  margin-bottom: 4px;
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--brand);
}

.legal-doc h2 {
  counter-increment: legal-sec;
  display: flex;
  align-items: baseline;
  gap: var(--s3);
  margin-top: var(--s7);
  margin-bottom: var(--s4);
  padding-top: var(--s6);
  border-top: 1px solid var(--line);
  font-size: var(--t-xl);
  color: var(--brand);
}
.legal-doc h2::before {
  content: counter(legal-sec, decimal-leading-zero);
  font-family: var(--font-head);
  font-size: var(--t-sm);
  font-weight: 800;
  color: var(--brand-mid);
  flex: none;
}

.legal-doc p {
  color: var(--ink-2);
  line-height: 1.72;
  max-width: 68ch;
  text-wrap: pretty;
}

.legal-doc ul {
  margin: var(--s4) 0 var(--s5);
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--s3);
  max-width: 68ch;
}
.legal-doc li {
  position: relative;
  padding: var(--s4) var(--s5);
  padding-inline-start: calc(var(--s5) + 18px);
  background: var(--surface);
  border: 1px solid var(--line);
  font-size: var(--t-sm);
  line-height: 1.62;
  color: var(--ink-2);
  text-wrap: pretty;
}
.legal-doc li::before {
  content: '';
  position: absolute;
  inset-inline-start: var(--s4);
  top: 1.28em;
  width: 9px;
  height: 14px;
  background: var(--brand-mid);
  -webkit-mask: var(--chev) center / contain no-repeat;
          mask: var(--chev) center / contain no-repeat;
}
.legal-doc li strong {
  color: var(--ink);
  font-weight: 700;
}

.legal-updated {
  margin-top: var(--s7);
  padding-top: var(--s5);
  border-top: 2px solid var(--ink);
  font-size: var(--t-xs);
  font-weight: 600;
  color: var(--ink-2);
}

.not-found h1 { font-size: clamp(38px, 5vw, 68px); }
.nf-links { display: flex; flex-wrap: wrap; gap: var(--s3) var(--s6); margin: var(--s6) 0 0; padding: 0; list-style: none; }
.nf-links a { display: inline-flex; align-items: center; min-height: var(--tap); font-weight: 700; color: var(--brand); text-decoration: underline; }

/* --------------------------------------------------------------------------
   13. כותרת תחתונה
   -------------------------------------------------------------------------- */
.site-footer {
  padding-block: var(--s8) var(--s5);
  background: var(--brand-deep);
  color: var(--on-dark-2);
  font-size: var(--t-sm);
}
.site-footer a { color: var(--on-dark); transition: color .3s var(--ease-out); }
@media (hover: hover) {
  .site-footer a:hover { color: var(--brand-light); }
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--s7);
  padding-bottom: var(--s7);
  border-bottom: 1px solid var(--dark-line);
}
.footer-brand { max-width: 36ch; }
.footer-brand img { width: 116px; margin-bottom: var(--s4); filter: brightness(0) invert(1); }
.footer-brand p { line-height: 1.6; margin: 0; }

.footer-links { display: flex; flex-wrap: wrap; gap: var(--s7) clamp(40px, 6vw, 88px); }
.footer-links h2 {
  font-family: var(--font-body);
  font-size: var(--t-sm);
  font-weight: 700;
  letter-spacing: 0;
  color: var(--on-dark);
  margin: 0 0 var(--s2);
}
.footer-links ul { margin: 0; padding: 0; list-style: none; }
.footer-links li { display: flex; align-items: center; min-height: 40px; }
.footer-links a { display: inline-flex; align-items: center; min-height: 40px; color: var(--on-dark-2); }

.footer-bottom { padding-top: var(--s5); font-size: var(--t-xs); color: #8aa1b2; margin: 0; }

/* --------------------------------------------------------------------------
   14. רספונסיביות
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  .story-grid, .contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  :root {
    --head-h: 64px;
    --sec-y: clamp(48px, 7vw, 68px);
  }

  .sec-head {
    margin-bottom: 24px;
  }

  .nav-toggle { display: grid; }
  .logo img { width: 104px; }
  .header-tel {
    margin-inline-start: auto;
    margin-inline-end: 10px;
    min-height: 36px;
    padding: 4px 10px;
    font-size: 13px;
  }

  .nav {
    position: absolute;
    inset-inline: 0;
    top: 100%;
    margin: 0;
    background: var(--bg);
    border-bottom: 1px solid var(--line);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .35s var(--ease), transform .35s var(--ease), visibility 0s .35s;
  }
  .nav.is-open { visibility: visible; opacity: 1; transform: none; transition-delay: 0s; }
  .nav ul { flex-direction: column; align-items: stretch; gap: 0; padding: var(--s2) var(--gutter) var(--s5); }
  .nav li { border-top: 1px solid var(--line-soft); }
  .nav li:first-child { border-top: 0; }
  .nav a { display: flex; min-height: 52px; font-size: var(--t-md); }
  .nav a::after { content: none; }

  .form-row { grid-template-columns: 1fr; }

  .lead-form {
    padding: clamp(20px, 4vw, 28px) clamp(16px, 3.5vw, 24px);
  }
  .field input:not([type="checkbox"]),
  .field select,
  .field textarea {
    min-height: 46px;
    font-size: 1rem;
  }
  .field-check {
    gap: 4px 10px;
  }
  .field.field-check label {
    font-size: 0.95rem;
    line-height: 1.45;
  }
  .contact-info .lead a.tel {
    min-height: 40px;
    padding: 6px 14px;
    font-size: 1.05rem;
  }
}

@media (max-width: 640px) {
  .calameo iframe { height: max(620px, calc(var(--frame-h) * 1.1)); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
  .ticker-run { animation: none !important; }
}

/* --------------------------------------------------------------------------
   15. חיצי המותג: שלושת החיצים מהלוגו כתבליט, כמפריד וכרקע
   -------------------------------------------------------------------------- */
:root {
  /* חץ בודד כמסכה, נצבע ב-background של האלמנט */
  --chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 40'%3E%3Cpath d='M12 0h12L12 20l12 20H12L0 20z'/%3E%3C/svg%3E");
}

/* תבליט לפני כותרות הפריטים ברשימות */
.facts strong, .agency-list strong { position: relative; padding-inline-start: 20px; }
.facts strong::before, .agency-list strong::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: .3em;
  width: 10px;
  height: .78em;
  background: var(--brand-mid);
  -webkit-mask: var(--chev) center / contain no-repeat;
          mask: var(--chev) center / contain no-repeat;
}
.agency-list strong::before { background: var(--brand-light); }

/* מפריד בסרט התחומים */
.ticker-run li::after {
  width: 9px;
  height: 15px;
  transform: none;
  -webkit-mask: var(--chev) center / contain no-repeat;
          mask: var(--chev) center / contain no-repeat;
}

/* החץ בשורת עיתון */
.paper::after {
  width: 16px;
  height: 26px;
  -webkit-mask: var(--chev) center / contain no-repeat;
          mask: var(--chev) center / contain no-repeat;
}

/* רקע: החיצים בקו דק ושקוף, גדולים, בצד שהקריאה מתקדמת אליו */
.hero, .sec--brand, #contact { position: relative; overflow: clip; isolation: isolate; }
.hero > .wrap, .sec--brand > .wrap, #contact > .wrap { position: relative; z-index: 1; }
.hero::after, .sec--brand::after, #contact::after {
  content: '';
  position: absolute;
  z-index: 0;
  inset-inline-end: -14vw;
  top: 50%;
  width: min(52vw, 760px);
  aspect-ratio: 64 / 40;
  translate: 0 -50%;
  background: url("../img/chevrons-line.svg") center / contain no-repeat;
  opacity: .09;
  pointer-events: none;
}
.sec--brand::after { opacity: .12; width: min(44vw, 620px); top: auto; bottom: -12%; translate: 0 0; }
#contact::after { opacity: .08; inset-inline-end: auto; inset-inline-start: -10vw; width: min(50vw, 700px); }

/* קיפול הפסקאות המשניות ב-.prose תחת כפתור "להמשך קריאה" גם במחשב וגם במובייל */
html.js .prose-more {
  display: none;
  padding-top: 18px;
  margin-top: 16px;
  border-top: 1px solid var(--line);
}
html.js .prose-more.is-expanded {
  display: block;
}
.prose-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin-top: 6px;
  padding: 6px 16px;
  background: var(--tint);
  border: 1px solid var(--tint-line);
  color: var(--brand);
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 700;
  transition: background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out);
}
@media (hover: hover) {
  .prose-more-btn:hover {
    background: var(--brand);
    border-color: var(--brand);
    color: var(--on-brand);
  }
}
.prose-more-chev {
  display: block;
  width: 12px;
  height: 7px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M0 12V0l20 12L40 0v12L20 24z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M0 12V0l20 12L40 0v12L20 24z'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform .3s var(--ease);
}
.prose-more-btn[aria-expanded="true"] .prose-more-chev {
  transform: rotate(180deg);
}

@media (max-width: 760px) {
  .hero::after {
    inset-inline-end: -18vw;
    top: auto;
    bottom: 8px;
    width: min(82vw, 340px);
    translate: 0 0;
    opacity: .14;
  }
  .sec--brand::after {
    inset-inline-end: -20vw;
    bottom: -4%;
    width: min(76vw, 310px);
    opacity: .13;
  }
  #contact::after {
    inset-inline-start: -18vw;
    top: auto;
    bottom: 2%;
    width: min(76vw, 310px);
    translate: 0 0;
    opacity: .11;
  }

  /* במובייל: כותרת ראשית גדולה, ומיד אחריה הטקסט המוביל ואות הגלילה, בלי למתוח את הפתיחה לגובה המסך */
  .hero:not(.hero--page) {
    padding-block: clamp(32px, 5svh, 52px) clamp(24px, 4svh, 40px);
  }
  .hero:not(.hero--page) .hero-title {
    /* טיפוגרפיה ענקית: "התקשורת", המילה הארוכה, ממלאת כמעט את כל רוחב המסך.
       הגודל לפי רוחב המסך ולא לפי הגופן, כדי שגם בגופן מוגדל היא לא תיחתך */
    font-size: min(15.4vw, 7.5rem);
    line-height: .96;
    letter-spacing: -0.035em;
    max-width: none;
    margin-bottom: clamp(18px, 3svh, 32px);
    text-wrap: balance;
  }
  .hero--page .hero-title {
    font-size: clamp(2.1rem, 9vw, 3.2rem);
    line-height: 1.08;
    text-wrap: balance;
  }
  .hero-foot {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
  }
  .hero-foot .lead {
    font-size: clamp(1.125rem, 4.2vw, 1.25rem);
    line-height: 1.58;
  }
  .scroll-cue {
    align-self: center;
    margin-top: clamp(16px, 3svh, 26px);
  }

  /* פירוק גוש המלל במובייל: קצב קריאה אוורירי ורשת כרטיסים לתחומי הפעילות */
  .story-grid {
    gap: 28px;
  }
  .prose .opening {
    font-size: 1.15rem;
    line-height: 1.58;
    margin-bottom: 16px;
  }
  .prose p:not(.opening) {
    font-size: 1.03125rem;
    line-height: 1.58;
  }

  .facts,
  #story .facts,
  #channels .facts {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .facts li,
  .facts li:first-child,
  #story .facts li,
  #channels .facts li {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 16px 18px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-top: 3px solid var(--brand-mid);
    border-radius: 4px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .25s var(--ease-out), box-shadow .25s var(--ease-out);
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .facts li.is-open,
  #story .facts li.is-open,
  #channels .facts li.is-open {
    border-color: var(--ink-2);
    border-top-color: var(--brand);
    box-shadow: 0 4px 14px -6px rgb(1 28 46 / .1);
  }

  .agency-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .agency-list li,
  .agency-list li:first-child {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 16px 18px;
    background: rgb(1 28 46 / .38);
    border: 1px solid var(--dark-line);
    border-radius: 4px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: border-color .25s var(--ease-out);
    overflow-wrap: break-word;
    word-break: break-word;
  }
  .agency-list li.is-open {
    border-color: var(--on-dark-2);
  }

  .facts strong,
  .agency-list strong,
  #story .facts strong,
  #channels .facts strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 0;
    font-size: 1.0625rem;
    line-height: 1.4;
    position: relative;
    padding-inline-start: 20px;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  .facts strong a,
  #story .facts strong a,
  #channels .facts strong a {
    color: inherit;
    text-decoration: none;
    min-width: 0;
    word-break: break-word;
  }
  .facts strong::after,
  .agency-list strong::after {
    content: '';
    flex: none;
    width: 12px;
    height: 7px;
    margin-inline-start: 12px;
    background: var(--ink-2);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M0 12V0l20 12L40 0v12L20 24z'/%3E%3C/svg%3E") center / contain no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 24'%3E%3Cpath d='M0 12V0l20 12L40 0v12L20 24z'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: transform .3s var(--ease), background-color .25s var(--ease-out);
  }
  .agency-list strong::after {
    background: var(--on-dark-2);
  }
  .facts li.is-open strong::after {
    transform: rotate(180deg);
    background: var(--brand);
  }
  .agency-list li.is-open strong::after {
    transform: rotate(180deg);
    background: var(--on-dark);
  }

  html.js .facts li .fact-body,
  html.js .agency-list li .fact-body {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    margin-top: 0;
    transition: grid-template-rows .3s var(--ease), opacity .25s var(--ease-out), margin-top .3s var(--ease);
  }
  html.js .facts li .fact-body-inner,
  html.js .agency-list li .fact-body-inner {
    overflow: hidden;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 0.95rem;
    line-height: 1.58;
    color: var(--ink-2);
  }
  html.js .facts li.is-open .fact-body,
  html.js .agency-list li.is-open .fact-body {
    grid-template-rows: 1fr;
    opacity: 1;
    margin-top: 12px;
  }
  html.js .facts li.is-open .fact-body-inner {
    padding-top: 10px;
    border-top: 1px solid var(--line-soft);
  }
  html.js .agency-list li.is-open .fact-body-inner {
    padding-top: 10px;
    border-top: 1px solid var(--dark-line);
  }
}

.fact-more-link {
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  padding-top: var(--s2);
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 800;
  color: var(--brand);
  text-decoration: underline;
  text-decoration-color: var(--tint-line);
  text-underline-offset: 4px;
  transition: color .25s var(--ease-out), text-decoration-color .25s var(--ease-out);
}
@media (hover: hover) {
  .fact-more-link:hover {
    color: var(--ink);
    text-decoration-color: var(--brand);
  }
}

.hero-foot .lead { text-wrap: pretty; }

/* החיצים ברקע הפתיחה ובמקטעים הכהים מתקדמים קדימה (שמאלה, בכיוון הקריאה) ככל שגוללים.
   מונע בגלילה עצמה, בלי JavaScript. דפדפן שלא תומך פשוט מציג אותם במקום. */
@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .hero::after {
      animation: chev-advance linear both;
      animation-timeline: scroll(root block);
      animation-range: 0 100vh;
    }
    .sec--brand::after {
      animation: chev-advance-brand linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }
    #contact::after {
      animation: chev-advance-contact linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 85%;
    }
  }
}
@keyframes chev-advance {
  from { transform: translateX(0); opacity: .09; }
  to   { transform: translateX(-22vw); opacity: .18; }
}
@keyframes chev-advance-brand {
  from { transform: translateX(8vw); opacity: .06; }
  to   { transform: translateX(-16vw); opacity: .18; }
}
@keyframes chev-advance-contact {
  from { transform: translateX(10vw); opacity: .04; }
  to   { transform: translateX(-8vw); opacity: .13; }
}

/* --------------------------------------------------------------------------
   15ב. אנימציות הכוונת גלילה על בסיס שלושת חיצי הלוגו
   -------------------------------------------------------------------------- */

/* 1. אות גלילה בפתיחה (Hero): שלושת חיצי הלוגו פונים מטה בגל מדורג (לצד טקסט המשנה בדסקטופ) */
.scroll-cue {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-top: 0;
  padding: 8px 6px;
  color: var(--brand-light);
  text-decoration: none;
  transition: opacity .45s var(--ease-out), transform .45s var(--ease-out);
}
@media (max-width: 760px) {
  .scroll-cue {
    margin-top: clamp(22px, 3.5svh, 36px);
  }
}
.scroll-cue.is-scrolled-past {
  opacity: .22;
}
.scroll-cue-chevrons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.scroll-cue-chevrons svg {
  display: block;
  width: 28px;
  height: 17px;
  margin-top: -5px;
  fill: currentColor;
  transition: transform .35s var(--ease);
}
.scroll-cue-chevrons svg:first-child {
  margin-top: 0;
  color: #4e9acb;
}
.scroll-cue-chevrons svg:nth-child(2) {
  color: #70aed6;
}
.scroll-cue-chevrons svg:nth-child(3) {
  color: #a6cce5;
}
@media (hover: hover) {
  .scroll-cue:hover {
    opacity: 1;
    transform: translateY(4px);
  }
}
@media (prefers-reduced-motion: no-preference) {
  .scroll-cue-chevrons svg {
    animation: logo-chev-down 2.4s var(--ease) infinite;
  }
  .scroll-cue-chevrons svg:nth-child(1) { animation-delay: 0s; }
  .scroll-cue-chevrons svg:nth-child(2) { animation-delay: .18s; }
  .scroll-cue-chevrons svg:nth-child(3) { animation-delay: .36s; }
}
@keyframes logo-chev-down {
  0%, 100% {
    opacity: .28;
    transform: translateY(-3px);
  }
  45% {
    opacity: 1;
    transform: translateY(4px);
  }
  80% {
    opacity: .28;
    transform: translateY(6px);
  }
}

/* 2. סמליל שלושת החיצים של אשדיר מעל כותרות הפרקים - מתקדם ברצף בכניסה למסך */
.sec-chevrons {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-bottom: var(--s3);
}
.sec-chevrons i {
  display: block;
  width: 11px;
  height: 18px;
  -webkit-mask: var(--chev) center / contain no-repeat;
          mask: var(--chev) center / contain no-repeat;
  transition: transform .65s var(--ease), opacity .65s var(--ease);
}
/* צבעי שלושת החיצים המקוריים מהלוגו של אשדיר */
.sec-chevrons i:nth-child(1) { background: var(--brand); }
.sec-chevrons i:nth-child(2) { background: var(--brand-mid); }
.sec-chevrons i:nth-child(3) { background: var(--brand-light); }

.sec--dark .sec-chevrons i:nth-child(1),
.sec--brand .sec-chevrons i:nth-child(1),
.archive-cta .sec-chevrons i:nth-child(1) { background: #fff; }
.sec--dark .sec-chevrons i:nth-child(2),
.sec--brand .sec-chevrons i:nth-child(2),
.archive-cta .sec-chevrons i:nth-child(2) { background: var(--brand-light); }
.sec--dark .sec-chevrons i:nth-child(3),
.sec--brand .sec-chevrons i:nth-child(3),
.archive-cta .sec-chevrons i:nth-child(3) { background: var(--brand-mid); }

/* 3. תבליט החץ ברשימות (.facts, .agency-list) מגיב לגלילה ומוביל את העין מטה */
.facts strong::before,
.agency-list strong::before,
.steps strong::before {
  transition: transform .45s var(--ease), background-color .35s var(--ease-out);
}
@media (prefers-reduced-motion: no-preference) {
  .facts li.is-reading strong::before {
    background: var(--brand);
    transform: translateX(-4px) scale(1.18);
  }
  .agency-list li.is-reading strong::before {
    background: #fff;
    transform: translateX(-4px) scale(1.18);
  }

  /* 4. כניסה מדורגת ומעודנת ברגע שהגולש מגיע לאלמנט בגלילה */
  html.js h2.will-reveal .sec-chevrons i {
    opacity: 0;
    transform: translateX(12px);
  }
  html.js h2.will-reveal.is-inview .sec-chevrons i {
    opacity: 1;
    transform: none;
  }
  html.js h2.will-reveal.is-inview .sec-chevrons i:nth-child(1) { transition-delay: .04s; }
  html.js h2.will-reveal.is-inview .sec-chevrons i:nth-child(2) { transition-delay: .14s; }
  html.js h2.will-reveal.is-inview .sec-chevrons i:nth-child(3) { transition-delay: .24s; }

  html.js .paper.will-reveal,
  html.js .steps li.will-reveal,
  html.js .sectors-grid li.will-reveal,
  html.js .new-issue-card.will-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s var(--ease), transform .65s var(--ease);
  }
  html.js .paper.will-reveal.is-inview,
  html.js .steps li.will-reveal.is-inview,
  html.js .sectors-grid li.will-reveal.is-inview,
  html.js .new-issue-card.will-reveal.is-inview {
    opacity: 1;
    transform: none;
  }
  html.js .steps li.will-reveal:nth-child(2),
  html.js .sectors-grid li.will-reveal:nth-child(2) { transition-delay: .08s; }
  html.js .steps li.will-reveal:nth-child(3),
  html.js .sectors-grid li.will-reveal:nth-child(3) { transition-delay: .16s; }
  html.js .steps li.will-reveal:nth-child(4) { transition-delay: .24s; }
  html.js .steps li.will-reveal:nth-child(5) { transition-delay: .32s; }
  html.js .steps li.will-reveal:nth-child(6) { transition-delay: .40s; }

  /* חץ הכניסה לעיתון (.paper::after) מבצע תנועת הזמנה עדינה עם הכניסה למסך */
  html.js .paper.will-reveal.is-inview::after {
    animation: paper-chev-nudge .9s var(--ease) .3s both;
  }
}
@keyframes paper-chev-nudge {
  0%   { transform: translateX(10px); opacity: 0; }
  60%  { transform: translateX(-5px); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; }
}

/* --------------------------------------------------------------------------
   16. תיבות סימון בטופס, באנר עוגיות
   -------------------------------------------------------------------------- */
.field-check {
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: var(--s1) var(--s3);
  align-items: start;
  margin-bottom: var(--s4);
}
.field.field-check input[type="checkbox"] {
  -webkit-appearance: none;
          appearance: none;
  display: grid;
  place-content: center;
  width: 22px;
  height: 22px;
  min-height: 22px;
  margin: 2px 0 0;
  padding: 0;
  background: var(--bg);
  border: 1.5px solid var(--ink-2);
  border-radius: 0;
  cursor: pointer;
  transition: background-color .2s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);
}
.field.field-check input[type="checkbox"]::before {
  content: '';
  width: 13px;
  height: 13px;
  background: var(--on-brand);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: scale(0);
  transition: transform .18s var(--ease);
}
.field.field-check input[type="checkbox"]:hover {
  border-color: var(--brand);
}
.field.field-check input[type="checkbox"]:checked {
  background: var(--brand);
  border-color: var(--brand);
}
.field.field-check input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.field.field-check input[type="checkbox"]:focus-visible {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent);
}
.field.field-check label {
  margin: 0;
  font-size: var(--t-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--ink-2);
  cursor: pointer;
}
.field-check label a { color: var(--brand); text-decoration: underline; }
.field-check .field-error { grid-column: 2; }
.field-check + .btn { margin-top: var(--s3); }

.btn--sm { min-height: 44px; padding: var(--s2) var(--s5); font-size: var(--t-sm); }

/* --- כפתור צף להגדרות עוגיות ופרטיות --- */
.cookie-badge {
  position: fixed;
  left: max(16px, env(safe-area-inset-left));
  bottom: calc(max(16px, env(safe-area-inset-bottom)) + 64px);
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  background: var(--surface);
  color: var(--brand);
  border: 1px solid var(--line);
  box-shadow: 0 4px 16px rgb(1 28 46 / .14);
  cursor: pointer;
  transition: transform .25s var(--ease), opacity .25s var(--ease), visibility .25s var(--ease), background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .25s var(--ease);
  -webkit-tap-highlight-color: transparent;
}
.cookie-badge:hover {
  transform: scale(1.08);
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
  box-shadow: 0 8px 24px rgb(1 28 46 / .22);
}
.cookie-badge:active {
  transform: scale(.95);
}
.cookie-badge:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}
.consent:not([hidden]) ~ .cookie-badge {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(0.85);
}
@media (max-width: 760px) {
  .cookie-badge {
    display: none !important;
  }
}

/* --- באנר הסכמה לעוגיות (Cookies Consent Banner) --- */
.consent {
  position: fixed;
  inset-inline: 16px;
  bottom: 80px;
  z-index: 99;
  max-width: 520px;
  margin-inline: auto;
  padding: 20px 24px;
  background: var(--surface);
  color: var(--ink);
  border: 1px solid var(--line);
  border-top: 3px solid var(--brand);
  border-radius: 6px;
  box-shadow: 0 16px 48px -8px rgb(1 28 46 / .24), 0 4px 16px rgb(1 28 46 / .08);
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .3s var(--ease), transform .3s var(--ease);
}
.consent.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.consent[hidden] {
  display: none;
}
.consent-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.consent-title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.consent-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--tint);
  color: var(--brand);
  border: 1px solid var(--line);
}
.consent-icon svg {
  width: 20px;
  height: 20px;
}
.consent-title {
  font-family: var(--font-head);
  font-size: 1.0625rem;
  font-weight: 800;
  color: var(--brand);
}
.consent-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  background: none;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--ink-2);
  cursor: pointer;
  border-radius: 4px;
  transition: color .2s var(--ease-out), background-color .2s var(--ease-out);
}
.consent-close:hover {
  color: var(--ink);
  background: var(--tint);
}
.consent p {
  margin: 0 0 16px;
  font-size: 0.9375rem;
  line-height: 1.55;
  color: var(--ink-2);
}
.consent a {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.consent a:hover {
  color: var(--ink);
}
.consent-actions {
  display: flex;
  gap: 10px;
}
.consent-actions .btn {
  flex: 1;
  justify-content: center;
  min-height: 42px;
  padding: 8px 14px;
  font-size: 0.9375rem;
  border-radius: 4px;
}
.consent-btn-accept {
  background: var(--brand);
  color: #fff;
  border: 1px solid var(--brand);
}
.consent-btn-accept:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}
.consent-btn-reject {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--line-strong, #8da4b8);
}
.consent-btn-reject:hover {
  background: var(--tint);
  border-color: var(--ink);
  color: var(--ink);
}

@media (max-width: 480px) {
  .consent {
    inset-inline: 12px;
    bottom: 74px;
    padding: 16px 18px;
  }
  .consent-actions {
    flex-direction: column;
    gap: 8px;
  }
}

.link-button { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* --------------------------------------------------------------------------
   17. עמודי ארכיון העיתונים: ניווט שבועונים, גיליון אחרון וספרייה
   -------------------------------------------------------------------------- */
.archive-nav-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--s4);
  margin-bottom: var(--s5);
  padding-bottom: var(--s4);
  border-bottom: 1px solid var(--line);
}
.archive-nav-bar .crumb { margin-bottom: 0; }

.archive-tabs {
  display: inline-flex;
  align-items: stretch;
  background: var(--surface);
  border: 1px solid var(--line);
}

.archive-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 var(--s5);
  border-inline-start: 1px solid var(--line);
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--ink-2);
  transition: background-color .2s var(--ease-out), color .2s var(--ease-out);
}
.archive-tab:first-child { border-inline-start: 0; }
@media (hover: hover) {
  .archive-tab:hover { background: var(--tint); color: var(--ink); }
}
.archive-tab.is-active {
  background: var(--brand);
  color: var(--on-brand);
}

.archive-showcase { margin-top: 0; }

.new-issue-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(268px, 30vw, 356px);
  align-items: stretch;
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 3px solid var(--brand);
  box-shadow: 0 20px 48px -18px rgb(1 28 46 / .10);
  margin-bottom: var(--s8);
}

.new-issue-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 4.2vw, 52px);
}

.new-issue-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--s4);
  margin-bottom: var(--s5);
}

.new-issue-plate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 58px;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid var(--line);
  overflow: hidden;
}
.new-issue-plate img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.new-issue-plate.plate-fill { padding: 0; }
.new-issue-plate.plate-fill img { object-fit: cover; }

.new-issue-meta {
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 700;
  color: var(--brand);
  padding: 6px 12px;
  background: var(--tint);
  border: 1px solid var(--tint-line);
}

.new-issue-title {
  margin: 0 0 var(--s3);
  font-size: var(--t-2xl);
  font-weight: 900;
  color: var(--ink);
  line-height: 1.12;
}
.new-issue-title a {
  display: inline-flex;
  align-items: center;
  gap: var(--s3);
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--tint-line);
  text-underline-offset: 7px;
  text-decoration-thickness: 2px;
  transition: color .25s var(--ease-out), text-decoration-color .25s var(--ease-out);
}
.title-arrow {
  width: .82em;
  height: .82em;
  flex: none;
  color: var(--brand);
  transition: transform .4s var(--ease);
}
.title-arrow path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (hover: hover) {
  .new-issue-title a:hover {
    color: var(--brand);
    text-decoration-color: var(--brand);
  }
  .new-issue-title a:hover .title-arrow {
    transform: translateX(-6px);
  }
}

.new-issue-desc {
  margin: 0;
  font-size: var(--t-md);
  color: var(--ink-2);
  line-height: 1.6;
  max-width: 48ch;
  text-wrap: pretty;
}

.new-issue-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3);
  margin-top: var(--s6);
}

.btn-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  min-height: 48px;
  padding: var(--s2) var(--s5);
  font-family: var(--font-body);
  font-size: var(--t-sm);
  font-weight: 700;
  color: var(--ink);
  background: var(--bg);
  border: 1px solid var(--line);
  transition: background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out), transform .15s var(--ease-out);
}
.btn-action--primary {
  background: var(--brand);
  color: var(--on-brand);
  border-color: var(--brand);
}
@media (hover: hover) {
  .btn-action:hover { border-color: var(--ink); background: var(--tint); color: var(--ink); }
  .btn-action--primary:hover { background: var(--ink); border-color: var(--ink); color: var(--bg); }
}
@media (prefers-reduced-motion: no-preference) {
  .btn-action:active { transform: scale(.98); }
}

/* במת התצוגה של שער הגיליון */
.new-issue-cover-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(28px, 3.8vw, 44px);
  background: linear-gradient(155deg, var(--tint) 0%, #dfeaf2 100%);
  border-inline-start: 1px solid var(--line);
}

.issue-cover-book {
  position: relative;
  display: block;
  width: 212px;
  aspect-ratio: 666 / 935;
  background: #fff;
  border: 1px solid var(--line);
  overflow: hidden;
  transition: transform .4s var(--ease);
}
.issue-cover-book img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.issue-cover-cta {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px var(--s3);
  background: rgb(1 28 46 / .92);
  color: #fff;
  font-family: var(--font-head);
  font-size: var(--t-xs);
  font-weight: 700;
  transform: translateY(100%);
  transition: transform .3s var(--ease);
}
@media (hover: hover) {
  .issue-cover-book:hover {
    transform: translateY(-3px);
  }
  .issue-cover-book:hover .issue-cover-cta {
    transform: translateY(0);
  }
}

.calameo-cover-wrapper {
  width: 212px;
  height: 288px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  background: #fff;
  border: 1px solid var(--line);
}

/* שדרת הגיליון בצד ימין (עברית) */
.magazine-spine {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
  width: 14px;
  background: linear-gradient(to left, rgb(0 0 0 / .18) 0%, rgb(255 255 255 / .22) 4px, rgb(0 0 0 / .05) 7px, transparent 100%);
  pointer-events: none;
  z-index: 5;
}

.calameo-cover-wrapper iframe {
  width: 340px !important;
  height: 350px !important;
  border: 0;
  max-width: none;
  flex-shrink: 0;
}

.archive-library-head {
  margin-bottom: var(--s5);
}
.archive-library-head h2 {
  font-size: var(--t-xl);
  color: var(--brand);
  margin-bottom: var(--s1);
}
.archive-library-head p {
  margin: 0;
  font-size: var(--t-sm);
}

.calameo-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  margin: var(--s3) 0 0;
  padding-top: var(--s2);
  font-size: var(--t-sm);
  color: var(--ink-2);
  text-align: center;
}
.calameo-alt a {
  font-weight: 600;
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .2s var(--ease);
}
.calameo-alt a:hover {
  color: var(--ink);
}

.archive-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
  margin-top: var(--s8);
  padding: clamp(28px, 4.5vw, 56px);
  background: linear-gradient(155deg, #011828 0%, var(--brand-deep) 58%, #022a42 100%);
  color: var(--on-dark);
  border-top: 3px solid var(--brand-mid);
  box-shadow: 0 24px 52px -18px rgb(1 28 46 / .28);
}
.archive-cta-text {
  max-width: 50ch;
}
.archive-cta-text h2 {
  font-size: var(--t-2xl);
  color: var(--on-dark);
  margin: 0 0 var(--s3);
}
.archive-cta-text p {
  margin: 0;
  font-size: var(--t-md);
  line-height: 1.62;
  color: var(--on-dark-2);
}
.archive-cta-text a {
  color: var(--on-dark);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.archive-cta-form .lead-form {
  border: 1px solid var(--line);
}
@media (max-width: 1024px) {
  .archive-cta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .new-issue-card {
    display: flex;
    flex-direction: column;
    padding: 24px 18px;
  }
  .new-issue-content {
    display: contents;
    padding: 0;
  }
  .new-issue-top {
    order: 1;
    margin-bottom: var(--s3);
  }
  .new-issue-title {
    order: 2;
    margin: 0 0 var(--s4);
  }
  .new-issue-cover-wrap {
    order: 3;
    width: 100%;
    border: 1px solid var(--line);
    border-inline-start: 1px solid var(--line);
    background: linear-gradient(155deg, var(--tint) 0%, #dfeaf2 100%);
    padding: 22px 14px;
    margin: 0 0 var(--s4);
    box-sizing: border-box;
  }
  .new-issue-desc {
    order: 4;
    margin: 0 0 var(--s4);
  }
  .new-issue-actions {
    order: 5;
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  .archive-nav-bar {
    flex-direction: column;
    align-items: stretch;
    gap: var(--s3);
  }
  .archive-tabs {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .archive-tabs::-webkit-scrollbar {
    display: none;
  }
  .archive-tab {
    flex: 1 0 auto;
    min-height: 44px;
    padding: 0 var(--s3);
    white-space: nowrap;
  }
  .new-issue-card {
    padding: 20px 16px;
  }
  .new-issue-cover-wrap {
    padding: 18px 12px;
  }
  .new-issue-plate {
    width: 140px;
    height: 50px;
  }
  .new-issue-actions {
    flex-direction: column;
    gap: 10px;
  }
  .new-issue-actions .btn-action {
    width: 100%;
  }
  .archive-cta {
    padding: 28px 18px;
    margin-top: var(--s6);
  }
  .archive-cta-actions,
  .archive-cta-actions .btn {
    width: 100%;
  }
  .paper {
    padding: 20px 16px;
  }
  .paper-name a {
    --plate: clamp(140px, 36vw, 190px);
  }
  .sectors-grid li {
    padding: 20px 18px;
  }
  .pr-brand-badge {
    padding: 10px 18px 8px;
    margin-bottom: 20px;
  }
  .pr-brand-badge img {
    width: clamp(140px, 42vw, 190px);
  }
  .footer-top {
    gap: var(--s5);
    padding-bottom: var(--s5);
  }
  .footer-links {
    gap: var(--s5) var(--s6);
  }
}