/* ==========================================================================
   Base - עיצוב משותף: מעטפת העמוד, הדר, פוטר, ותוכן כללי (index.php)
   נטען בכל עמודי האתר, לפני קובצי ה-CSS הייעודיים לכל תבנית.
   ========================================================================== */

.petachya-page {
  position: relative;
  width: var(--canvas-width);
  margin: 0 auto;
  background: var(--page-bg);
  font-family: var(--font-body);
  direction: rtl;

  /*
   * העיצוב כולו נבנה במידות פיקסל קבועות על קנבס ברוחב 1920px (תואם-פיגמה).
   * כדי שהאתר לעולם לא "יברח"/יגלוש הצידה במסכי דסקטופ רגילים (1366, 1440, 1536
   * וכו') - כל התוכן מוקטן (zoom) באופן יחסי ואחיד כך שיתאים בדיוק לרוחב המסך,
   * תוך שמירה מלאה על כל המיקומים/היחסים היחסיים בעיצוב (כאילו הוקטן צילום מסך).
   * במסכים ברוחב 1920px ומעלה (=רוחב הקנבס המקורי) האתר מוצג בגודל מלא (100%),
   * בלי הקטנה ובלי הגדלה.
   */
  zoom: min(1, calc(100vw / var(--canvas-width)));
}

@supports not (zoom: 1) {
  /* גיבוי לדפדפנים ישנים מאוד שאינם תומכים ב-zoom (נדיר מאוד ב-2026): גלילה אופקית מבוקרת במקום גלישה חופשית. */
  html, body {
    overflow-x: auto;
  }
}

/* ---------- HEADER (משותף לכל העמודים) ---------- */
.site-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 299px;
  padding: 30px 115px 30px 93px;
  background: var(--page-bg);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 5;
}

.site-header .nav-link {
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 32px;
  color: var(--brand-dark);
  text-decoration: none;
  white-space: nowrap;
}

.site-header .nav-link:hover,
.site-header .nav-link:focus {
  text-decoration: underline;
}

.site-header .logo-link {
  display: inline-flex;
  line-height: 0;
}

.site-header .logo,
.site-header .custom-logo {
  width: 84px;
  height: 82px;
  object-fit: contain;
}

.site-header-divider {
  display: block;
  width: 100%;
  height: auto;
  margin: -8px;
}

/* ---------- FOOTER (משותף לכל העמודים, עם וריאנט מצומצם לדף הבית) ---------- */
.footer {
  position: relative;
  width: 100%;
  height: 450px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 108px;
  gap: 119px;
  overflow: hidden;
  background: var(--page-bg);
}

.footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 362px;
  height: 89px;
  background: var(--brand-dark);
  border-radius: 13px;
}

.footer-upper-row {
  position: relative;
  width: 1920px;
  height: 162px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 131px 0 191px;
  z-index: 2;
}

.footer-upper-row .footer-logo {
  width: 165px;
  height: 162px;
  object-fit: contain;
}

.footer-links-cluster {
  position: relative;
  width: 731px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  font-size: 20px;
  color: var(--brand-dark);
  white-space: nowrap;
}

.footer-links-cluster a {
  color: var(--brand-dark);
  text-decoration: none;
}

.footer-links-cluster a:hover,
.footer-links-cluster a:focus {
  text-decoration: underline;
}

.footer-links-cluster .divider {
  width: 1px;
  height: 22px;
  background: var(--brand-dark);
  opacity: 0.5;
}

.footer-paragraph {
  text-align: right;
  color: var(--brand-dark);
  font-size: 18px;
  line-height: 1.6;
  white-space: nowrap;
}

.footer-paragraph p:first-child {
  font-weight: 700;
}

.footer-paragraph p {
  margin: 0;
}

.footer-lower-group {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  color: white;
  font-size: 20px;
}

.footer-lower-group .divider {
  width: 1px;
  height: 22px;
  background: white;
  opacity: 0.6;
}

/* וריאנט מצומצם - דף הבית בלבד: הפוטר מוצג כפס תחתון דק (בהתאם לעיצוב הפיגמה,
   מכיוון שאזור "יצירת קשר" בדף הבית כבר מציג לוגו/פרטי קשר). */
.footer.footer--compact {
  height: 97px;
  padding-top: 0;
  gap: 0;
  justify-content: center;
  background: var(--brand-dark);
}

.footer.footer--compact::before {
  display: none;
}

/* ---------- תוכן כללי (index.php - Fallback) ---------- */
.generic-content-wrap {
  padding: 80px 115px;
  min-height: 400px;
  background: var(--page-bg);
}

.generic-content-inner {
  max-width: 1100px;
  margin: 0 auto;
  color: var(--brand-dark);
}

.generic-post-title {
  font-family: var(--font-title);
  font-size: 48px;
  margin-bottom: 24px;
}

.generic-post-content {
  font-size: 20px;
  line-height: 1.7;
}

.generic-empty {
  font-size: 22px;
  text-align: center;
}