/*
 * GENERATED FILE — do not edit by hand.
 * Source of truth: the GP Element hooks listed below.
 * Regenerate with:  wp eval-file ../private/ybl-build-css.php
 * Generated: 2026-08-21 20:17:49 UTC
 */
 /* emitted at wp_head priority 5 (BEFORE the theme stylesheets) */

/* ===== hook 765 (wp_head priority 5) — Hook 1: CSS Variables & GP Font Library ===== */


/* ═══════════════════════════════════════════════════════════════════ */

/*                    🔤 הגדרת פונטים מ-GeneratePress Font Library        */

/* ═══════════════════════════════════════════════════════════════════ */



/* הפונטים כבר נטענים מ-GeneratePress Font Library - לא צריך @font-face */



/* ═══════════════════════════════════════════════════════════════════ */

/*                    💡 משתני CSS גלובליים - עיצוב Flat Design          */

/* ═══════════════════════════════════════════════════════════════════ */



:root {

    /* צבעים עיקריים - כחול ירוק משפטי */

    --green-elegant: #2D5A4A;

    --green-dark: #1E4436;

    --green-hover: #3D7561;

    --green-primary: #2D5A4A;

    

    /* צבעי זהב מתכתי */

    

    /* צבעי טקסט ורקע */

    --text-dark: #2C2C2C;

    --text-medium: #4A4A4A;

    --white: #FFFFFF;

    --beige-light: #F8F2E8;

    --cream-elegant: #F4E6C8;

    

    /* צבעי לוגו */

    --logo-main-color: #2C2C2C;

    --logo-subtitle-color: #3A3A3A;

    --logo-main-hover: #2D5A4A;

    --logo-subtitle-hover: #2A2A2A;

    

    /* צבעי אפקט מתכתי לאזור הלוגו */

    --header-metal-base: #D4B886;

    --header-metal-accent: #C5A572;

    --header-metal-dark: #B8945C;

    

    /* 🎨 היררכיית צבעים חדשה לתפריט מובייל - Flat Design */

    

    /* רמה 1 - פריטים ראשיים */

    --level1-bg: transparent;

    --level1-text: #2C2C2C;

    --level1-arrow: #2D5A4A;

    --level1-border: rgba(212, 184, 134, 0.2);

    --level1-hover: rgba(45, 90, 74, 0.05);

    --level1-button-color: #2D5A4A;

    

    /* רמה 2 - תת-תפריט ראשון */

    --level2-bg: rgba(232, 242, 249, 0.5); /* #E8F2F9 */

    --level2-text: #2C2C2C;

    --level2-arrow: #35695A;

    --level2-border: rgba(53, 105, 90, 0.1);

    --level2-hover: rgba(45, 90, 74, 0.08);

    --level2-button-color: #35695A;

    

    /* רמה 3 - תת-תפריט שני */

    --level3-bg: rgba(240, 243, 246, 0.5); /* #F0F3F6 */

    --level3-text: #4A6B5A;

    --level3-arrow: #3E7A6B;

    --level3-border: rgba(62, 122, 107, 0.1);

    --level3-hover: rgba(74, 107, 90, 0.08);

    --level3-button-color: #3E7A6B;

    

    /* רמה 4 - תת-תפריט שלישי */

    --level4-bg: rgba(248, 249, 250, 0.5); /* #F8F9FA */

    --level4-text: #6C757D;

    --level4-arrow: #4A7A63;

    --level4-border: rgba(74, 122, 99, 0.1);

    --level4-hover: rgba(108, 117, 125, 0.08);

    --level4-button-color: #4A7A63;

    

    /* רמה 5 - תת-תפריט רביעי */

    --level5-bg: rgba(255, 248, 240, 0.5); /* #FFF8F0 */

    --level5-text: #8B6F47;

    --level5-arrow: #8B6F47;

    --level5-border: rgba(197, 165, 114, 0.1);

    --level5-hover: rgba(139, 111, 71, 0.10);

    --level5-button-color: #8B6F47;

    

    /* 🎨 גדלי חץ לפי רמה */

    --arrow-size-level1: 14px;

    --arrow-size-level2: 13px;

    --arrow-size-level3: 12px;

    --arrow-size-level4: 12px;

    --arrow-size-level5: 12px;

    

    /* מידות ואנימציות - תקן נגישות 5568 - Flat Design */

    --btn-size: 44px; /* גודל מינימלי לתקן נגישות */

    --nav-transition: .3s ease; /* אנימציה פשוטה */

    --nav-shadow: none; /* ללא צל - Flat Design */

    --nav-height: 80px;

    

    /* גדלי פונט לתקן נגישות - מינימום 16px */

    --font-size-base: max(1rem, 16px);

    --font-size-small: max(0.875rem, 14px);

    --font-size-large: max(1.125rem, 18px);

    --font-size-xlarge: max(1.25rem, 20px);

    

    /* הגדרות כפתורי תפריט דסקטופ - נשארות ללא שינוי */

    --nav-btn-min-width: 44px;

    --nav-btn-min-height: 44px;

    --nav-btn-padding-top: 12px;

    --nav-btn-padding-bottom: 12px;

    --nav-btn-padding-left: 18px;

    --nav-btn-padding-right: 18px;

    --nav-btn-border-radius: 8px;

    --nav-btn-gap: clamp(0.5rem, 2vw, 24px);

    

    /* צבעי כפתורים דסקטופ - נשארים ללא שינוי */

    --nav-btn-bg: rgba(255, 255, 255, 0.1);

    --nav-btn-bg-hover: var(--green-elegant);

    --nav-btn-text-color: var(--text-dark);

    --nav-btn-text-color-hover: var(--white);

    --nav-btn-border-color: rgba(45, 90, 74, 0.2);

    --nav-btn-border-color-hover: var(--green-elegant);

    --nav-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

    --nav-btn-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.25);

    

    /* 🎨 משתני פונטים - משתמשים ב-GeneratePress Font Library */

    --font-primary: 'Assistant', 'Noto Sans Hebrew', Arial, sans-serif;

    --font-serif: 'Noto Serif Hebrew', 'Times New Roman', serif;

    --font-logo: 'Noto Serif Hebrew', serif;

    

    /* 🎨 משתנים חדשים לעיצוב Flat */

    --flat-border-radius: 8px; /* רדיוס סטנדרטי */

    --flat-border-radius-small: 6px; /* רדיוס קטן */

    --flat-border-width: 2px; /* עובי גבול סטנדרטי */

    --flat-shadow: none; /* ללא צללים */

    --flat-transition: 0.3s ease; /* אנימציה פשוטה */

    

    /* 🎨 צבעי Flat Design */

    --flat-blue-primary: #2D5A4A;

    --flat-blue-secondary: #35695A;

    --flat-gray-light: rgba(248, 249, 250, 0.5);

    --flat-border-light: rgba(255, 255, 255, 0.2);

    

    /* 🎨 הגדרות תפריט מובייל Flat */

    --mobile-menu-width: 90%;

    --mobile-menu-max-width: 500px;

    --mobile-menu-border-radius: 16px;

    --mobile-menu-top-spacing: 90px;

    --mobile-menu-padding: 0;

    --mobile-menu-header-height: 56px;

    --mobile-menu-item-height: 52px;

    --mobile-menu-item-height-main: 56px;

}



/* ═══════════════════════════════════════════════════════════════════ */

/*                    🎨 אופטימיזציות פונטים מתקדמות                    */

/* ═══════════════════════════════════════════════════════════════════ */



/* הגדרות טעינת פונטים מתקדמות */

html {

    font-synthesis: weight style;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

}



/* הגדרות font-feature עבור עברית */

*[lang="he"], 

*[dir="rtl"],

body {

    font-feature-settings: 'kern' 1, 'liga' 1, 'clig' 1;

    font-variant-ligatures: common-ligatures contextual;

    font-variant-numeric: lining-nums;

    text-align: right;

    direction: rtl;

}



/* ═══════════════════════════════════════════════════════════════════ */

/*                🚀 אופטימיזציות ביצועים ל-Font Library                */

/* ═══════════════════════════════════════════════════════════════════ */



/* GPU acceleration לטקסט חלק */

.ybl-logo-main,

.ybl-logo-subtitle {

    will-change: transform;

    backface-visibility: hidden;

    perspective: 1000px;

    font-optical-sizing: auto;

}



/* מניעת reflow בטעינת פונטים */

.ybl-nav-menu a,

.ybl-logo {

    font-size-adjust: 0.5;

    font-variation-settings: normal;

}



/* ═══════════════════════════════════════════════════════════════════ */

/*                      🔧 תיקוני תאימות דפדפנים                       */

/* ═══════════════════════════════════════════════════════════════════ */



/* Safari & Webkit */

@supports (-webkit-appearance: none) {

    .ybl-logo-main,

    .ybl-logo-subtitle {

        -webkit-font-smoothing: antialiased;

    }

}



/* Firefox */

@supports (-moz-appearance: none) {

    .ybl-logo-main,

    .ybl-logo-subtitle {

        -moz-osx-font-smoothing: grayscale;

    }

}



/* Edge & IE */

@supports (-ms-ime-align: auto) {

    .ybl-logo-main,

    .ybl-logo-subtitle {

        font-feature-settings: normal;

    }

}



/* ═══════════════════════════════════════════════════════════════════ */

/*                      📱 אופטימיזציות מובייל                         */

/* ═══════════════════════════════════════════════════════════════════ */



/* הקטנת עומס במובייל */

@media (max-width: 768px) {

    :root {

        /* טעינה מצומצמת יותר במובייל */

        font-variant-ligatures: none;

        font-feature-settings: 'kern' 1;

        

        /* 🎨 התאמות Flat Design למובייל */

        --mobile-menu-width: 94%;

        --mobile-menu-top-spacing: 80px;

        --mobile-menu-padding: 0;

    }

}



/* ביצועים למסכים קטנים */

@media (max-width: 480px) {

    * {

        text-rendering: optimizeSpeed;

    }

    

    :root {

        /* 🎨 התאמות נוספות למסכים קטנים */

        --mobile-menu-width: 94%;

        --mobile-menu-item-height: 56px;

        --mobile-menu-item-height-main: 58px;

    }

}



/* טאבלט */

@media (min-width: 768px) and (max-width: 1024px) {

    :root {

        /* 🎨 התאמות לטאבלט */

        --mobile-menu-width: 80%;

        --mobile-menu-max-width: 600px;

        --mobile-menu-top-spacing: 100px;

        --mobile-menu-item-height: 56px;

        --mobile-menu-item-height-main: 60px;

    }

}



/* מסכים קטנים מאוד */

@media (max-width: 360px) {

    :root {

        /* 🎨 התאמות למסכים קטנים מאוד */

        --mobile-menu-width: 96%;

        --mobile-menu-padding: 0;

    }

}



/* ═══════════════════════════════════════════════════════════════════ */

/*                     🎯 הבטחת עקביות פונטים                          */

/* ═══════════════════════════════════════════════════════════════════ */



/* וידוא שהפונטים מ-GP Font Library נטענים נכון */

.ybl-logo-main {

    font-family: var(--font-logo) !important;

    font-weight: 800 !important;

}



.ybl-logo-subtitle {

    font-family: var(--font-primary) !important;

    font-weight: 600 !important;

}



.ybl-nav-menu a {

    font-family: var(--font-primary) !important;

    font-weight: 520 !important;

}



/* תפריט מובייל */

.mobile-mode .ybl-nav-menu-container.mobile-open .ybl-nav-menu a {

    font-family: var(--font-serif) !important;

}



/* כותרת תפריט מובייל */

.mobile-mode .ybl-nav-menu-container.mobile-open .ybl-nav-menu::before {

    font-family: var(--font-serif) !important;

}



/* כפתור שיחה מיידית */

.mobile-mode .ybl-nav-menu-container.mobile-open .ybl-nav-menu::after {

    font-family: var(--font-serif) !important;

}



/* כותרת טופס מובייל */

.mobile-mode .ybl-mobile-contact-form h3 {

    font-family: var(--font-serif) !important;

}



/* שדות טופס */

.mobile-mode .ybl-form-group input,

.mobile-mode .ybl-form-group textarea,

.mobile-mode .ybl-submit-btn {

    font-family: var(--font-primary) !important;

}



/* ═══════════════════════════════════════════════════════════════════ */

/*                     ♿ נגישות משופרת לפונטים                         */

/* ═══════════════════════════════════════════════════════════════════ */



/* הפחתת תנועה */

@media (prefers-reduced-motion: reduce) {

    .ybl-logo-main,

    .ybl-logo-subtitle {

        will-change: auto;

    }

    

    :root {

        /* 🎨 אנימציות מופחתות ל-Flat Design */

        --flat-transition: 0.01s ease;

        --nav-transition: 0.01s ease;

    }

}



/* ניגודיות גבוהה */

@media (prefers-contrast: high) {

    .ybl-logo-main,

    .ybl-logo-subtitle {

        font-weight: 900 !important;

        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

    }

    

    :root {

        /* 🎨 צבעים מועצמים לניגודיות גבוהה */

        --level1-arrow: #1A2A22;

        --level1-button-color: #1A2A22;

        --level2-arrow: #2D5A4A;

        --level2-button-color: #2D5A4A;

        --level3-arrow: #2E5245;

        --level3-button-color: #2E5245;

        --level4-arrow: #4A544D;

        --level4-button-color: #4A544D;

        --level5-arrow: #6D4C2F;

        --level5-button-color: #6D4C2F;

        --flat-border-width: 3px;

    }

}



/* דיסלקציה */

@media (prefers-reduced-motion: reduce) {

    * {

        font-family: 'Assistant', Arial, sans-serif !important;

        letter-spacing: 0.12em;

        word-spacing: 0.16em;

        line-height: 1.5;

    }

}



/* Critical path optimization */

@media print {

    * {

        font-family: 'Noto Serif Hebrew', serif !important;

        -webkit-print-color-adjust: exact;

        color-adjust: exact;

    }

}



/* 🎨 Flat Design - עקביות גלובלית */

.ybl-flat-element {

    border-radius: var(--flat-border-radius);

    border-width: var(--flat-border-width);

    box-shadow: var(--flat-shadow);

    transition: var(--flat-transition);

}



/* חצים בהיררכיה */

.ybl-arrow-level1::before { font-size: var(--arrow-size-level1) !important; color: var(--level1-arrow) !important; }

.ybl-arrow-level2::before { font-size: var(--arrow-size-level2) !important; color: var(--level2-arrow) !important; }

.ybl-arrow-level3::before { font-size: var(--arrow-size-level3) !important; color: var(--level3-arrow) !important; }

.ybl-arrow-level4::before { font-size: var(--arrow-size-level4) !important; color: var(--level4-arrow) !important; }

.ybl-arrow-level5::before { font-size: var(--arrow-size-level5) !important; color: var(--level5-arrow) !important; }



/* רקעים בהיררכיה */

.ybl-bg-level1 { background: var(--level1-bg) !important; }

.ybl-bg-level2 { background: var(--level2-bg) !important; }

.ybl-bg-level3 { background: var(--level3-bg) !important; }

.ybl-bg-level4 { background: var(--level4-bg) !important; }

.ybl-bg-level5 { background: var(--level5-bg) !important; }