/*
 * ============================================================
 *  עיצוב אתר הסנגה
 *  הצבעים נלקחו מתמונת קונטוזנגפו ששלומית בחרה.
 *
 *    #0F2E63   הכחול העמוק של הדמות — הדרמהקאיה
 *    #DCEAF4   התכלת של ההילה, מרוככת לרקע עמוד שלם
 *    #F8FBFD   משטח הקריאה — לבן עם נטיית תכלת, לא בוהק
 *    #B8791A   הכתום מטבעת הקשת
 *    #7A2A25   הבורדו מטבעת הקשת
 *
 *  והירוק נדגם מדגל התפילה הירוק בתמונת הכותרת החדשה:
 *    #2B522E   הירוק העמוק שבקפלי הדגל
 *
 *  קובץ זה דורס את צבעי Astra. בשלב העיצוב הסופי אפשר להעביר
 *  אותו להגדרות התבנית, ואז הוא יימחק מכאן.
 * ============================================================
 */

/* Hillel CLM — אותו גופן כותרות שבפרויקט או־מה */
@font-face{
  font-family:"Hillel CLM";
  src:url("fonts/hillelclm-medium-webfont.woff") format("woff"),
      url("fonts/hillelclm-medium-webfont.ttf") format("truetype");
  font-weight:400 700;
  font-style:normal;
  font-display:swap;
}

:root{
  --sg-deep:#0F2E63;
  --sg-ink:#16233C;
  --sg-muted:#5A6E8C;
  --sg-sky:#DCEAF4;
  --sg-surface:#F8FBFD;
  --sg-line:rgba(15,46,99,.13);
  --sg-saffron:#B8791A;
  --sg-burgundy:#7A2A25;
  --sg-green:#2B522E;

  --sg-header-inner:200px;   /* גובה רצועת הכותרת בעמודים הפנימיים */

  --sg-display:"Hillel CLM","Frank Ruhl Libre","Times New Roman",serif;
  --sg-body:"Assistant","Segoe UI",system-ui,sans-serif;
}

/* ---------- הפס שמתחת לתפריט ---------- */
/* התפריט המשני ירד ממנו, והוא נשאר כרצועת צבע. ירוק דגל התפילה. */
.ast-below-header-bar,
.ast-below-header-bar.ast-below-header{
  background-image:linear-gradient(to right, var(--sg-green), var(--sg-green)) !important;
  border-bottom-color:var(--sg-green) !important;
  min-height:14px !important;
  height:14px !important;
}
.ast-below-header-bar .ast-builder-grid-row,
.ast-below-header-bar .site-below-footer-wrap{ min-height:0 !important; }

/* ---------- תמונת הכותרת ---------- */
.ast-above-header-bar,
.ast-above-header-bar.ast-above-header{
  background-image:url("/wp-content/uploads/2026/09/sangha-header.jpg") !important;
  background-size:cover !important;
  background-position:center 42% !important;
}

/* בכל עמוד שאינו דף הבית — רצועה בלבד.
   התמונה המלאה דחפה את תוכן העמוד מתחת לקו הראייה, ובכל מעבר בין
   עמודים היה צריך לגלול מעליה מחדש. בדף הבית היא נשארת במלואה. */
body:not(.home) .ast-above-header-bar,
body:not(.home) .ast-above-header-bar.ast-above-header{
  height:var(--sg-header-inner) !important;
  min-height:var(--sg-header-inner) !important;
  background-position:center 30% !important;
}
body:not(.home) .ast-above-header-bar .ast-builder-grid-row,
body:not(.home) .ast-above-header-bar .site-above-footer-wrap{
  min-height:0 !important;
}

/* ---------- טיפוגרפיה ---------- */

body,
.entry-content,
.site-content,
input, textarea, select, button{
  font-family:var(--sg-body);
}

body, .entry-content, .entry-content p{
  color:var(--sg-ink);
  font-size:17px;
  line-height:1.85;           /* עברית נושמת טוב יותר בשורה גבוהה */
  font-weight:400;
}

h1, h2, h3, h4,
.entry-title, .ast-archive-title,
.sangha-acc summary,
.widget-title{
  font-family:var(--sg-display);
  font-weight:700;
  line-height:1.3;
  letter-spacing:0;            /* לעולם לא לרווח אותיות בעברית */
}

/* Astra צובע את כותרות העמודים בירוק משלו — כאן זה נדרס */
h1, h2, h3, h4,
.entry-title, .entry-title a,
.ast-single-entry-banner .entry-title,
.ast-archive-title, .page .entry-title,
.site-content h1, .site-content h2, .site-content h3,
.widget-title{
  color:var(--sg-deep) !important;
}

.entry-title, h1{ font-size:clamp(27px,4.2vw,38px); text-wrap:balance; }
h2{ font-size:clamp(21px,3vw,26px); margin-top:2.2rem; }
h3{ font-size:18px; margin-top:1.6rem; }

.entry-content p{ margin:0 0 1.15rem; }
.entry-content > *{ max-width:68ch; }      /* אורך שורה נוח לקריאה */
.entry-content > .wp-block-group,
.entry-content > .sangha-wrap,
.entry-content > .sangha-acc,
.entry-content > figure{ max-width:none; }

/* ---------- משטחים ---------- */

body, .site, #page, .ast-separate-container{
  background-color:var(--sg-sky) !important;
}

.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container #primary .site-content > article,
.ast-separate-container .comments-area,
.ast-separate-container .comment-respond,
.ast-separate-container .ast-single-entry-banner{
  background-color:var(--sg-surface) !important;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(15,46,99,.06), 0 8px 28px rgba(15,46,99,.05);
}

/* ---------- הכותרת העליונה ---------- */

.site-header, .main-header-bar, .ast-primary-header-bar{
  background-color:var(--sg-surface) !important;
  box-shadow:0 1px 0 var(--sg-line);
}

/* תמונת הדגלים תפסה מסך שלם ודחפה את התוכן מתחת לקו הראייה */
.ast-hfb-header .ast-above-header-wrap img,
.site-header img.custom-logo,
header .wp-block-cover,
.ast-header-break-point .site-header img{
  max-height:none;
}
.entry-content .wp-block-cover,
.ast-single-entry-banner{ min-height:auto; }

.main-header-menu .menu-link,
#ast-hf-menu-1 .menu-link{
  color:var(--sg-deep) !important;
  font-family:var(--sg-body);
  font-weight:600;
  font-size:15.5px;
}
.main-header-menu .current-menu-item > .menu-link,
.main-header-menu .menu-item:hover > .menu-link{
  color:var(--sg-saffron) !important;
}

/* ---------- קישורים ---------- */

.entry-content a:not(.wp-block-button__link):not(.sv-card):not(.menu-link):not(.bk-t){
  color:var(--sg-burgundy);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.entry-content a:not(.wp-block-button__link):not(.sv-card):hover{
  color:var(--sg-saffron);
}
.bk-t{ color:var(--sg-deep); }
.bk-t:hover{ color:var(--sg-burgundy); }

/* ---------- הפוטר ---------- */
/* Astra צובע את העטיפות הפנימיות בלבן מעל צבע הפוטר,
   ולכן הטקסט הבהיר שהיה כאן נראה דהוי — לבן על לבן.
   הרקע נשאר בהיר; הטקסט הוא שמתחדד. */

.site-footer,
footer.site-footer,
.site-primary-footer-wrap,
.site-below-footer-wrap{
  background-color:var(--sg-surface) !important;
}

.site-footer,
.site-footer p,
.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright p{
  color:var(--sg-ink) !important;
}

.site-footer .widget-title,
.site-footer h2,
.site-footer h3,
.site-footer .uabb-heading-text{
  color:var(--sg-deep) !important;
}

/* קישורי הפוטר — הכחול העמוק, כמו שאר האתר */
.site-footer a:not(.ast-builder-social-element){
  color:var(--sg-deep) !important;
  text-decoration:none;
}
.site-footer a:not(.ast-builder-social-element):hover,
.site-footer a:not(.ast-builder-social-element):focus-visible{
  color:var(--sg-burgundy) !important;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* אייקוני הרשתות — היו ריבוע ירקרק בהיר של Astra */
.site-footer .ast-builder-social-element{
  background-color:var(--sg-deep) !important;
  color:#F2F7FD !important;
  border-radius:6px;
}
.site-footer .ast-builder-social-element:hover{
  background-color:var(--sg-saffron) !important;
}
.site-footer .ast-builder-social-element svg{
  fill:currentColor !important;
}

#ast-scroll-top{
  background-color:var(--sg-deep) !important;
  color:#EAF2FB !important;
}

/* ---------- אקורדיונים ---------- */

.sangha-acc details{
  border:1px solid var(--sg-line);
  background:#fff;
  border-radius:7px;
}
.sangha-acc summary{ font-size:1.06rem; }
.sangha-acc .body{ border-top:1px solid var(--sg-line); }
.sangha-acc .sv-sub{
  font-family:var(--sg-body);
  font-size:.95rem; font-weight:700; color:var(--sg-muted);
  border-bottom:1px solid var(--sg-line);
}
.sangha-acc .sv-note, .sangha-acc .lead{ color:var(--sg-muted); }

/* ---------- כרטיסי סרטון ---------- */

.sv-card{
  border:1px solid var(--sg-line);
  color:var(--sg-deep);
  border-radius:7px;
}
.sv-card:hover{
  border-color:var(--sg-deep);
  box-shadow:0 2px 12px rgba(15,46,99,.09);
}
.sv-play{ background:var(--sg-deep); }
.sv-label{ font-family:var(--sg-body); }

.sv-close{
  display:block;margin:10px 0 0;font:inherit;font-size:.86rem;font-weight:600;
  background:transparent;border:1px solid var(--sg-line);border-radius:5px;
  padding:6px 12px;cursor:pointer;color:var(--sg-deep);
}
.sv-close:hover{ border-color:var(--sg-deep); background:rgba(15,46,99,.04); }

/* ---------- נגישות ---------- */

a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible{
  outline:2px solid var(--sg-saffron);
  outline-offset:2px;
  border-radius:3px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}

/* ---------- חיפוש ---------- */
/* החיפוש היה הדרך היחידה באתר להגיע לעמוד של פוסט בודד.
   הבקשות עצמן נחסמות בצד השרת; כאן רק מוסרת התיבה מהעין. */
.ast-search-menu-icon,
.ast-search-icon,
.ast-header-search,
.site-header .search-form,
.site-footer .search-form,
.widget_search{
  display:none !important;
}

/* ---------- אישור יציאה ---------- */

.sg-ask{
  position:fixed; inset:0; z-index:99999;
  display:flex; align-items:center; justify-content:center;
  background:rgba(15,46,99,.28);
  padding:20px;
}
.sg-ask-card{
  background:var(--sg-surface);
  border:1px solid var(--sg-line);
  border-radius:10px;
  box-shadow:0 10px 40px rgba(15,46,99,.22);
  padding:22px 26px 18px;
  max-width:340px; width:100%;
  text-align:center;
}
.sg-ask-t{
  font-family:var(--sg-display);
  font-size:1.22rem; font-weight:700;
  color:var(--sg-deep);
  margin:0 0 6px;
}
.sg-ask-s{
  font-size:.9rem; color:var(--sg-muted);
  margin:0 0 18px; line-height:1.6;
}
.sg-ask-row{
  display:flex; gap:10px; justify-content:center;
}
.sg-ask-no, .sg-ask-yes{
  font:inherit; font-size:.95rem; font-weight:600;
  padding:9px 22px; border-radius:6px;
  cursor:pointer; text-decoration:none;
  border:1px solid var(--sg-line);
}
.sg-ask-no{
  background:transparent; color:var(--sg-deep);
}
.sg-ask-no:hover{ border-color:var(--sg-deep); background:rgba(15,46,99,.04); }
.sg-ask-yes{
  background:var(--sg-deep); color:#F2F7FD !important;
  border-color:var(--sg-deep);
}
.sg-ask-yes:hover{ background:var(--sg-burgundy); border-color:var(--sg-burgundy); }

/* Astra צובעת כל <button> בצבע שלה — כאן זה נדרס במפורש */
.sg-ask .sg-ask-no,
.sg-ask button.sg-ask-no{
  background:transparent !important;
  background-image:none !important;
  color:var(--sg-deep) !important;
  border:1px solid var(--sg-line) !important;
  box-shadow:none !important;
}
.sg-ask .sg-ask-no:hover,
.sg-ask button.sg-ask-no:hover{
  background:rgba(15,46,99,.05) !important;
  border-color:var(--sg-deep) !important;
  color:var(--sg-deep) !important;
}
.sg-ask .sg-ask-yes{
  background:var(--sg-deep) !important;
  border-color:var(--sg-deep) !important;
}
.sg-ask .sg-ask-yes:hover{
  background:var(--sg-burgundy) !important;
  border-color:var(--sg-burgundy) !important;
}