.elementor-23259 .elementor-element.elementor-element-a0d63a6{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-8391c1a *//* שיטה 1: עם Flexbox */

.cards-container {
    display: flex;
    flex-wrap: nowrap; /* מונע מעבר לשורה חדשה */
    gap: 20px;
    overflow-x: auto; /* מאפשר גלילה אופקית במסכים קטנים */
    padding: 20px 0;
}

.card {
    flex: 0 0 auto; /* לא מתכווץ ולא גדל */
    min-width: 250px; /* רוחב מינימלי לכרטיס */
    width: 300px; /* רוחב קבוע לכרטיס */
}

/* שיטה 2: עם Grid */
.cards-container-grid {
    display: grid;
    grid-auto-flow: column; /* שומר את כל האלמנטים בשורה אחת */
    grid-auto-columns: minmax(250px, 1fr);
    gap: 20px;
    overflow-x: auto;
    padding: 20px 0;
}

/* שיטה 3: Flex עם חישוב דינמי */
.cards-container-dynamic {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
}

.cards-container-dynamic .card {
    flex: 0 0 calc(100% / 4 - 15px); /* 4 כרטיסים בשורה */
    min-width: 250px;
}

/* עיצוב נוסף לגלילה חלקה */
.cards-container,
.cards-container-grid,
.cards-container-dynamic {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* מסתיר scrollbar במקרים מסוימים */
.cards-container::-webkit-scrollbar,
.cards-container-grid::-webkit-scrollbar,
.cards-container-dynamic::-webkit-scrollbar {
    height: 8px;
}

.cards-container::-webkit-scrollbar-track,
.cards-container-grid::-webkit-scrollbar-track,
.cards-container-dynamic::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.cards-container::-webkit-scrollbar-thumb,
.cards-container-grid::-webkit-scrollbar-thumb,
.cards-container-dynamic::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.cards-container::-webkit-scrollbar-thumb:hover,
.cards-container-grid::-webkit-scrollbar-thumb:hover,
.cards-container-dynamic::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* דוגמה לשימוש עם 5 כרטיסים בשורה */
.five-cards-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}

.five-cards-row .card {
    flex: 0 0 calc(20% - 16px); /* 20% לכל כרטיס מתוך 5 */
    min-width: 200px;
}

/* Responsive - במסכים קטנים תהיה גלילה */
@media (max-width: 1400px) {
    .five-cards-row {
        overflow-x: auto;
    }
    
    .five-cards-row .card {
        flex: 0 0 300px;
    }
}
/* כפיית רקע לבן על כל ה-header - OVERRIDE חזק */
body header,
body .site-header,
body .main-header,
body .header-wrapper,
body #header,
.header,
[class*="header"] {
    background-color: #ffffff !important;
    background-image: none !important;
    background: #ffffff !important;
}

/* רקע ה-HEADER כולו - כולל אזור הלוגו */
header,
.site-header,
.main-header,
.header-wrapper,
#header {
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* הוספת צל עדין */
}

/* רקע התפריט הראשי */
nav,
.navbar,
.navigation,
header nav,
.menu-container,
.header-content {
    background-color: #ffffff !important;
}

/* אזור הלוגו */
.logo-container,
.site-logo,
.header-logo,
header .logo {
    background-color: #ffffff !important;
}

/* כל השורות והאלמנטים בתוך ה-header */
header *,
.site-header *,
.main-header *,
header > div,
header .row,
header .container {
    background-color: transparent !important;
}

/* וידוא שה-header עצמו לבן */
header::before,
header::after {
    background-color: #ffffff !important;
}

/* פריטי התפריט */
nav a,
.navbar a,
.menu-item,
.nav-link,
nav ul li a {
    color: #2c3e50 !important; /* טקסט כהה על רקע לבן */
}

/* מצב hover על פריטי תפריט */
nav a:hover,
.navbar a:hover,
.menu-item:hover,
.nav-link:hover {
    color: #3498db !important; /* צבע כחול בהובר */
    background-color: #f8f9fa !important;
}

/* תפריטי משנה */
.dropdown-menu,
.submenu,
nav ul ul {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0;
}

/* כפתורים בתפריט */
nav button,
.navbar button {
    background-color: #ffffff !important;
    color: #2c3e50 !important;
    border: 1px solid #ddd;
}

/* אייקונים בתפריט */
nav svg,
nav i,
.navbar svg,
.navbar i {
    color: #2c3e50 !important;
    fill: #2c3e50 !important;
}

/* לשונית השפה */
.language-.elementor-23259 .elementor-element.elementor-element-8391c1a,
.lang-.elementor-23259 .elementor-element.elementor-element-8391c1a {
    background-color: #ffffff !important;
    color: #2c3e50 !important;
}/* End custom CSS */