/**
 * קול המרצים — טוקנים עיצוביים
 * ---------------------------------------------------------------
 * חולצו מהאתר החי (kolhamartzim.co.il) ב-15.9.2026.
 * זהו מקור האמת היחיד לצבעים, טיפוגרפיה ומרווחים.
 *
 * שימוש:
 *   1. נטען ראשון בתבנית הבת, לפני כל CSS אחר.
 *   2. אותם ערכים בדיוק מוזנים ב-Elementor → Site Settings →
 *      Global Colors / Global Fonts, כדי שמה שנבנה באלמנטור
 *      יתאים אוטומטית לתבניות ה-PHP.
 *   3. אין hex קשיח בשום קובץ אחר. אף פעם.
 */

:root {
  /* ---------- מותג ---------- */
  --khm-primary:        #34b6d1;  /* טורקיז — הדר, פוטר, כפתורים ראשיים, h3 */
  --khm-primary-hover:  #2b9db5;  /* גוון כהה יותר — לא נמדד באתר, להתאמה */
  --khm-primary-light:  #e6f5f9;  /* רקע רך — לא נמדד באתר, להתאמה */
  --khm-accent:         #3a8dc2;  /* כחול משני — מופיע נקודתית */

  /* ---------- כפתורי פעולה כהים ---------- */
  --khm-dark:           #444444;  /* כפתורי CTA אפורים-כהים */
  --khm-black:          #000204;  /* כפתור שחור ("צפייה בדף הפרופיל") */

  /* ---------- ניטרלים ---------- */
  --khm-bg:             #ffffff;
  --khm-bg-alt:         #f6f6f6;  /* רצועות סקשן מתחלפות */
  --khm-bg-muted:       #e9e8e7;  /* עיגולי אייקונים, מצבי disabled */
  --khm-text:           #212529;  /* גוף הטקסט */
  --khm-text-soft:      #444444;  /* טקסט משני */
  --khm-text-invert:    #ffffff;
  --khm-border:         #ced4da;

  /* ---------- טיפוגרפיה ---------- */
  --khm-font:           "Heebo", -apple-system, "Segoe UI", Arial, sans-serif;
  --khm-font-alt:       "Open Sans Hebrew", var(--khm-font);

  --khm-fs-xs:          0.8125rem;  /* 13px — תוויות, כיתובים */
  --khm-fs-sm:          0.875rem;   /* 14px */
  --khm-fs-base:        1rem;       /* 16px — שדות טופס */
  --khm-fs-md:          1.125rem;   /* 18px */
  --khm-fs-lg:          1.25rem;    /* 20px — קישורים, כפתורים */
  --khm-fs-xl:          1.375rem;   /* 22px — הגודל הדומיננטי באתר */
  --khm-fs-2xl:         1.75rem;    /* 28px — כותרות משנה */
  --khm-fs-3xl:         2rem;       /* 32px — h3 / כותרות סקשן */
  --khm-fs-hero:        3.125rem;   /* 50px — כותרת ראשית */

  --khm-fw-normal:      400;
  --khm-fw-bold:        700;        /* באתר יש רק שני משקלים */

  --khm-lh-tight:       1.2;
  --khm-lh-base:        1.5;        /* 24px על 16px */

  /* ---------- צורה ---------- */
  --khm-radius:         4px;        /* ברירת מחדל — השכיח ביותר */
  --khm-radius-lg:      8px;        /* כרטיסים */
  --khm-radius-full:    50%;        /* אווטארים, עיגולי אייקון */

  --khm-shadow-card:    0 8px 16px rgba(0, 0, 0, 0.15);
  --khm-shadow-soft:    0 0 5px rgba(128, 128, 128, 0.5);

  /* ---------- פריסה ---------- */
  --khm-container:      1320px;     /* הורחב מ-1140; יותר מרחב לכרטיסים ולסליידר */
  --khm-header-h:       106px;
  --khm-gutter:         15px;

  --khm-space-1:        4px;
  --khm-space-2:        8px;
  --khm-space-3:        16px;
  --khm-space-4:        24px;
  --khm-space-5:        40px;
  --khm-space-6:        64px;

  /* ---------- נקודות שבירה (Bootstrap 4) ---------- */
  --khm-bp-sm:          576px;
  --khm-bp-md:          768px;
  --khm-bp-lg:          992px;
  --khm-bp-xl:          1200px;
}

/* ===============================================================
   בסיס
   =============================================================== */

body {
  font-family: var(--khm-font);
  font-size: var(--khm-fs-base);
  line-height: var(--khm-lh-base);
  color: var(--khm-text);
  background: var(--khm-bg);
  direction: rtl;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--khm-font);
  line-height: var(--khm-lh-tight);
  text-wrap: balance;
}

h1 { font-size: var(--khm-fs-hero); font-weight: var(--khm-fw-normal); }
h2 { font-size: var(--khm-fs-3xl);  font-weight: var(--khm-fw-bold); color: var(--khm-primary); }
h3 { font-size: var(--khm-fs-2xl);  font-weight: var(--khm-fw-bold); }

a {
  color: var(--khm-primary);   /* תיקון: היום זה #007bff — ברירת המחדל של Bootstrap */
  text-decoration: none;
}
a:hover { color: var(--khm-primary-hover); text-decoration: underline; }

/* ===============================================================
   רכיבים
   =============================================================== */

.khm-btn {
  display: inline-block;
  font-family: var(--khm-font);
  font-size: var(--khm-fs-xl);
  font-weight: var(--khm-fw-bold);
  line-height: 1.4;
  padding: var(--khm-space-2) var(--khm-space-4);
  border: 0;
  border-radius: var(--khm-radius);
  cursor: pointer;
  text-align: center;
  transition: background-color .15s ease;
}
@media (prefers-reduced-motion: reduce) { .khm-btn { transition: none; } }

.khm-btn--primary { background: var(--khm-primary); color: var(--khm-text-invert); }
.khm-btn--primary:hover { background: var(--khm-primary-hover); }

.khm-btn--dark { background: var(--khm-dark); color: var(--khm-text-invert); }
.khm-btn--dark:hover { background: var(--khm-black); }

.khm-btn--black { background: var(--khm-black); color: var(--khm-text-invert); }

.khm-btn--ghost {
  background: transparent;
  color: var(--khm-primary);
  box-shadow: inset 0 0 0 2px var(--khm-primary);
}
.khm-btn--ghost:hover { background: var(--khm-primary); color: var(--khm-text-invert); }

.khm-card {
  background: var(--khm-bg);
  border-radius: var(--khm-radius-lg);
  box-shadow: var(--khm-shadow-card);
  overflow: hidden;
}

.khm-container {
  max-width: var(--khm-container);
  margin-inline: auto;
  padding-inline: var(--khm-gutter);
}

.khm-section      { padding-block: var(--khm-space-6); }
.khm-section--alt { background: var(--khm-bg-alt); }

.khm-avatar {
  border-radius: var(--khm-radius-full);
  object-fit: cover;
  aspect-ratio: 1;
  max-width: 100%;
}

/* נגישות — לא היה באתר המקורי, נדרש */
:focus-visible {
  outline: 3px solid var(--khm-primary);
  outline-offset: 2px;
  border-radius: 2px;
}

/* ---------------------------------------------------------------
   צבעים סמנטיים לערוצי פנייה
   --------------------------------------------------------------- */
:root {
  --khm-wa:       #25d366;   /* ירוק וואטסאפ — זיהוי מיידי של הערוץ */
  --khm-wa-hover: #1eb558;
}