/* ============================================================
   כותרות המותג — זהות לכותרות של דף זמני היום באפליקציה:
   48px, משקל 800, והגרדיאנט המתחלף סגול→סגלגל→טורקיז
   (‎#6200EE → #8A2BE2 → #00BFA5‎) צבוע לתוך הטקסט עצמו.
   display:table כדי שהמדרג יימתח על רוחב הטקסט ולא על כל השורה.
   נטען אחרון בכל הדפים ולכן גובר על ההגדרות הישנות.
   ============================================================ */

.section-title,
.section-head h2,
.hero-text-below h1,
.hero-text-below .hero-title,
.ucr-papa__headline,
.legal-hero h1 {
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: normal !important;
    text-wrap: balance;
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: .06em;
    color: #1C1B22;
    background-image: linear-gradient(to right, #6200EE 0%, #8A2BE2 44%, #00BFA5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* em בתוך כותרת (למשל "Know everything.") יורש את הגרדיאנט ולא צבע משלו */
.ucr-papa__headline em,
.section-title em { color: inherit; -webkit-text-fill-color: inherit; font-style: normal; }

/* כותרות שיושבות על רקע כהה (הפס השחור של סרטון הקלינג בדף הבית) —
   אותו גרדיאנט בגרסה מוארת, כמו שהאפליקציה עושה בכרטיסי הלילה שלה */
.hero-title:not(.hero-text-below .hero-title),
h2.hero-title {
    font-size: 48px !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    text-wrap: balance;
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
    background-image: linear-gradient(to right, #C9A8FF 0%, #B78CFF 44%, #5EEAD4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* כותרות משנה בכרטיסים (העמודים המשפטיים ועמוד האפליקציה) — אותו צבע
   מתחלף, בגודל הכרטיס הקיים */
.legal-card h2 {
    background-image: linear-gradient(to right, #6200EE 0%, #8A2BE2 60%, #00BFA5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.legal-card h2 .legal-ic { -webkit-text-fill-color: initial; }

/* גיבורי העמודים המשפטיים: המשטח הסגול המלא הוחלף ברקע בהיר, כך
   שכותרת הגרדיאנט קריאה — באותו כיוון של החלפת המשטח בזמן טעינת וידאו */
.legal-hero {
    background: #F5F5F7 !important;
}
.legal-hero p { color: #615B77 !important; opacity: 1 !important; }
.legal-hero .legal-badge {
    background: #F0E9FE !important;
    color: #5B0ECC !important;
    backdrop-filter: none !important;
}

/* מובייל: הכותרות נשברות יפה גם ב-48px, אבל לא גולשות מהמסך */
@media (max-width: 480px) {
    .section-title, .section-head h2, .hero-text-below h1, .hero-text-below .hero-title,
    .ucr-papa__headline, .legal-hero h1, .hero-title, h2.hero-title {
        font-size: 38px !important;
    }
}

/* מצב כהה: הכרטיסים כהים — עוברים לגרסה המוארת של אותו גרדיאנט */
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .hero-text-below h1,
html[data-theme="dark"] .ucr-papa__headline,
html[data-theme="dark"] .legal-card h2 {
    background-image: linear-gradient(to right, #C9A8FF 0%, #B78CFF 44%, #5EEAD4 100%);
}
html[data-theme="dark"] .legal-hero { background: #16121F !important; }
html[data-theme="dark"] .legal-hero p { color: #A29BB8 !important; }