/* The same header, photo band, Afek font and palette as the internal pages. */
.transparency-page { background:var(--cream); color:var(--ink); }
.transparency-main { --transparency-line:rgba(67,31,16,.12); --transparency-sticky-top:92px; --transparency-tabs-height:48px; text-align:center; }
.transparency-hero {
  width:min(1465px, calc(100% - 80px));
  min-height:250px;
  margin:0 auto;
  border-radius:30px;
  padding:42px 24px;
}
.transparency-hero .act-hero-bg { object-position:center 47%; }
.transparency-hero::after { background:linear-gradient(180deg, rgba(67,31,16,.80), rgba(67,31,16,.70) 50%, rgba(67,31,16,.82)); }
.transparency-hero-copy { padding-top:14px; }
.transparency-hero .act-crumb { margin:0 0 14px; font-size:1.25rem; line-height:1.5; color:#fffefb; }
.transparency-hero .act-crumb a { color:#eee3d9; }
.transparency-hero .act-title { margin:0; font-size:clamp(2.5rem, 4.2vw, 4.75rem); font-weight:800; line-height:1.12; color:#fff; }
.transparency-wrap { width:min(1180px, calc(100% - 80px)); margin-inline:auto; }
.faq-group-heading h2,
.transparency-documents h2 {
  display:inline-block;
  background:var(--grad-accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.transparency-facts { display:grid; grid-template-columns:1fr 1fr 1fr; max-width:960px; margin:36px auto 0; padding:22px 0; border-block:1px solid var(--transparency-line); }
.transparency-facts > div { text-align:center; padding:0 24px; }
.transparency-facts > div + div { border-inline-start:1px solid var(--transparency-line); }
.transparency-facts dt { font-size:1rem; line-height:1.5; margin-bottom:5px; }
.transparency-facts dd { margin:0; font-size:1.375rem; line-height:1.4; font-weight:700; }
/* מספר העמותה מקשר לגיידסטאר: נראה כמו הטקסט, עם קו תחתון עדין שמסמן שאפשר לבדוק. */
.transparency-facts dd a { color:inherit; text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; text-decoration-color:rgba(67,31,16,.35); }
.transparency-facts dd a:hover { text-decoration-color:currentColor; }
.transparency-questions { padding-block:48px 64px; background:var(--cream); }
.transparency-questions-heading { margin-bottom:24px; }
.transparency-page .transparency-tag { margin:0 auto 16px; }
.transparency-questions-heading h2 { font-size:clamp(2.25rem, 4vw, 3.5rem); line-height:1.08; font-weight:800; margin:0; }
.transparency-topics { position:sticky; top:var(--transparency-sticky-top); z-index:20; display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding-block:8px; margin-bottom:24px; background:var(--cream); }
.transparency-topics a { display:inline-flex; align-items:center; justify-content:center; padding:3px 12px; min-height:32px; border:1px solid var(--transparency-line); border-radius:999px; color:var(--ink); font-size:.9375rem; font-weight:600; line-height:1.2; text-decoration:none; transition:background-color .18s ease; }
.transparency-topics a:hover { background:#fff; }
.transparency-topics a[aria-selected="true"] { background:var(--grad-accent); color:#fff; border-color:transparent; }
.transparency-main a:focus-visible,
.faq-item summary:focus-visible { outline:3px solid var(--ink); outline-offset:5px; border-radius:6px; }
.faq-answer a { color:var(--ink); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }
.transparency-panel, .faq-item { scroll-margin-top:calc(var(--transparency-sticky-top) + var(--transparency-tabs-height) + 16px); }
.transparency-panels { max-width:860px; margin-inline:auto; overflow-anchor:none; }
.transparency-panel[hidden] { display:none; }
.transparency-panel:focus-visible { outline:2px solid var(--ink); outline-offset:8px; border-radius:16px; }
.transparency-main.transparency-tabs-ready .transparency-panel { margin-top:0; }
.faq-group + .faq-group { margin-top:36px; }
.faq-group-heading { margin-bottom:18px; }
.faq-group-heading h2 { margin:0; font-size:2rem; line-height:1.15; font-weight:800; text-wrap:balance; }
.faq-group-items { padding:0 24px; background:#fff; border-radius:24px; }
.faq-item + .faq-item { border-top:1px solid var(--transparency-line); }
.faq-item summary { display:grid; grid-template-columns:30px minmax(0,1fr) 30px; align-items:center; gap:14px; padding:14px 0; min-height:58px; cursor:pointer; list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary::marker { content:''; }
.faq-item summary h3 { grid-column:2; grid-row:1; font-size:1.0625rem; line-height:1.2; font-weight:500; margin:0; text-align:center; }
.faq-item[open] summary h3 { font-weight:700; }
.faq-item summary:focus-visible { outline-offset:3px; }
.faq-toggle { position:relative; grid-column:3; grid-row:1; width:30px; height:30px; border:1px solid var(--transparency-line); border-radius:50%; color:var(--ink); transition:transform .2s ease, background-color .2s ease; }
.faq-toggle::before, .faq-toggle::after { content:''; position:absolute; background:currentColor; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:2px; }
.faq-toggle::before { width:12px; height:2px; }
.faq-toggle::after { width:2px; height:12px; transition:transform .2s ease; }
.faq-item[open] .faq-toggle::after { transform:translate(-50%,-50%) rotate(90deg); }
.faq-item[open] .faq-toggle { background:var(--grad-accent); color:#fff; border-color:transparent; }
.faq-item summary:hover .faq-toggle { transform:scale(1.1); }
.faq-answer { padding:0 36px 18px; font-size:1.0625rem; line-height:1.5; text-align:center; }
.faq-answer p { max-width:65ch; margin:0 auto; text-wrap:pretty; }
.transparency-documents { padding-block:0; margin-inline:auto; }
.transparency-documents h2 { margin:0 0 22px; font-size:2.5rem; line-height:1.12; font-weight:800; }
.transparency-document-list { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.transparency-document-list li { max-width:100%; }
.transparency-document-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; max-width:100%; min-height:34px; padding:6px 12px; border:1px solid var(--transparency-line); border-radius:999px; background:#fff; color:var(--ink); font:inherit; font-size:.875rem; line-height:1.2; text-align:center; text-decoration:none; }
.transparency-document-button svg { width:16px; height:16px; flex-shrink:0; }
.transparency-document-button small { display:block; font-size:.75rem; }
/* היה ‎.6‎ — הכיתוב ירד ל-4.1 מול 1. ב-‎.72‎ הוא עדיין נראה מעומעם
   ועובר את התקן. */
.transparency-document-button:disabled,
.transparency-document-button[aria-disabled="true"] { opacity:.72; cursor:default; }
a.transparency-document-button:hover { background:var(--jn-bg); }
.transparency-page .nav-menu > li > a[aria-current="page"] { color:var(--ink); text-decoration:none; }

/* Identical geometry to the current privacy/accessibility internal-page header. */
@media (min-width:1025px) {
  .transparency-page { --hd-logo:128px; --hd-logo-gap:110px; --hd-nav-inset:141px; --hd-pill-x:22px; --nav-fs:18.091px; --nav-gap:clamp(18px, 2.3vw, 44px); }
  .transparency-page .site-header:not(.is-stuck) { top:0; max-width:1680px; min-height:120px; padding-block:0; }
  .transparency-page .site-header:not(.is-stuck)::before { left:50%; right:auto; top:0; width:100vw; height:120px; transform:translateX(-50%); border:0; border-radius:0; background:var(--cream); box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; opacity:1; }
  .transparency-page .site-header:not(.is-stuck) .logo-badge { transform:translate(-50%, calc(-50% + 37.15px)); }
  .transparency-page .site-header:not(.is-stuck) .logo-plate { width:152.705px; height:152.705px; margin:-76.3525px 0 0 -76.3525px; background:var(--cream); }
  .transparency-page .site-header.is-stuck { --nav-fs:16.5px; --nav-gap:24px; }
  .transparency-page .site-header:not(.is-stuck) .donate-pill { top:calc(50% - .78px); width:169px; min-height:49px; justify-content:center; padding:0 17px; font-size:18.091px !important; }
}
@media (min-width:1025px) and (max-width:1399px) {
  .transparency-page .site-header,
  .transparency-page .site-header.is-stuck {
    --hd-nav-inset:88px;
    --nav-fs:15.5px;
    --nav-gap:16px;
    --hd-pill-x:16px;
    --hd-pill-x-stuck:12px;
  }
  .transparency-page .site-header .donate-pill,
  .transparency-page .site-header:not(.is-stuck) .donate-pill {
    width:140px;
    padding-inline:10px;
    font-size:15.5px !important;
  }
  .transparency-page .site-header.is-stuck { width:calc(100% - 24px); max-width:none; padding-inline:12px; }
}
@media (max-width:1024px) {
  .transparency-hero { width:calc(100% - 40px); min-height:230px; border-radius:26px; }
  .transparency-wrap { width:calc(100% - 48px); }
}
@media (max-width:599px) {
  .transparency-hero { width:calc(100% - 28px); min-height:150px; padding:18px 16px; border-radius:24px; }
  .transparency-hero-copy { padding-top:8px; }
  .transparency-hero .act-crumb { font-size:14px; line-height:20px; margin-bottom:6px; opacity:.78; }
  .transparency-hero .act-title { font-size:clamp(1.75rem, 8.2vw, 2.5rem); }
  .transparency-wrap { width:calc(100% - 36px); }
  .transparency-facts { grid-template-columns:1fr 1fr; margin-top:26px; padding:18px 0; gap:16px 0; }
  .transparency-facts > div { padding:0 10px; }
  .transparency-facts > div:last-child { grid-column:1 / -1; border-inline-start:0; border-top:1px solid var(--transparency-line); padding-top:14px; }
  .transparency-facts dt { font-size:.875rem; }
  .transparency-facts dd { font-size:1.1875rem; }
  .transparency-questions { padding-block:32px 40px; }
  .transparency-page .transparency-tag { --tag-w:145px; margin-bottom:12px; }
  .transparency-questions-heading { margin-bottom:20px; }
  .transparency-questions-heading h2 { font-size:2.25rem; }
  .transparency-topics { gap:6px; margin-bottom:20px; }
  .transparency-topics a { padding:3px 10px; font-size:.875rem; min-height:32px; }
  .faq-group-heading { margin-bottom:14px; }
  .faq-group-heading h2 { font-size:1.75rem; }
  .faq-group + .faq-group { margin-top:28px; }
  .faq-group-items { padding:0 16px; border-radius:20px; }
  .faq-item summary { grid-template-columns:26px minmax(0,1fr) 26px; padding:12px 0; gap:8px; min-height:54px; }
  .faq-item summary h3 { font-size:1rem; line-height:1.2; }
  .faq-toggle { width:26px; height:26px; }
  .faq-answer { font-size:1rem; padding:0 0 16px; line-height:1.5; }
  .transparency-documents h2 { font-size:2rem; margin-bottom:18px; }
  .transparency-document-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .transparency-document-list li:last-child:nth-child(odd) { grid-column:1 / -1; }
  .transparency-document-button { width:100%; height:100%; padding:6px 9px; font-size:.8125rem; }
  .transparency-document-list li:last-child:nth-child(odd) .transparency-document-button { width:auto; }
}
@media (max-width:359px) {
  .transparency-topics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .transparency-topics a { padding-inline:8px; font-size:.8125rem; }
  .faq-group-items { padding-inline:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .transparency-topics a, .faq-toggle, .faq-toggle::after { transition:none; }
}
@media print {
  .transparency-page .site-header, .transparency-page .footer-section, .transparency-page .whatsapp-float, .transparency-page .wa-chat, .transparency-topics, .transparency-hero .act-hero-bg, .transparency-hero::after, .transparency-hero .act-crumb { display:none !important; }
  .transparency-page, .transparency-questions, .faq-group-items { background:white; }
  .transparency-main h1, .transparency-main h1 span, .transparency-main h2 { background:none; color:black; -webkit-text-fill-color:black; }
  .transparency-hero { min-height:0; padding:0 0 20px; }
  .transparency-hero .act-title { color:black; font-size:2rem; }
  .transparency-wrap { width:100%; }
  .transparency-panel[hidden] { display:block; }
  .transparency-tabs-ready .transparency-panel + .transparency-panel { margin-top:28px; }
  .faq-group { display:block; }
  .faq-item { break-inside:avoid; }
  .faq-item::details-content { content-visibility:visible; display:block; }
  .faq-answer { display:block !important; }
  .faq-toggle { display:none; }
}

/* ===================== כפתורי המסמכים (14.9.2026) =====================
   כל כפתור בשורה אחת: הכותרת והתקופה זו לצד זו, בלי שבירה לשתי שורות. */
.transparency-document-button > span { display:inline-flex; align-items:baseline; gap:6px; min-width:0; white-space:nowrap; }
.transparency-document-button small { display:inline; font-size:.75rem; opacity:.75; white-space:nowrap; }
.transparency-document-button { white-space:nowrap; }
.transparency-document-list { display:flex; flex-wrap:wrap; gap:10px; }
.transparency-document-list li { display:flex; }
/* 22.9.2026: השחרור היה רק עד 600px, ולכן בין 601 ל-1024 שם מסמך ארוך
   עם התקופה לצדו נשאר בשורה אחת בלתי שבירה ויכול לגלוש. עכשיו זה משוחרר
   בכל תחום הטאבלט — בדסקטופ השורה האחת נשמרת כפי שתוכננה. */
@media (max-width: 1024px) {
  .transparency-document-button { white-space:normal; }
  .transparency-document-button > span { white-space:normal; }
}
