/*
 Theme Name: GeneratePress Child
 Template: generatepress
 Version: 1.0.0
*/

/* --- הגדרות מבנה כלליות --- */
.site-content {
    background-color: transparent !important; /* רקע שקוף לתוכן האתר */
    padding: 30px !important; /* ריווח פנימי לתוכן האתר */
}

.site-main .inside-article {
    padding-top: 0 !important; /* ריווח פנימי לפוסט */
}

.inside-left-sidebar #block-2 {
    background-color: transparent !important; /* צבע רקע לסרגל הצדדי השמאלי */
    padding: 0 !important; /* ריווח פנימי לסרגל הצדדי השמאלי */
}

/* --- תיקוני RTL לתפריט ולוגו (דסקטופ ומובייל) --- */

/* 1. סידור דסקטופ (מסכים גדולים) */
.rtl .inside-header {
    flex-direction: row-reverse !important;
}

.nav-float-right #site-navigation {
    margin-left: unset !important;
    margin-right: auto !important;
}

.rtl .main-navigation ul,
.rtl .main-navigation .main-nav ul li a {
    text-align: right !important;
}

/* ==================================================
   2. סידור מסכים קטנים (מובייל וטאבלט) לפי ה-HTML שלך
   ================================================== */

/* ==================================================
   תיקון RTL למסכים קטנים (מובייל וטאבלט) לפי ה-HTML שלך
   ================================================== */
@media (max-width: 768px) {
    /* הגדרת גריד/פלקס עם מרווח מקסימלי בין האלמנטים */
    .rtl .has-inline-mobile-toggle .inside-header {
        display: flex !important;
        flex-direction: row !important; /* משאיר כיוון זרימה רגיל */
        justify-content: space-between !important; /* דוחף לקצוות המנוגדים */
        align-items: center !important;
        width: 100% !important;
    }

    /* 1. שם האתר (הברנד) - מקבל עדיפות ראשונה ויורד לצד ימין */
    .rtl .has-inline-mobile-toggle .site-branding {
        order: 1 !important;
        margin-left: auto !important; /* דוחף את כל מה שמשמאלו לשמאל */
        margin-right: 0 !important; /* נצמד לימין */
        text-align: right !important;
    }

    /* 2. כפתור ההמבורגר (הניווט) - מקבל עדיפות שנייה ויורד לצד שמאל */
    .rtl .has-inline-mobile-toggle #mobile-menu-control-wrapper {
        order: 2 !important;
        margin-right: auto !important; /* דוחף את כל מה שמימינו לימין */
        margin-left: 0 !important; /* נצמד לשמאל */
    }

    /* איפוס מרווחים פנימיים של הכפתור עצמו בתוך המעטפת */
    .rtl .has-inline-mobile-toggle .menu-toggle {
        margin: 0 !important;
    }
}

/* --- התאמת תמונות בפוסט בודד (Single Post) --- */
.single-post article .inside-article {
    display: flex;
    flex-direction: column;
}

/* 1. העברת הכותרת והתאריך לראש הפוסט */
.single-post article .inside-article .entry-header {
    order: 1 !important;
    margin: 20px 0; /* רווח בין הכותרת לתמונה */
}

/* 2. העברת המעטפת של התמונה הבולטת למקום השני */
.single-post article .inside-article .featured-image,
.single-post .site-main .inside-article .page-header-image-single {
    order: 2 !important;
    width: 100% !important;
    height: 300px !important; /* קובע את הגובה הרצוי למעטפת */
    overflow: hidden !important; /* חותך כל מה שיוצא מגבולות ה-300 פיקסלים */
    margin-bottom: 30px !important; /* מרווח נשימה נקי בין התמונה לטקסט */
}

.single-post .page-header-image-single {
    margin-bottom: 0 !important;
}

/* 3. עיצוב וחיתוך התמונה האמיתית בפנים ללא עיוות */
.single-post .site-main .inside-article .page-header-image-single img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* מבצע את ה-Crop המושלם */
    object-position: center center !important; /* ממרכז את החיתוך */
}

.site-main .post .inside-article {
    height: 100% !important;
}

/* 4. השארת תוכן המאמר בסוף */
.single-post article .inside-article .entry-content,
.single-post .site-main .inside-article .entry-content {
    order: 3 !important;
    margin-top: 0 !important; /* רווח בין התמונה לטקסט */
}

/* --- עיצוב מטא דאטה של הפוסט (תאריך ומחבר) --- */
footer.entry-meta {
    display: none !important; /* הסרת שורת המטא התחתונה מכל הפוסטים באתר */
}

/* הצגת המטא דאטה בפוסט הבודד בלבד */
.single-post .entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px; /* מרווח בין התאריך למחבר */
    font-size: 14px; /* גודל פונט מעט קטן ואלגנטי */
    color: #64748b; /* צבע אפור מקצועי */
    margin-top: 10px;
}

.entry-meta a {
    color: #64748b !important;
    text-decoration: none;
}

.entry-meta a:hover {
    color: #1e293b !important; /* צבע כהה יותר במעבר עכבר */
}

/* הוספת אייקון שעון/לוח שנה לפני התאריך */
.single-post .entry-meta .posted-on::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%2364748b' width='16' height='16'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z' /%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px; /* רווח בין האייקון לטקסט בעברית */
}

/* הוספת אייקון דמות לפני שם המפרסם */
.single-post .entry-meta .byline::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%2364748b' width='16' height='16'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z' /%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px; /* רווח בין האייקון לטקסט בעברית */
}

/* --- ביטול ה-Padding של הסיידבר השמאלי --- */
.left-sidebar .inside-left-sidebar {
    padding: 0 !important; /* מאפס את הריווח של כל הסיידבר */
}

.left-sidebar .widget {
    padding: 0 !important; /* מאפס את הריווח של הווידג'טים בתוך הסיידבר כדי שהכרטיסיות ייצמדו לקצוות */
    margin-bottom: 0 !important; /* מונע כפל מרווחים, הרי יש לך כבר margin-bottom בתוך gb-loop-item */
}

/* --- סיידבר: כרטיסיות Query Loop --- */
.left-sidebar .gb-loop-item {
    background-color: #ffffff; /* רקע לבן לכרטיסייה */
    border: 1px solid #e2e8f0; /* מסגרת עדינה מאוד */
    border-radius: 8px; /* פינות מעוגלות ומודרניות */
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 2px 4px -1px rgba(0, 0, 0, 0.03); /* צל עדין שנותן עומק */
    margin-bottom: 30px; /* מרווח אנכי בין כרטיסייה לכרטיסייה */
    overflow: hidden; /* מוודא שהתמונה לא תגלוש מהפינות המעוגלות */
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease; /* אפקט תנועה קל במעבר עכבר */
}

.left-sidebar .gb-loop-item:hover {
    transform: translateY(-3px); /* קפיצה קלה למעלה */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); /* צל דומיננטי יותר */
}

/* חיתוך ומרכוס תמונות ה-Query Loop בסיידבר */
.left-sidebar .gb-loop-item img {
    width: 100% !important;
    height: 150px !important; /* הגובה המדויק לכרטיסיות בסיידבר */
    object-fit: cover !important; /* מבצע את ה-Crop ללא עיוות התמונה */
    object-position: center center !important; /* ממרכז את החיתוך */
}

/* ריווחים פנימיים לאלמנטים בתוך כרטיסיית הסיידבר */
.left-sidebar .gb-loop-item h4.left-sidebar-title {
    margin-top: 20px;
    padding: 0 20px;
}

.left-sidebar .gb-loop-item p.left-sidebar-paragraph {
    margin-top: 10px;
    padding: 0 20px 0 20px;
}

.left-sidebar .gb-loop-item a.left-sidebar-link {
    margin-top: 10px;
    padding: 0 20px 20px 20px;
    text-decoration: none; /* הסרת קו תחתון מהקישור */
}

/* אפקט ריחוף מעל קישור קרא עוד בסיידבר */
.left-sidebar .gb-loop-item a:hover,
.left-sidebar .gb-loop-item .gb-headline-button:hover {
    color: #0369a1 !important; /* גוון כחול עמוק ומקצועי */
    text-decoration: none !important;
}

/* התאמת גובה תמונת הדמי החדשה בתוך ה-Query Loop בסיידבר */
.left-sidebar .gb-loop-item .placeholder-sidebar-image,
.left-sidebar .gb-loop-item .placeholder-sidebar-image a {
    width: 100% !important;
    height: 150px !important;
    display: block !important;
    overflow: hidden !important;
}

/* ==================================================
   הזרקת תמונת דמי (Placeholder) לפוסטים בסיידבר
   ================================================== */

/* 1. הגדרת כרטיסיית הסיידבר כ-Flexbox כדי שהתמונה המוזרקת תעלה לראש הכרטיס */
.left-sidebar .gb-loop-item {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

/* 2. יצירת תמונת הדמי בראש הכרטיסייה - אך ורק אם אין בה תמונה אמיתית */
/* .left-sidebar .gb-loop-item .no-thumb {
    background-image: url("http://localhost/savta-ai/wp-content/uploads/2026/06/placeholder-image.webp") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
} */

/* 3. סידור שאר אלמנטי הכרטיסייה מתחת לתמונת הדמי */
.left-sidebar .gb-loop-item .left-sidebar-title {
    order: 2 !important;
    padding: 0 15px !important; /* ריווח פנימי עדין לכותרת */
}

.left-sidebar .gb-loop-item .left-sidebar-paragraph {
    order: 3 !important;
    padding: 0 15px !important; /* ריווח פנימי עדין לטקסט */
    flex-grow: 1 !important;
}

.left-sidebar .gb-loop-item .left-sidebar-link {
    order: 4 !important;
    padding: 0 15px 15px 15px !important; /* ריווח פנימי עדין לקישור בתחתית */
}

/* --- מערכת תגובות (Comments Form) --- */
.comment-notes,
.logged-in-as {
    display: none !important; /* העלמת שורת סטטוס וכיתוב שדות חובה */
}

/* סידור ובניית רשת גמישה לטופס התגובות */
.comment-form {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    margin-top: 15px;
}

/* קביעת סדר הופעת האלמנטים בטופס */
.comment-form-author {
    order: 1;
}
.comment-form-email {
    order: 2;
}
.comment-form-comment {
    order: 3;
}
.form-submit {
    order: 4;
}

/* שדה התגובה והכפתור תמיד תופסים שורה מלאה */
.comment-form-comment,
.form-submit {
    flex: 1 1 100% !important;
    max-width: 100% !important;
}

.comment-logged-in-info {
    margin-bottom: 15px !important; /* רווח בין שורת הסטטוס לשדה התגובה */
}

.comment-reply-title a#cancel-comment-reply-link {
    margin: 0 10px !important; /* רווח בין כותרת התגובה לקישור ביטול */
}

/* --- התאמות רספונסיביות לטופס התגובות (Media Queries) --- */

/* מסכי דסקטופ וטאבלט - שם ואימייל זה לצד זה */
@media (min-width: 769px) {
    .comment-form {
        gap: 3% !important;
    }

    .comment-form-author,
    .comment-form-email {
        flex: 1 1 47% !important;
        max-width: 47% !important;
    }

    .comment-form-author input,
    .comment-form-email input {
        width: 100% !important;
    }
}

/* מסכי מובייל - שדות ברוחב מלא אחד מתחת לשני */
@media (max-width: 768px) {
    .comment-form-author,
    .comment-form-email {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px;
    }
}

/* --- כפיית תצוגת גריד גלובלית על עמודי הארכיון, הבלוג והקטגוריות --- */

/* הגדרת בסיס גריד קבוע לכל מסכים ומרווח של 30 פיקסלים */
.blog .site-main,
.archive .site-main,
.category .site-main {
    display: grid !important;
    gap: 30px !important; /* המרווח המבוקש בין הכרטיסיות */
    align-items: stretch !important;
}

/* מובייל (עד 767 פיקסלים) - פוסט אחד בשורה עם מרווח של 30 פיקסלים */
@media (max-width: 767px) {
    .blog .site-main,
    .archive .site-main,
    .category .site-main {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

/* טאבלט (768 פיקסלים עד 1024 פיקסלים) - 2 פוסטים בשורה */
@media (min-width: 768px) and (max-width: 1024px) {
    .blog .site-main,
    .archive .site-main,
    .category .site-main {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* דסקטופ (מ-1025 פיקסלים ומעלה) - 3 פוסטים בשורה */
@media (min-width: 1025px) {
    .blog .site-main,
    .archive .site-main,
    .category .site-main {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* מניעת עיוות של פוסטים רחבים */
.blog .site-main article,
.archive .site-main article,
.category .site-main article {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* --- פתרון הניווט (NAV): הוצאה מוחלטת של אלמנטים שאינם פוסטים מהמבנה של ה-Grid --- */
.blog .site-main .page-header,
.archive .site-main .page-header,
.category .site-main .page-header,
.blog .site-main nav.paging-navigation,
.archive .site-main nav.paging-navigation,
.category .site-main nav.paging-navigation,
.blog .site-main nav.navigation,
.archive .site-main nav.navigation,
.category .site-main nav.navigation,
.load-more-container {
    grid-column: 1 / -1 !important; /* מותח את האלמנט מקצה לקצה על פני כל העמודות */
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important; /* מנקה את הפוסטים שמעליו כדי לרדת שורה */
    text-align: center !important;
}

/* ריווח ומירכוז כפתורי העמודים והקודם/הבא */
nav.paging-navigation,
nav.navigation {
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
}

nav.paging-navigation .nav-links,
nav.navigation .nav-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
}

/* ==========================================
   העלמת האייקונים והחיצים - השארת מלל בלבד
   ========================================== */

/* 1. העלמת כל אלמנט ויזואלי של חץ (SVG) הקיים בניווט */
nav.paging-navigation .gp-icon,
nav.paging-navigation svg {
    display: none !important;
}

/* 2. העלמת חצי הטקסט (→ ו-←) מתוך הקישורים של הקודם והבא */
nav.paging-navigation .nav-links .prev span[aria-hidden="true"],
nav.paging-navigation .nav-links .next span[aria-hidden="true"],
.nav-next span[aria-hidden="true"] {
    display: none !important;
}

/* 3. ליתר ביטחון - מחיקת חצים שמיוצרים דרך CSS פנימי */
nav.paging-navigation .prev::before,
nav.paging-navigation .prev::after,
nav.paging-navigation .next::before,
nav.paging-navigation .next::after {
    display: none !important;
    content: "" !important;
}

/* --- עיצוב כרטיסיות הפוסטים בארכיון בגובה אחיד מושלם --- */
.blog article,
.archive article,
.category article {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* החלת העיצוב וה-Flexbox על המעטפת הפנימית האמיתית */
.blog article .inside-article,
.archive article .inside-article,
.category article .inside-article {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    padding: 0 !important;
    overflow: hidden;

    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-sizing: border-box !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

/* העלמת תאריך ומחבר לחלוטין מכרטיסיות הבלוג והארכיון */
.blog article .entry-meta,
.archive article .entry-meta,
.category article .entry-meta {
    display: none !important;
}

/* סידור פנימי של אלמנטי הכרטיסייה באמצעות סדר (Order) */
.blog article .post-image,
.archive article .post-image,
.category article .post-image {
    margin-top: 0 !important;
    order: 1 !important; /* דוחף את התמונה לראש הכרטיס, מעל הכותרת */
    margin-bottom: 20px !important;
    width: 100% !important;
    height: 200px !important; /* גובה אחיד ומדויק לתמונות בבלוג */
    overflow: hidden !important;
    display: block !important;
}

.blog article .post-image img,
.archive article .post-image img,
.category article .post-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.blog article .entry-header,
.archive article .entry-header,
.category article .entry-header {
    order: 2 !important;
    padding: 0 25px !important;
}

/* צבע כותרת הפוסט */
.blog article .entry-title a,
.archive article .entry-title a,
.category article .entry-title a {
    color: #0284c7 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.blog article .entry-title a:hover,
.archive article .entry-title a:hover,
.category article .entry-title a:hover {
    color: #0369a1 !important;
}

.blog article .entry-title,
.archive article .entry-title,
.category article .entry-title {
    margin: 0 0 15px 0 !important;
    font-size: 20px !important;
}

/* אפקט ריחוף מעל הכרטיסייה */
.blog article:hover .inside-article,
.archive article:hover .inside-article,
.category article:hover .inside-article {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* חלוקת החלל הפנימי */
.blog article .entry-summary,
.archive article .entry-summary,
.category article .entry-summary {
    margin-top: 0 !important;
    order: 3 !important;
    padding: 0 25px 25px 25px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.blog article .entry-summary p,
.archive article .entry-summary p,
.category article .entry-summary p {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    margin: 0 !important;
}

/* נעילת הקישור "לקריאת המאמר" לרצפת הכרטיסייה */
.blog article .read-more,
.archive article .read-more,
.category article .read-more,
.blog article .read-more-block,
.archive article .read-more-block,
.category article .read-more-block {
    margin-top: auto !important;
    padding-top: 20px !important;
    display: block !important;
    clear: both !important;
}

/* עיצוב הקישור המוחלף אסתטית */
.entry-summary .read-more {
    font-size: 0 !important;
    font-weight: 700 !important;
    color: #0284c7 !important;
    text-decoration: none !important;
}

.entry-summary .read-more::before {
    content: "לקריאת המאמר »" !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    transition: color 0.2s ease;
}

.entry-summary .read-more:hover::before {
    color: #0369a1 !important;
    text-decoration: underline !important;
}

/* --- עיצוב כפתור "טען עוד" --- */
.load-more-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.load-more-container a,
.load-more-btn {
    display: inline-block !important;
    background-color: #0284c7 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 12px 35px !important;
    border-radius: 50px !important;
    text-decoration: none !important;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease !important;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(2, 132, 199, 0.2);
}

.load-more-container a:hover,
.load-more-btn:hover {
    background-color: #0369a1 !important;
    transform: scale(1.03);
}

/* ==================================================
   תיקון מיקום שדה החיפוש - מחוץ ומעל הגריד
   ================================================== */
.global-top-search-wrapper {
    width: 100% !important;
    clear: both !important; /* מנקה אלמנטים צפים */
    display: block !important; /* מבטל כל השפעה של Grid או Flex מהמעטפת */
}

.content-search-container {
    width: 100%;
    max-width: 500px; /* רוחב תיבת החיפוש */
    margin: 30px auto 10px auto; /* 30 פיקסלים רווח מהתפריט העליון, 10 מהתוכן למטה */
    padding: 0 30px; /* יישור קו פנימי עם ה-Padding של הבלוג */
    box-sizing: border-box;
}

/* מבנה הטופס בפנים */
.content-search-form {
    display: flex !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 50px !important;
    padding: 5px !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.05) !important;
    transition:
        box-shadow 0.2s ease,
        border-color 0.2s ease;
}

.content-search-form:focus-within {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 4px rgba(2, 132, 199, 0.12) !important;
}

.content-search-input {
    border: none !important;
    padding: 10px 18px !important;
    font-size: 16px !important;
    background: transparent !important;
    outline: none !important;
    color: #1e293b !important;
    flex-grow: 1;
}

.content-search-button {
    background-color: #0284c7 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 10px 26px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background-color 0.2s ease !important;
}

.content-search-button:hover {
    background-color: #0369a1 !important;
}

/* ==================================================
   עיצוב פוטר 3 עמודות מובנה מ-functions.php
   ================================================== */

/* רקע ומרווחים לאזור הפוטר החדש */
.custom-footer-widgets-area {
    background-color: #f8fafc; /* גוון אפרפר-בהיר מודרני */
    padding: 60px 0 40px 0;
    border-top: 1px solid #e2e8f0;
}

/* יצירת גריד של 3 עמודות שוות */
.custom-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* כותרות בעמודות הפוטר */
.footer-column h4 {
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 20px;
    margin-top: 0;
}

/* התאמת הלוגו בעמודה הראשונה */
.footer-logo {
    max-width: 180px;
    height: auto;
    margin-bottom: 15px;
    display: block;
}

.footer-description {
    color: #475569;
    font-size: 14.5px;
    line-height: 1.6;
}

/* עיצוב רשימת הקישורים */
.footer-column ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column ul li a {
    color: #475569;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.2s ease;
}

.footer-column ul li a:hover {
    color: #0284c7; /* צבע כחול מותג במעבר עכבר */
}

/* עיצוב שדות הטופס בעמודה השלישית */
.footer-form-group {
    margin-bottom: 12px;
}

.footer-contact-form-inside input[type="text"],
.footer-contact-form-inside input[type="email"],
.footer-contact-form-inside input[type="tel"],
.footer-contact-form-inside textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background-color: #ffffff;
    font-size: 14px;
    color: #334155;
    outline: none;
    box-sizing: border-box;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* אפקט פוקוס על השדות */
.footer-contact-form-inside input:focus,
.footer-contact-form-inside textarea:focus {
    border-color: #0284c7;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}

/* כפתור שליחת הטופס */
.footer-form-submit-btn {
    width: 100%;
    background-color: #0284c7;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 11px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.footer-form-submit-btn:hover {
    background-color: #0369a1;
}

/* התאמה מלאה למובייל וטאבלטים (רספונסיביות) */
@media (max-width: 900px) {
    .custom-footer-grid {
        grid-template-columns: 1fr; /* הופך לעמודה אחת בנייד */
        gap: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-column {
        text-align: center; /* מרכז את הטקסט לחוויית קריאה נוחה בנייד */
    }

    .footer-logo {
        margin: 0 auto 15px auto;
    }
}