@import '_content/LeafletForBlazor/LeafletForBlazor.bundle.scp.css';

/* /Pages/Admin.razor.rz.scp.css */

/* עטיפת כל הדף */
.admin-page[b-4jhqiuxw3m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem 1rem;
    background-color: #f9fbff;
    min-height: 100vh;
    font-family: 'Assistant', sans-serif;
}

/* כפתורים ראשיים */
button[b-4jhqiuxw3m] {
    background-color: white;
    border-color: #801c3f;
    color: #801c3f;
    font-weight: bold;
    padding: 12px 12px;
    margin: 8px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 3px 3px 0 #9b004e;
    transition: 0.2s ease;
}
button:hover[b-4jhqiuxw3m] {
    background-color: #9b004e;
    transform: translateY(-2px);
    color: white;

}

/* טבלה */
table[b-4jhqiuxw3m] {
    width: 100%;
    max-width: 1000px;
    margin-top: 2rem;
    border-collapse: collapse;
    background-color: white;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    overflow: hidden;
    direction: rtl;
}
th[b-4jhqiuxw3m], td[b-4jhqiuxw3m] {
    padding: 1rem;
    border-bottom: 1px solid #eee;
    text-align: center;
}
th[b-4jhqiuxw3m] {
    background-color: #9b004e;
    color: white;
    font-weight: bold;
}

/* טופס הוספת משתמש */
form[b-4jhqiuxw3m] {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    max-width: 500px;
    width: 100%;
    background-color: #ffffff;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 2px 2px 12px rgba(0,0,0,0.08);
}
label[b-4jhqiuxw3m] {
    font-weight: bold;
    color: #333;
}
input[type="text"][b-4jhqiuxw3m],
input[type="email"][b-4jhqiuxw3m] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
    font-size: 1rem;
    font-family: inherit;
}
input[type="checkbox"][b-4jhqiuxw3m] {
    transform: scale(1.2);
}

/* הודעת מערכת */
p[b-4jhqiuxw3m] {
    margin-top: 1rem;
    font-weight: bold;
    color: #801c3f;
    text-align: center;
}
/* /Pages/Components/BreadCrumb.razor.rz.scp.css */

.breadcrumb[b-jk5bn4yb6p] {
    padding: 10px 20px;
    background-color: #f8f8f8;
    border-radius: 8px;
    font-family: 'Assistant', sans-serif;
    font-size: 0.95rem;
    margin-bottom: 1rem;
}

.breadcrumb ol[b-jk5bn4yb6p] {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.breadcrumb li[b-jk5bn4yb6p] {
    display: flex;
    align-items: center;
}

.breadcrumb li[b-jk5bn4yb6p]::after {
    content: "›";
    margin: 0 6px;
    color: #999;
}

.breadcrumb li:last-child[b-jk5bn4yb6p]::after {
    content: "";
}

.breadcrumb a[b-jk5bn4yb6p] {
    text-decoration: none;
    color: #7E69AB;
    transition: color 0.2s;
}

.breadcrumb a:hover[b-jk5bn4yb6p] {
    color: #403E43;
}

.breadcrumb .active[b-jk5bn4yb6p] {
    font-weight: bold;
    color: #333;
}
/* /Pages/Components/ContactModal.razor.rz.scp.css */


.contact-modal-overlay[b-lh7oroq0dz] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* הפופאפ */
.contact-modal[b-lh7oroq0dz] {
    width: 90%;
    max-width: 600px;
    background: #dfe3e8;
    border-radius: 20px;
    box-shadow: 6px 6px 0 #44507a;
    direction: rtl;
    overflow: hidden;
    animation: slideIn-b-lh7oroq0dz 0.3s ease-out;
    z-index: 9999;
}


/* כותרת הפופאפ */
.contact-modal .modal-header[b-lh7oroq0dz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background: #3f4a70;
    color: #f5faff;
}


.contact-modal .modal-title[b-lh7oroq0dz] {
    word-break: break-word;
    white-space: normal;
    font-size: 18px;
    line-height: 1.4;
}



.contact-modal .close-btn[b-lh7oroq0dz] {
    background: rgba(255,255,255,0.2);
    color: white;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .2s;
}


.contact-modal .close-btn:hover[b-lh7oroq0dz] {
    background: rgba(255,255,255,0.3);
}


/* תוכן הפופאפ */
.contact-modal .modal-content[b-lh7oroq0dz] {
    padding: 30px;
    background: #f5faff;

}


.contact-modal .contact-info[b-lh7oroq0dz] {
    margin-bottom: 30px;
}


.contact-modal .contact-item[b-lh7oroq0dz] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 12px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}


.contact-modal .contact-item i[b-lh7oroq0dz] {
    font-size: 1.2rem;
    color: #9b004e;
    margin-left: 15px;
    width: 20px;
    text-align: center;
}


.contact-modal .contact-text[b-lh7oroq0dz] {
    flex: 1;
}


.contact-modal .email-link[b-lh7oroq0dz] {
    color: #9b004e;
    text-decoration: none;
    font-weight: 500;
}


.contact-modal .email-link:hover[b-lh7oroq0dz] {
    text-decoration: underline;
}


/* קבוצות רשת חברתית */
.contact-modal .social-section[b-lh7oroq0dz] {
    margin-top: 25px;
}


.contact-modal .section-title[b-lh7oroq0dz] {
    font-size: 18px;
    font-weight: bold;
    color: #9b004e;
    margin-bottom: 15px;
    text-align: center;
}


.contact-modal .social-buttons[b-lh7oroq0dz] {
    display: flex;
    gap: 15px;
    justify-content: center;
}


.contact-modal .social-btn[b-lh7oroq0dz] {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 25px;
    text-decoration: none;
    color: #9b004e;
    font-weight: 500;
    box-shadow: 4px 4px 0 #9b004e;
    border: 1px solid #9b004e;
    background-color: white;
}


.contact-modal .social-btn:hover[b-lh7oroq0dz] {
    background-color: #9b004e;
    color: white;
    box-shadow: 2px 2px 0 #9b004e;
}


.contact-modal .social-btn i[b-lh7oroq0dz] {
    margin-left: 8px;
    font-size: 1.2rem;
}



.contact-modal .whatsapp-btn[b-lh7oroq0dz],
.contact-modal .facebook-btn[b-lh7oroq0dz] {
    background-color: transparent;
    color: #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
    display: block;
    margin: 0 auto;
    width: fit-content;
}





/*.contact-modal .facebook-btn {
   background: linear-gradient(45deg, #9b004e, #42A5F5);
}*/


/* אנימציה */
@keyframes slideIn-b-lh7oroq0dz {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}


/* רספונסיבי */
@media (max-width: 576px) {
    .contact-modal[b-lh7oroq0dz] {
        width: 95%;
        margin: 15px;

    }
    
    

    .contact-modal .modal-content[b-lh7oroq0dz] {
        padding: 15px;
    }

    .contact-modal .contact-item[b-lh7oroq0dz] {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .contact-modal .email-actions[b-lh7oroq0dz] {
        flex-direction: column;
        gap: 8px;
    }

    .email-btn[b-lh7oroq0dz] {
        width: 100%;
        justify-content: center;
    }

    .contact-modal .social-btn[b-lh7oroq0dz] {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .contact-modal .modal-title[b-lh7oroq0dz] {
        font-size: 16px;
        text-align: center;
    }

    .contact-modal .social-buttons[b-lh7oroq0dz] {
        flex-direction: column;
        gap: 10px;
        align-items: stretch; /* שימתח לרוחב המכולה */
    }

    .contact-modal .social-btn[b-lh7oroq0dz] {
        width: 100%;
        justify-content: center;
    }
}



.email-options[b-lh7oroq0dz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.email-text[b-lh7oroq0dz] {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}


.email-actions[b-lh7oroq0dz] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


.email-btn[b-lh7oroq0dz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
    cursor: pointer;
    background: white;
    color: #9b004e;
}


/*.gmail-btn {
   color: #9b004e;
   border-color:#9b004e;
}


.gmail-btn:hover {
   background-color: #9b004e;
   color: white;
}


.outlook-btn {
   color: #9b004e;
   border-color:#9b004e;
}


.outlook-btn:hover {
   background-color: #9b004e;
   color: white;
}*/
.gmail-btn:hover[b-lh7oroq0dz],
.gmail-btn:hover i[b-lh7oroq0dz] {
    background-color: #9b004e;
    color: white;
}


.outlook-btn:hover[b-lh7oroq0dz],
.outlook-btn:hover i[b-lh7oroq0dz] {
    background-color: #9b004e;
    color: white;
}


.address-text[b-lh7oroq0dz] {
    font-weight: 500;
    color: #333;
}


.contact-item[b-lh7oroq0dz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}


.contact-item i[b-lh7oroq0dz] {
    align-self: flex-start;
    margin-top: 5px;
}



.contact-text[b-lh7oroq0dz] {
    flex: 1;
}


.contact-text strong[b-lh7oroq0dz] {
    display: block;
    margin-bottom: 5px;
    color: #333;
}

/* /Pages/Components/Footer.razor.rz.scp.css */
.footer[b-czlrclzorx] {
    padding: 40px 20px 10px;
    font-family: 'Assistant', sans-serif;
    color: #333;
    margin-top: 60px;
    background-image: url("Images/dotsTchelet_optimized.png");
    background-size: 120px 60px;  /* 👈 קטן יותר = נקודות קטנות יותר */
    background-repeat: repeat;
    /*background-size: cover; !* מתאים את התמונה לגודל המסך *!*/
    background-attachment: fixed; /* מקבע את התמונה בזמן גלילה */
    background-position: center center; /* ממקם את התמונה במרכז */
}

.footer-grid[b-czlrclzorx] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: auto;
    text-align: right;
}

.footer-logo img[b-czlrclzorx] {
    height: 80px;  /* או אותו גובה בדיוק מה-header */
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}


.footer-nav[b-czlrclzorx],
.footer-contact[b-czlrclzorx],
.footer-social[b-czlrclzorx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-nav a[b-czlrclzorx],
.footer-contact p[b-czlrclzorx],
.footer-bottom a[b-czlrclzorx] {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding:0px 10px 0px 10px; ;
    font-weight: bold;
}

.footer-nav a:hover[b-czlrclzorx],
.footer-bottom a:hover[b-czlrclzorx] {
    color: #9b004e;
}

.footer-contact i[b-czlrclzorx],
.footer-nav i[b-czlrclzorx],
.footer-bottom i[b-czlrclzorx],
.footer-social i[b-czlrclzorx] {
    color: #9b004e;
}

.footer-social p[b-czlrclzorx] {
    margin-bottom: 8px;
    font-weight: bold;
}

.footer-social a[b-czlrclzorx] {
    font-size: 18px;
    color: #333;
    margin-left: 10px;
}

.footer-social a:hover[b-czlrclzorx] {
    color: #9b004e;
}

.footer-bottom[b-czlrclzorx] {
    border-top: 1px solid #ccc;
    text-align: center;
    padding-top: 10px;
    margin-top: 30px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.footer-bottom a[b-czlrclzorx] {
    color: #9b004e;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: bold;
}

.footer-bottom a:hover[b-czlrclzorx] {
    text-decoration: underline;
}

.footer-bottom .divider[b-czlrclzorx] {
    color: #999;
    font-size: 18px;
}

.footer-nav button[b-czlrclzorx] {
    color: #333;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0px 10px;
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'Assistant', sans-serif;
    text-align: right;
}
.footer-nav button:hover[b-czlrclzorx] {
    color: #9b004e;
}


/* רספונסיביות לטאבלט */
@media (max-width: 992px) {
    .footer-grid[b-czlrclzorx] {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .footer-logo[b-czlrclzorx] {
        text-align: right;
    }

    .footer-logo img[b-czlrclzorx] {
        max-width: 80px;
    }
}

/* רספונסיביות למובייל */
@media (max-width: 576px) {
    .footer[b-czlrclzorx] {
        padding: 30px 15px 10px;
    }

    .footer-grid[b-czlrclzorx] {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .footer-logo[b-czlrclzorx] {
        text-align: right;
        order: 1;
    }

    .footer-nav[b-czlrclzorx] {
        order: 2;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 20px;
    }

    .footer-contact[b-czlrclzorx] {
        order: 3;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 20px;
    }

    .footer-social[b-czlrclzorx] {
        order: 4;
        align-items: flex-start;
        text-align: right;
    }

    .footer-social p[b-czlrclzorx] {
        margin-bottom: 12px;
    }

    .footer-social a[b-czlrclzorx] {
        font-size: 22px;
        margin: 0 8px;
    }

    .footer-nav a[b-czlrclzorx],
    .footer-contact p[b-czlrclzorx] {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .footer-bottom[b-czlrclzorx] {
        flex-direction: column;
        padding-top: 15px;
        margin-top: 20px;
    }
}
/* /Pages/Editor/ActivitiesEditor.razor.rz.scp.css */
body[b-r36ccfb0oh] {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}

/* עימוד כללי */
.container[b-r36ccfb0oh] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 20px;
}

.page-title[b-r36ccfb0oh] {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 30px;
    position: relative;
}

.page-title[b-r36ccfb0oh]::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: #3f4a70;
    margin: 12px auto 0;
    border-radius: 4px;
}

/* כרטיסים */
.card[b-r36ccfb0oh] {
    background-color: #f5faff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 6px 6px 0px #44507a;
    margin-bottom: 40px;
}

/* טופס הוספה */
.add-form[b-r36ccfb0oh] {
    background-color: #f5faff;
    box-shadow: 6px 6px 0px #5a032f;
}

.card-header[b-r36ccfb0oh] {
    margin-bottom: 20px;
    text-align: center;
}

.card-header h3[b-r36ccfb0oh] {
    font-size: 20px;
    margin: 0;
    color: #2d2b2b;
}

/* שדות */
.form-row[b-r36ccfb0oh] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.form-group[b-r36ccfb0oh] {
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
    padding: 0 5px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .form-group[b-r36ccfb0oh] {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

label[b-r36ccfb0oh] {
  
    color: #2d2b2b;
}

.form-control[b-r36ccfb0oh] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
    font-size: 14px;
    transition: 0.3s;
}

.form-control:focus[b-r36ccfb0oh] {
    border-color: #9b004e;
    outline: none;
}

.description-box[b-r36ccfb0oh] {
    resize: vertical; /* אופציונלי - מאפשר למשתמש לשנות גובה */!important;
    min-height: 350px !important;

}


/* העלאת תמונה */
.image-upload[b-r36ccfb0oh] {
    margin-top: 10px;
}

.preview-image img[b-r36ccfb0oh],
.current-image img[b-r36ccfb0oh] {
    max-width: 100%;
    border-radius: 10px;
}

.image-section[b-r36ccfb0oh] {
    margin: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.current-image[b-r36ccfb0oh] {
    max-width: 200px;
    padding: 5px;
    border-radius: 4px;
}

.current-image img[b-r36ccfb0oh] {
    width: 100%;
    height: auto;
    border-radius: 2px;
}

/* תגיות */
.tag-selection[b-r36ccfb0oh] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.tag-item[b-r36ccfb0oh] {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.2s;

}

.Tag[b-r36ccfb0oh]{
    color: white;
    background-color: #c10066;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
}

.tag-item label[b-r36ccfb0oh] {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center;


}

.tag-item input[type="checkbox"][b-r36ccfb0oh] {
    margin-left: 5px;
    cursor: pointer;
    background-color: #c10066;!important;
}
.checkbox[b-r36ccfb0oh]{
    background-color: #c10066;!important;
}
.custom-tag[b-r36ccfb0oh] {
    display: flex;
    gap: 5px;
}

.selected-tags[b-r36ccfb0oh] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

}

.activity-tags[b-r36ccfb0oh] {
    margin: 5px 0;

}

.bg-infoo[b-r36ccfb0oh]{
    color: white;
    background-color: #9b004e;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px;
    margin-left: 5px;


}

.activity-tags[b-r36ccfb0oh] {
}

.activity-description[b-r36ccfb0oh] {
    margin-top: 5px;
}

/* ספריות */
.libraries-list[b-r36ccfb0oh] {
    background-color: #ffffff;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 6px 6px 0px #44507a;
}

.search-box[b-r36ccfb0oh] {
    margin-bottom: 15px;
}

.libraries-grid[b-r36ccfb0oh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.library-card[b-r36ccfb0oh] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    cursor: pointer;
}

.library-card:hover[b-r36ccfb0oh] {
    transform: scale(1.01);
    box-shadow: 6px 6px 0px #9b004e;
}

.library-card.expanded[b-r36ccfb0oh] {
    background-color: #ffffff;
    grid-column: 1 / -1;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.library-header[b-r36ccfb0oh] {
    padding: 15px;
    cursor: pointer;
    position: relative;
}

.library-header h4[b-r36ccfb0oh] {
    margin: 0;
    font-size: 18px;
    color: #2d2b2b;
}

.library-address[b-r36ccfb0oh] {
    font-size: 14px;
    color: #666;
    margin-top: 8px;
}

.library-editor[b-r36ccfb0oh] {
    padding: 15px;
    border-top: 1px solid #eaeaea;
    background-color: #f9f9f9;
}

.add-btn[b-r36ccfb0oh]{
    background-color: #c10066;
    color: white;
    margin-bottom: 30px;
    border-radius: 18px;
    padding: 6px 18px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border: 2px solid #c10066; !important;

}

.add-btn:hover[b-r36ccfb0oh]{
    background-color: white;
    color: #c10066;
    border: 2px solid #c10066; !important;
    
}

/* כפתורים */
.btn[b-r36ccfb0oh] {
    border-radius: 18px;
    padding: 6px 18px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border: none;
    transition: 0.2s ease;
}

.btn-primaryy[b-r36ccfb0oh]{
    padding: 10px 24px;
    border-radius: 999px;
    background-color: white;
    border: 2px solid #9b004e;
    color: #9b004e;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    box-shadow: inset 0 -3px 0 #9b004e;
    transition: all 0.2s ease-in-out;
}

.btn-primaryy:hover[b-r36ccfb0oh] {
    background-color: #9b004e;
    color: white;

}

.btn-primary[b-r36ccfb0oh] {
    background-color: white;
    color: #c10066;
    border: 2px solid #c10066;
}

.btn-primary:hover[b-r36ccfb0oh] {
    background-color: #c10066;
    color: white;

}

.btn-success[b-r36ccfb0oh] {
    background-color: #27ae60;
    color: white;
}

.btn-success:hover[b-r36ccfb0oh] {
    background-color: #219653;
}

.btn-danger[b-r36ccfb0oh] {
    background-color: transparent;
    color: #2d2b2b;
    font-size: 16px;
    padding: 0 4px;
}

.btn-danger:hover[b-r36ccfb0oh] {
    color: #e74c3c;
}

/* RTL */
.rtl .btn-close-white[b-r36ccfb0oh] {
    margin-right: 5px;
}

.rtl .tag-item input[type="checkbox"][b-r36ccfb0oh] {
    margin-left: 5px;
    margin-right: 0;
    background-color: #9b004e;
}

/* שורת פעולה */
.action-buttons[b-r36ccfb0oh] {
    position: absolute;
    top: 15px;
    left: 15px;
}

.action-row[b-r36ccfb0oh] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 15px;
}

/* טוען / אין מידע */
.loading[b-r36ccfb0oh], .no-data[b-r36ccfb0oh] {
    text-align: center;
    padding: 30px;
    color: #666;
}

.spinner[b-r36ccfb0oh] {
    border: 4px solid rgba(0, 0, 0, 0.1);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border-left-color: #9b004e;
    animation: spin-b-r36ccfb0oh 1s linear infinite;
    margin: 0 auto 15px;
}


/* פריסת טופס מעודכנת */
.form-row[b-r36ccfb0oh] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/* שורה עם מספר שדות באותה קו */
.form-group-inline[b-r36ccfb0oh] {
    display: flex;
    gap: 15px;
    width: 100%;
}

.form-group-inline .form-group[b-r36ccfb0oh] {
    flex: 1;
    min-width: 0; /* מאפשר הקטנה */
}

/* שדה שתופס את כל הרוחב */
.form-group-full[b-r36ccfb0oh] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form-group-full label[b-r36ccfb0oh] {
    margin-bottom: 8px;
    color: #2d2b2b;
    font-weight: 500;
}

/* עיצוב משופר לתיבת הטקסט הגדולה */
.description-box[b-r36ccfb0oh] {
    resize: vertical;
    min-height: 120px !important;
    max-height: 300px;
}

/* הודעות קבועות על המסך */
.message-toast[b-r36ccfb0oh] {
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    max-width: 500px !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px 25px !important;
    border-radius: 12px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    font-family: 'Assistant', sans-serif !important;
    line-height: 1.4 !important;
}

.message-toast.success[b-r36ccfb0oh] {
    background-color: #e8f5e8 !important;
    border: 2px solid #4caf50 !important;
    color: #2e7d32 !important;
}

.message-toast.error[b-r36ccfb0oh] {
    background-color: #ffebee !important;
    border: 2px solid #f44336 !important;
    color: #c62828 !important;
}

/* פופאפ אישור מחיקה */
.confirm-overlay[b-r36ccfb0oh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-r36ccfb0oh 0.3s ease;
}

.confirm-popup[b-r36ccfb0oh] {
    background-color: white;
    border-radius: 20px;
    padding: 30px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    font-family: 'Assistant', sans-serif;
    animation: slideIn-b-r36ccfb0oh 0.3s ease;
}

.confirm-popup h3[b-r36ccfb0oh] {
    color: #2d2b2b;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

.confirm-popup p[b-r36ccfb0oh] {
    color: #666;
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.5;
}

.confirm-buttons[b-r36ccfb0oh] {
    display: flex;
    gap: 15px;
    justify-content: center;
}

.confirm-yes[b-r36ccfb0oh], .confirm-no[b-r36ccfb0oh] {
    padding: 10px 25px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid;
    min-width: 100px;
}

.confirm-yes[b-r36ccfb0oh] {
    background-color: white;
    color: #9b004e;
    border-color: #9b004e;
}

.confirm-yes:hover[b-r36ccfb0oh] {
    background-color: #9b004e;
    color: white;
}

.confirm-no[b-r36ccfb0oh] {
    background-color: white;
    color: #9b004e;
    border-color: #ffffff;
    border: 2px solid #9b004e;
}

.confirm-no:hover[b-r36ccfb0oh] {
    background-color: #9b004e;
    color: white;
}
/* אנימציות */
@keyframes fadeIn-b-r36ccfb0oh {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes spin-b-r36ccfb0oh {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* הוסף את הקוד הזה לקובץ ה-CSS שלך */

/* פריסת טופס מעודכנת */
.form-row[b-r36ccfb0oh] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/* שורה עם מספר שדות באותה קו */
.form-group-inline[b-r36ccfb0oh] {
    display: flex;
    gap: 15px;
    width: 100%;
}

.form-group-inline .form-group[b-r36ccfb0oh] {
    flex: 1;
    min-width: 0; /* מאפשר הקטנה */
}

/* שדה שתופס את כל הרוחב */
.form-group-full[b-r36ccfb0oh] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.form-group-full label[b-r36ccfb0oh] {
    margin-bottom: 8px;
    color: #2d2b2b;
    font-weight: 500;
}

/* עיצוב משופר לתיבת הטקסט הגדולה */
.description-box[b-r36ccfb0oh] {
    resize: vertical;
    min-height: 120px !important;
    max-height: 300px;
    /* רספונסיביות */
}

@keyframes slideIn-b-r36ccfb0oh {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
    @media (max-width: 768px) {
        .form-row[b-r36ccfb0oh] {
            flex-direction: column;
        }

        .libraries-grid[b-r36ccfb0oh] {
            grid-template-columns: 1fr;
        }

        .action-row[b-r36ccfb0oh] {
            flex-direction: column;
            gap: 10px;
        }

        .action-row .btn[b-r36ccfb0oh] {
            width: 100%;
        }
        .form-group-inline[b-r36ccfb0oh] {
            flex-direction: column;
            gap: 15px;
        }

        .confirm-popup[b-r36ccfb0oh] {
            margin: 20px;
            padding: 20px;
        }

        .confirm-buttons[b-r36ccfb0oh] {
            flex-direction: column;
            gap: 10px;
        }
    }
/* /Pages/Editor/BoardMembersEditor.razor.rz.scp.css */
.page-title[b-zthi0eojsa] {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 30px;
    position: relative;
}

.page-title[b-zthi0eojsa]::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: #44507a;
    margin: 12px auto 0;
    border-radius: 4px;
}
.modal-content[b-zthi0eojsa] {
    background-color: #f5faff;
    border-radius: 24px;
    padding: 40px;
    max-width: 600px;
    width: 95%;
    box-shadow: 6px 6px 0px #44507a;
    animation: slideUp-b-zthi0eojsa 0.4s ease-out;
    position: relative;
    box-sizing: border-box;
    max-height: 80vh;
    overflow-y: auto;
    direction: rtl;
    font-family: "Assistant", sans-serif;
}


.edit-table[b-zthi0eojsa] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 40px;
    background-color: #f5faff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 6px 6px 0px #44507a;
    font-family: "Assistant", sans-serif;
}

/* כותרות הטבלה */
.edit-table th[b-zthi0eojsa] {
    background-color: #e2e8f0;
    color: #1e1e2d;
    padding: 16px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/* תאי הטבלה */
.edit-table td[b-zthi0eojsa] {
    padding: 16px;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: 15px;
    color: #333;
}

/* תמונה ממוזערת */
.thumb-img[b-zthi0eojsa] {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #ccc;
}
/* כפתורי עריכה/מחיקה */
.edit-table button[b-zthi0eojsa] {
    padding: 6px 14px;
    margin: 4px;
    border-radius: 16px;
    border: 2px solid #9b004e;
    background-color: transparent;
    color: #9b004e;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 2px 2px 0px #9b004e;
}
.edit-table button:hover[b-zthi0eojsa] {
    transform: scale(1.05);
    box-shadow: 4px 4px 0px #9b004e;
}
/*.success-popup {*/
/*    position: fixed;*/
/*    top: 20px;*/
/*    left: 20px;*/
/*    background-color: #9b004e;*/
/*    color: white;*/
/*    padding: 15px 25px;*/
/*    border-radius: 8px;*/
/*    font-weight: bold;*/
/*    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
/*    z-index: 9999;*/
/*    animation: fadeInOut 3s ease-in-out forwards;*/
/*}*/
.success-message[b-zthi0eojsa] {
    background-color: #e0f8e9;
    border: 2px solid #42a14f;
    color: #226b2e;
    padding: 12px 20px;
    border-radius: 12px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
    max-width: 500px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    animation: fadeOut-b-zthi0eojsa 4s forwards;
}

@keyframes fadeOut-b-zthi0eojsa {
    0% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; display: none; }
}


.validation-message[b-zthi0eojsa] {
    color: #d8000c;
    font-size: 14px;
    margin-top: 5px;
}

/*----------*/
/* קונטיינר מרכזי שמרכז הכל */
.form-wrapper[b-zthi0eojsa] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    background: linear-gradient(to bottom, #ffffff, #f6f9fd);
}

/* כרטיס טופס */
.modern-form[b-zthi0eojsa] {
    max-width: 550px;
    width: 100%;
    background-color: #f5faff;
    border-radius: 20px;
    box-shadow: 6px 6px 0px #44507a;  
    padding: 40px;
    text-align: center;
    position: relative;
    font-family: "Assistant", sans-serif;
    direction: rtl;
}


/* עיצוב כללי של הטופס בתוך הפופאפ */
.modal-content form[b-zthi0eojsa] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* קבוצת שדה בודדת */
.form-group[b-zthi0eojsa] {
    display: flex;
    flex-direction: column;
    text-align: right;
}

/* תווית של שדה */
.form-group label[b-zthi0eojsa] {
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 6px;
    font-size: 15px;
}

/* שדה קלט */
.form-input[b-zthi0eojsa],
input[type="text"][b-zthi0eojsa],
input[type="email"][b-zthi0eojsa],
input[type="file"][b-zthi0eojsa],
textarea[b-zthi0eojsa] {
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 15px;
    background-color: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}

.form-input:focus[b-zthi0eojsa] {
    border-color: #9b004e;
    outline: none;
    box-shadow: 0 0 0 2px rgba(155, 0, 78, 0.2);
}

/* הודעות שגיאה */
.validation-message[b-zthi0eojsa] {
    color: #d9534f;
    font-size: 13px;
    margin-top: 4px;
}

/* קבוצה של כפתורים (שמור, ביטול וכו') */
.form-actions[b-zthi0eojsa] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
}

/* כפתור עגול ורוד */
.rounded-pink-button[b-zthi0eojsa] {
    padding: 10px 24px;
    border-radius: 999px;
    background-color: white;
    border: 2px solid #9b004e;
    color: #9b004e;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    box-shadow: inset 0 -3px 0 #9b004e;
    transition: all 0.2s ease-in-out;
}

.rounded-pink-button:hover[b-zthi0eojsa] {
    background-color: white;
    color: #9b004e;
}



/* כותרת */
.form-title[b-zthi0eojsa] {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 40px;
    color: #1e1e2d;
}

/* קבוצת שדה */
.form-group[b-zthi0eojsa] {
    margin-bottom: 24px;
    text-align: right;
}

/* תווית */
.form-group label[b-zthi0eojsa] {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

/* תיבות קלט מעוצבות */
.form-input[b-zthi0eojsa] {
    width: 100%;
    padding: 16px 20px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 20px;
    background-color: #fdfdfd;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

.form-input:focus[b-zthi0eojsa] {
    border-color: #9b004e;
    outline: none;
    box-shadow: 0 0 8px rgb(96, 1, 49);
}

/* כפתור שמירה */
/*form .primary-button {*/
/*    padding: 10px 20px;*/
/*    border: 2px solid ;*/
/*    background-color:   #f5faff;*/
/*    color: #9b004e;;*/
/*    border-radius: 30px;*/
/*    font-size: 16px;*/
/*    cursor: pointer;*/
/*    transition: all 0.2s ease;*/
/*    width: fit-content;*/
/*    min-width: 140px;*/
/*    text-align: center;*/
/*    box-shadow: 2px 2px 0px #9b004e;*/
/*}*/

/*.primary-button:hover {*/
/*    background-color: #9b004e;*/
/*    color: white;*/
/*    border: 2px solid #f5faff ;*/

/*}*/

.rounded-pink-button[b-zthi0eojsa] {
    padding: 10px 24px;
    border-radius: 999px;
    background-color: white;
    border: 2px solid #9b004e;
    color: #9b004e;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    box-shadow: inset 0 -3px 0 #9b004e;
    transition: all 0.2s ease-in-out;
}

.rounded-pink-button:hover[b-zthi0eojsa] {
    background-color: #9b004e;
    color: white ;
}

.confirm-button[b-zthi0eojsa]{
    background-color: red;
    border-color: red;
    color: white;
    padding: 8px 24px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    box-shadow: inset 0 -3px 0 #9b004e;
    transition: all 0.2s ease-in-out;
    margin-right: 10px;
}
.confirm-button:hover[b-zthi0eojsa] {

transform: scale(1.05);
}




.secondary-button[b-zthi0eojsa] {
    padding: 10px 24px;
    border-radius: 999px;
    background-color: white;
    border: 2px solid #9b004e;
    color: #9b004e;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    box-shadow: inset 0 -3px 0 #9b004e;
    transition: all 0.2s ease-in-out;
}
    .secondary-button:hover[b-zthi0eojsa] {
        background-color: #fef1f6;
        color: #9b004e;
    }


    .modal-overlay[b-zthi0eojsa] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        animation: fadeIn-b-zthi0eojsa 0.3s ease-in-out;
        box-shadow: 6px 6px 0px #44507a;

    }
    
    /* כפתור X לסגירה */

    .close-button[b-zthi0eojsa] {
        position: absolute;
        top: 16px;
        right: 16px;
        background-color: transparent;
        border: none;
        font-size: 1.5rem;
        color: #999;
        cursor: pointer;
        transition: color 0.2s ease, transform 0.2s ease;
    }

    .close-button:hover[b-zthi0eojsa] {
        color: #e74c3c;
        transform: scale(1.15);
    }

    .form-group[b-zthi0eojsa] {
        margin-bottom: 1.25rem;
    }

    .form-group label[b-zthi0eojsa] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 600;
        color: #555;
    }

    .form-input[b-zthi0eojsa] {
        width: 100%;
        padding: 0.6rem 0.75rem;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 1rem;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .form-input:focus[b-zthi0eojsa] {
        border-color: #007bff;
        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2);
        outline: none;
    }

    .image-upload-container[b-zthi0eojsa] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .image-preview[b-zthi0eojsa] {
        position: relative;
        display: inline-block;
    }

    .image-preview img[b-zthi0eojsa] {
        border-radius: 8px;
        border: 1px solid #ccc;
        max-width: 100%;
        height: auto;
    }

    .remove-image[b-zthi0eojsa] {
        position: absolute;
        top: -10px;
        right: -10px;
        background-color: #e74c3c;
        color: white;
        border: none;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        cursor: pointer;
        font-size: 14px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .form-actions[b-zthi0eojsa] {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        margin-top: 1.75rem;
    }

    .primary-button[b-zthi0eojsa] {
        padding: 0.6rem 1.2rem;
        border-radius: 8px;
        font-size: 1rem;
        font-weight: 500;
        border: none;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.2s ease;
    }

    button.primary-button[b-zthi0eojsa] {
        background-color: #9b004e;
        color: white;
        /* שאר העיצוב */
    }


    .error-message[b-zthi0eojsa] {
        color: #d9534f;
        margin-top: 1rem;
        text-align: center;
        font-weight: 600;
    }

    .confirm-dialog[b-zthi0eojsa] {
        background: #fff0f0;
        border: 2px solid #d9534f;
        border-radius: 12px;
        padding: 20px;
        text-align: center;
        margin-top: 20px;
        font-family: "Assistant", sans-serif;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .confirm-dialog p[b-zthi0eojsa] {
        font-size: 18px;
        margin-bottom: 15px;
        color: #2d2b2b;
    }

    @keyframes fadeIn-b-zthi0eojsa {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }

    @keyframes slideUp-b-zthi0eojsa {
        from {
            transform: translateY(20px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }


    /*-------------------------------------*/

    @keyframes fadeInOut-b-zthi0eojsa {
        0% {
            opacity: 0;
            transform: translateY(-10px);
        }
        10% {
            opacity: 1;
            transform: translateY(0);
        }
        90% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            transform: translateY(-10px);
        }
    }

    .modal-overlay[b-zthi0eojsa] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(4px);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        animation: fadeIn-b-zthi0eojsa 0.3s ease-in-out;
    }
    /* כפתור X לסגירה */

    .close-button[b-zthi0eojsa] {
        position: absolute;
        top: 16px;
        right: 16px;
        background-color: transparent;
        border: none;
        font-size: 1.5rem;
        color: #999;
        cursor: pointer;
        transition: color 0.2s ease, transform 0.2s ease;
    }

    .close-button:hover[b-zthi0eojsa] {
        color: #e91e63;
        transform: scale(1.15);
    }

    .form-group[b-zthi0eojsa] {
        margin-bottom: 1.25rem;
    }

    .form-group label[b-zthi0eojsa] {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 600;
        color: #555;
    }

    .form-input[b-zthi0eojsa] {
        width: 100%;
        padding: 0.6rem 0.75rem;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 1rem;
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    .form-input:focus[b-zthi0eojsa] {
        border-color: #e91e63;
        box-shadow: 0 0 0 3px rgba(233, 30, 99, 0.2);
        outline: none;
    }

    .image-upload-container[b-zthi0eojsa] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .image-preview[b-zthi0eojsa] {
        position: relative;
        display: inline-block;
    }

    .image-preview img[b-zthi0eojsa] {
        border-radius: 8px;
        border: 1px solid #ccc;
        max-width: 100%;
        height: auto;
    }

    .remove-image[b-zthi0eojsa] {
        position: absolute;
        top: -10px;
        right: -10px;
        background-color: #e74c3c;
        color: white;
        border: none;
        border-radius: 50%;
        width: 26px;
        height: 26px;
        cursor: pointer;
        font-size: 14px;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .form-actions[b-zthi0eojsa] {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        margin-top: 1.75rem;
    }

    .primary-button[b-zthi0eojsa],
    .secondary-button[b-zthi0eojsa] {
        padding: 0.6rem 1.2rem;
        border-radius: 8px;
        font-size: 1rem;
        font-weight: 500;
        border: none;
        cursor: pointer;
        transition: background 0.3s ease, transform 0.2s ease;
    }

    .primary-button[b-zthi0eojsa] {
        background-color: #e91e63;
        color: white;
    }

    .primary-button:hover[b-zthi0eojsa] {
        background-color: #c2185b;
        transform: translateY(-1px);
    }

    .secondary-button[b-zthi0eojsa] {
        background-color: #e0e0e0;
        color: #333;
    }

    .secondary-button:hover[b-zthi0eojsa] {
        background-color: #cfcfcf;
        transform: translateY(-1px);
    }

    .error-message[b-zthi0eojsa] {
        color: #d9534f;
        margin-top: 1rem;
        text-align: center;
        font-weight: 600;
    }

    @keyframes fadeIn-b-zthi0eojsa {
        from {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }

    @keyframes slideUp-b-zthi0eojsa {
        from {
            transform: translateY(20px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }


/* /Pages/Editor/EventEditor.razor.rz.scp.css */
body[b-92a7khm3zw] {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}

.container[b-92a7khm3zw] {
    display: flex;
    flex-direction: column;
    align-items: center; /* מרכז אופקית */
    justify-content: flex-start; /* מצמיד למעלה */
    padding-top: 50px; /* דוחף מעט מלמעלה למרווח נוח */
    min-height: 100vh;
    width: 100%;
}

.main-content[b-92a7khm3zw] {
    display: flex;
    flex-direction: column;
    align-items: center; /* מרכז תוכן הכרטיס */
    justify-content: center; /* ממקם במרכז אנכי (אם גובה מאפשר) */
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 30px;
}

.main-content h2[b-92a7khm3zw] {
    font-size: 28px;
    font-weight: bold;
    color: #2d2b2b;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

.underline[b-92a7khm3zw] {
    width: 60px;
    height: 4px;
    background-color: #44507a;
    margin: 0 auto 20px;
    border-radius: 4px;
}

.event-editor-card[b-92a7khm3zw] {
    width: 60%;
    background-color: #f5faff;
    border-radius: 20px;
    box-shadow: 6px 6px 0px #44507a;
    padding: 40px;
    text-align: center;
    position: relative;
        margin: 0 auto;

}

.event-editor-card p[b-92a7khm3zw] {
    margin-bottom: 30px;
    font-size: 18px;
}

.calendar-btn[b-92a7khm3zw],
.save-btn[b-92a7khm3zw] {
    padding: 10px 20px;
    border: 2px solid ;
    background-color: #f5faff;
    color: #9b004e;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: fit-content;
    min-width: 140px;
    text-align: center;
    box-shadow: 2px 2px 0px #9b004e;
    font-weight: bold;
}

.calendar-btn:hover[b-92a7khm3zw],
.save-btn:hover[b-92a7khm3zw] {
    background-color: #9b004e;
    color: white;
    border: 2px solid #f5faff ;
}
/* /Pages/Editor/FilesEditor.razor.rz.scp.css */

.page-title[b-09nzg7o2p6] {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 40px;
    position: relative;
}
.page-title[b-09nzg7o2p6]::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background-color: #44507a;
    margin: 14px auto 0;
    border-radius: 6px;
}

label[b-09nzg7o2p6] {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #34495e;
    text-align: right;
}

.input-block[b-09nzg7o2p6] {
    background-color: #f5faff;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    direction: rtl;
    max-width: 600px;
    margin-inline: auto;
    transition: box-shadow 0.3s ease;
}

.input-block:hover[b-09nzg7o2p6] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
input[type="file"][b-09nzg7o2p6] {
    display: block;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    width: 100%;
    font-family: inherit;
    direction: rtl;
    cursor: pointer;
    transition: border-color 0.2s ease;
}

input[type="file"]:hover[b-09nzg7o2p6] {
    border-color: #9b004e;
}
label[b-09nzg7o2p6] {
    display: block;
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
    color: #2c3e50;
    text-align: right;
}

p[b-09nzg7o2p6] {
    margin-top: 1.5rem;
    padding: 1rem;
    border-radius: 8px;
    background-color: #e9f7ef;
    color: #1e8449;
    font-weight: 500;
    text-align: center;
    max-width: 480px;
    margin-inline: auto;
}

.error-message[b-09nzg7o2p6] {
    background-color: #fdecea;
    color: #c0392b;
}


/* הודעת שגיאה */
.error-message[b-09nzg7o2p6] {
    background-color: #fdecea;
    color: #c0392b;
}
.custom-file-upload[b-09nzg7o2p6] {
    display: inline-block; /* זה הכי חשוב */
    padding: 6px 14px;
    margin: 4px;
    border-radius: 16px;
    border: 2px solid #9b004e;
    background-color: transparent;
    color: #9b004e;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 2px 2px 0px #9b004e;
    white-space: nowrap; /* שלא יישבר לשורה */
    max-width: fit-content; /* שלא יתפוס סתם מקום */
}


.custom-file-upload:hover[b-09nzg7o2p6] {
    box-shadow: 4px 4px 0px #9b004e;
}

input[type="file"][b-09nzg7o2p6] {
    display: none;
}



input[type="file"][b-09nzg7o2p6] {
    display: none; /* מסתיר את ברירת המחדל */
}

.file-name[b-09nzg7o2p6] {
    margin-top: 0.5rem;
    color: #34495e;
    font-size: 0.9rem;
}


/* /Pages/Editor/GalleryEditor.razor.rz.scp.css */


/* עיצוב כללי לעמוד */
.container[b-zf3su7im96] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    min-height: 100vh;
    background-color: #f8f8f8;
    font-family: 'Assistant', sans-serif;
}


/* כותרת */
.page-title[b-zf3su7im96] {
    font-size: 28px;
    font-weight: bold;
    color: #2d2b2b;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}


.page-title[b-zf3su7im96]::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: #3f4a70; /* צבע בורדו/סגול */
    margin: 12px auto 0;
    border-radius: 4px;
}


.underline[b-zf3su7im96] {
    width: 60px;
    height: 4px;
    background-color: #9b004e;
    margin: 0 auto 30px;
    border-radius: 4px;
}


/* כרטיס עריכה */
.add-gallery-item[b-zf3su7im96], .gallery-editor[b-zf3su7im96] {
    background-color: #f5faff;
    border-radius: 20px;
    box-shadow: 6px 6px 0px #44507a;
    padding: 30px;
    text-align: center;
    justify-content: space-between;
    gap: 10px;
    /* מיקום במרכז המסך */
    flex-direction: column;
    align-items: center;
    max-width: 600px;
    width: 100%;
    margin: 40px auto;
}




/* כותרת בתוך כרטיס */
.add-gallery-item h3[b-zf3su7im96] {
    font-size: 22px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 20px;
}


/* שדה טקסט */
.edit-textbox[b-zf3su7im96] {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 15px;
}
input[type="file"][b-zf3su7im96] {
    display: none;
}


.custom-file-upload[b-zf3su7im96] {
    display: inline-block;
    padding: 8px 16px;
    margin: 10px;
    cursor: pointer;
    font-weight: 600;
    color: #9b004e;
    border: 2px solid #9b004e;
    border-radius: 16px;
    background-color: transparent;
    box-shadow: 2px 2px 0px #9b004e;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}


.custom-file-upload:hover[b-zf3su7im96] {
    transform: scale(1.05);
    box-shadow: 4px 4px 0px #9b004e;
}






/* עיצוב אחיד לכל הכפתורים  */
.calendar-btn[b-zf3su7im96]{
    padding: 6px 14px;
    margin: 4px;
    border-radius: 16px;
    border: 2px solid #9b004e;
    background-color: transparent;
    color: #9b004e;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 2px 2px 0px #9b004e;
}


/* אפקט ריחוף */
.calendar-btn:hover[b-zf3su7im96]{
    transform: scale(1.05);
    box-shadow: 4px 4px 0px #9b004e;
}


.add-btn[b-zf3su7im96] {
    background-color: #fff;
    color: #9b004e;
    border: 2px solid #9b004e;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 2px 2px 0px #9b004e;
}


.add-btn:hover[b-zf3su7im96] {
    background-color: #9b004e;
    color: white;
}


.add-btn .plus-icon[b-zf3su7im96] {
    width: 18px;
    height: 18px;
    stroke: #9b004e;
}


.gallery-actions[b-zf3su7im96] {
    align-items: center; /* ממרכז את התוכן אנכית */
    flex-wrap: wrap;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 10px;


}


.save-btn[b-zf3su7im96], .delete-btn[b-zf3su7im96] {
    align-items: center;
    gap: 6px;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 20px;
    border: 2px solid #9b004e;
    background-color: white;
    color: #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
    cursor: pointer;
    margin: 10px 10px;
    height: 40px;
    min-width: 140px;
    justify-content: center;
    text-align: center;
}


.save-btn:hover[b-zf3su7im96], .delete-btn:hover[b-zf3su7im96] {
    background-color: #9b004e;
    color: white;
}


.save-btn svg[b-zf3su7im96], .delete-btn svg[b-zf3su7im96] {
    /*background-color: #9b004e;*/
    color: white;
}
.save-btn svg[b-zf3su7im96] {
    margin-right: 6px; /* או margin-left לפי כיוון */
}


.save-btn svg[b-zf3su7im96], .delete-btn svg:hover[b-zf3su7im96] {
    /*background-color: #9b004e;*/
    color: white;
}
.gallery-btn[b-zf3su7im96] {
    background-color: transparent;
    border: 2px solid #9b004e;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 2px 2px 0px #9b004e;
    padding: 0;
}


.gallery-btn:hover[b-zf3su7im96] {
    background-color: #9b004e;
    color: white;
}


.gallery-btn.left[b-zf3su7im96] {
    left: 10px;
}


.gallery-btn.right[b-zf3su7im96] {
    right: 10px;
}




/* עורך גלריה */
.gallery-content-with-arrows[b-zf3su7im96] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin: 40px 20px;
}


.gallery-content-with-arrows .image-container[b-zf3su7im96] {
    position: relative;
    width: 300px;
    height: 200px;
}


.gallery-content-with-arrows img[b-zf3su7im96] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}


.gallery-btn.round[b-zf3su7im96] {
    background-color: transparent;
    border: 2px solid #9b004e;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 2px 2px 0px #9b004e;
}


.gallery-btn.round:hover[b-zf3su7im96] {
    transform: scale(1.1);
    box-shadow: 4px 4px 0px #9b004e;
}


.image-container[b-zf3su7im96] {
    width: 100%;
    max-width: 300px;
}


.image-container img[b-zf3su7im96] {  width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid #ccc;
}


/* עיצוב עבור טופס הוספה */
.add-gallery-item[b-zf3su7im96] {
    background-color: #f5faff;
    border-radius: 20px;
    box-shadow: 6px 6px 0px #44507a;
    padding: 30px;
    text-align: center;


    /* מיקום במרכז המסך */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


    max-width: 600px;
    width: 100%;
    margin: 40px auto;
}


/* כותרת בתוך כרטיס הוספה */
.add-gallery-item h3[b-zf3su7im96] {
    font-size: 22px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 20px;
}


/* עיצוב שדות טקסט */
.add-gallery-item .form-control[b-zf3su7im96] {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 15px;
}


/*!* עיצוב כפתור ההוספה *!
.save-btn {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   font-weight: bold;
   font-size: 16px;
   padding: 8px 20px;
   border-radius: 20px;
   border: 2px solid #9b004e;
   background-color: white;
   color: #9b004e;
   box-shadow: 2px 2px 0 #9b004e;
   cursor: pointer;
   margin-top: 20px;
}*/


/*
.save-btn svg {
   stroke: #9b004e;
   width: 18px;
   height: 18px;
}
*/


/* עיצוב הכפתור "בחר קובץ" */
input[type="file"][b-zf3su7im96] {
    display: inline-block;
    margin-top: 10px;
}


/* הודעת שגיאה */
.text-danger[b-zf3su7im96] {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}


.custom-toast[b-zf3su7im96] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    margin-top: 20px;
    text-align: center;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    animation: fadeOut 4s forwards;
    opacity: 1;
}
/* התראות מעוצבות - עם ספציפיות גבוהה */
div.message-toast[b-zf3su7im96],
.gallery-editor .message-toast[b-zf3su7im96],
.add-gallery-item .message-toast[b-zf3su7im96] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 25px !important;
    margin: 20px auto !important;
    max-width: 500px !important;
    border-radius: 12px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    animation: slideInOut-b-zf3su7im96 5s forwards !important;
    position: relative !important;
    z-index: 1000 !important;
    font-family: 'Assistant', sans-serif !important;
    line-height: 1.4 !important;
}


div.message-toast.success[b-zf3su7im96],
.gallery-editor .message-toast.success[b-zf3su7im96],
.add-gallery-item .message-toast.success[b-zf3su7im96] {
    background-color: #e8f5e8 !important;
    border: 2px solid #4caf50 !important;
    color: #2e7d32 !important;
}


div.message-toast.error[b-zf3su7im96],
.gallery-editor .message-toast.error[b-zf3su7im96],
.add-gallery-item .message-toast.error[b-zf3su7im96] {
    background-color: #ffebee !important;
    border: 2px solid #f44336 !important;
    color: #c62828 !important;
}


div.message-toast .close-message[b-zf3su7im96],
.gallery-editor .message-toast .close-message[b-zf3su7im96],
.add-gallery-item .message-toast .close-message[b-zf3su7im96] {
    background: none !important;
    border: none !important;
    font-size: 20px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-right: 10px !important;
    color: inherit !important;
    padding: 0 8px !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    transition: background-color 0.2s ease !important;
}


div.message-toast .close-message:hover[b-zf3su7im96],
.gallery-editor .message-toast .close-message:hover[b-zf3su7im96],
.add-gallery-item .message-toast .close-message:hover[b-zf3su7im96] {
    background-color: rgba(0,0,0,0.1) !important;
}


/* התראות פשוטות - toast */
div.toast[b-zf3su7im96],
.gallery-editor .toast[b-zf3su7im96],
.add-gallery-item .toast[b-zf3su7im96] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 25px !important;
    margin: 20px auto !important;
    max-width: 500px !important;
    border-radius: 12px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    animation: slideInOut-b-zf3su7im96 3s forwards !important;
    position: relative !important;
    z-index: 1000 !important;
    font-family: 'Assistant', sans-serif !important;
    line-height: 1.4 !important;
}


div.toast.success[b-zf3su7im96],
.gallery-editor .toast.success[b-zf3su7im96],
.add-gallery-item .toast.success[b-zf3su7im96] {
    background-color: #e8f5e8 !important;
    border: 2px solid #4caf50 !important;
    color: #2e7d32 !important;
    align-items: center !important;


}


div.toast.error[b-zf3su7im96],
.gallery-editor .toast.error[b-zf3su7im96],
.add-gallery-item .toast.error[b-zf3su7im96] {
    background-color: #ffebee !important;
    border: 2px solid #f44336 !important;
    color: #c62828 !important;
}


div.toast .close-toast[b-zf3su7im96],
.gallery-editor .toast .close-toast[b-zf3su7im96],
.add-gallery-item .toast .close-toast[b-zf3su7im96] {
    background: none !important;
    border: none !important;
    font-size: 20px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-right: 10px !important;
    color: inherit !important;
    padding: 0 8px !important;
    line-height: 1 !important;
    border-radius: 50% !important;
    transition: background-color 0.2s ease !important;
}


div.toast .close-toast:hover[b-zf3su7im96],
.gallery-editor .toast .close-toast:hover[b-zf3su7im96],
.add-gallery-item .toast .close-toast:hover[b-zf3su7im96] {
    background-color: rgba(0,0,0,0.1) !important;
}


/* אנימציות */
@keyframes slideInOut-b-zf3su7im96 {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.9);
    }
    10% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    90% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateY(-20px) scale(0.9);
    }
}


/* עיקוף עיצובים גלובליים */
#blazor-error-ui div.message-toast[b-zf3su7im96],
#blazor-error-ui div.toast[b-zf3su7im96] {
    all: unset !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 15px 25px !important;
    margin: 20px auto !important;
    max-width: 500px !important;
    border-radius: 12px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    animation: slideInOut-b-zf3su7im96 5s forwards !important;
    position: relative !important;
    z-index: 1000 !important;
    font-family: 'Assistant', sans-serif !important;
    line-height: 1.4 !important;
}


/* הסרת עיצובים לא רלוונטיים */
.custom-toast[b-zf3su7im96],
.toast-success[b-zf3su7im96],
.toast-error[b-zf3su7im96],
div[id*="blazor"] p[b-zf3su7im96] {
    display: none !important;
}


/* ווידוא שההתראות יופיעו מעל הכל */
.message-toast[b-zf3su7im96],
.toast[b-zf3su7im96] {
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
}
/*.close-message {
   background-color: transparent;
   border: none;
   color: inherit;
   font-size: 20px;
   cursor: pointer;
   margin-right: 10px;
   padding: 0 8px;
   line-height: 1;
   border-radius: 50%;
   transition: background-color 0.2s ease;
}


.close-message:hover {
   background-color: rgba(0,0,0,0.05);
}*/
/* שורת כפתורי ניווט פריטים - בדיוק כמו בתמונה */
.gallery-navigation[b-zf3su7im96] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 20px 0;
    flex-wrap: wrap;
    padding: 0 20px;
}


.item-btn[b-zf3su7im96] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: white;
    color: #2d2b2b;
    border: 2px solid #999;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}


.item-btn:hover[b-zf3su7im96] {
    border-color: #9b004e;
    color: #9b004e;
    transform: none;
    box-shadow: none;
}


.item-btn.active[b-zf3su7im96] {
    /*background-color: #9b004e;*/
    color: black;
    border-color: #9b004e;
    font-weight: bold;
}


.item-btn.active:hover[b-zf3su7im96] {
    background-color: #9b004e;
    border-color: #9b004e;
    color: white;
}


/* עיצוב כפתור הוספה מושבת */
.add-btn:disabled[b-zf3su7im96] {
    background-color: #f5f5f5 !important;
    color: #999 !important;
    border-color: #ccc !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}


.add-btn:disabled:hover[b-zf3su7im96] {
    background-color: #f5f5f5 !important;
    color: #999 !important;
    transform: none !important;
}


/* הודעות קבועות על המסך */
.message-toast[b-zf3su7im96] {
    position: fixed !important;
    top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 9999 !important;
    max-width: 500px !important;
    width: auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px 25px !important;
    border-radius: 12px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    font-family: 'Assistant', sans-serif !important;
    line-height: 1.4 !important;
}


/* הסתרת כפתור ה-X */
.message-toast .close-message[b-zf3su7im96] {
    display: none !important;
}


/* כפתורי אישור בהתראת מחיקה */
.confirm-buttons[b-zf3su7im96] {
    display: flex;
    gap: 10px;
    justify-content: center;
}


.confirm-yes[b-zf3su7im96], .confirm-no[b-zf3su7im96] {
    padding: 8px 20px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border: 2px solid;
    transition: all 0.2s ease;
}


.confirm-yes[b-zf3su7im96] {
    background-color: white;
    color: #e74c3c;
    border-color: #e74c3c;
}


.confirm-yes:hover[b-zf3su7im96] {
    background-color: #e74c3c;
    color: white;
}


.confirm-no[b-zf3su7im96] {
    background-color: white;
    color: #666;
    border-color: #999;
}


.confirm-no:hover[b-zf3su7im96] {
    background-color: #666;
    color: white;
}
/* עיצוב כפתור בחירת קובץ - משתמש בקוד הקיים שלך */
.file-input-container[b-zf3su7im96] {
    position: relative;
    display: inline-block;
    margin: 10px 0;
}


.file-input-container input[type="file"][b-zf3su7im96] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}


.file-input-label[b-zf3su7im96] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background-color: white;
    color: #9b004e;
    border: 2px solid #9b004e;
    border-radius: 20px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 2px 2px 0px #9b004e;
    font-family: 'Assistant', sans-serif;
    position: relative;
    z-index: 1;
}


.file-input-container:hover .file-input-label[b-zf3su7im96] {
    background-color: #9b004e;
    color: white;
    transform: scale(1.02);
    box-shadow: 3px 3px 0px #9b004e;
}


.file-input-icon[b-zf3su7im96] {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
}

.modal-overlay[b-zf3su7im96] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-zf3su7im96] {
    background: white;
    border-radius: 8px;
    max-width: 500px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.confirm-modal[b-zf3su7im96] {
    max-width: 400px;
}

.modal-header[b-zf3su7im96] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.modal-header h3[b-zf3su7im96] {
    margin: 0;
    color: #333;
}

.close-btn[b-zf3su7im96] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover[b-zf3su7im96] {
    color: #333;
}

.modal-body[b-zf3su7im96] {
    padding: 20px;
}

.modal-footer[b-zf3su7im96] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 20px;
    border-top: 1px solid #eee;
}

.cancel-btn[b-zf3su7im96] {
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ddd;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

.cancel-btn:hover[b-zf3su7im96] {
    background: #e9e9e9;
}


.image-preview[b-zf3su7im96] {
    margin-top: 10px;
    text-align: center;
}

.image-preview img[b-zf3su7im96] {
    border-radius: 4px;
    border: 1px solid #ddd;
}

.form-control[b-zf3su7im96] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.mb-3[b-zf3su7im96] {
    margin-bottom: 1rem;
}

.mb-3 label[b-zf3su7im96] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
}

.change-image-button[b-zf3su7im96] {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #9b004e;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.change-image-button:hover[b-zf3su7im96] {
    background-color: #7a0040;
}

/* /Pages/Editor/LibrariesEditor.razor.rz.scp.css */
body[b-7hfv3ulmws] {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #f8f8f8;
    margin: 0;
    padding: 0;
}

/* עימוד כללי */
.container[b-7hfv3ulmws] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 20px;
}

.page-title[b-7hfv3ulmws] {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 30px;
    position: relative;
}

.page-title[b-7hfv3ulmws]::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: #3f4a70;
    margin: 12px auto 0;
    border-radius: 4px;
}


/* כרטיסים */
.card[b-7hfv3ulmws] {
    background-color: #f5faff;
    border-radius: 20px;
    padding: 30px;
    margin-top: 20px;
}

.top-button-spacing[b-7hfv3ulmws] {
    margin-bottom: 30px;
}
.top-action-button[b-7hfv3ulmws] {
    position: absolute;
    top: 10px;
    left: 10px; /* אם אתה רוצה ימין, שנה ל־right */
    z-index: 10;
}
.library-card[b-7hfv3ulmws] {
    position: relative;
}

/* כפתורים */
button.rounded-pink-button[b-7hfv3ulmws] {
    padding: 10px 24px !important;
    border-radius: 999px !important;
    background-color: white !important;
    border: 2px solid #9b004e !important;
    color: #9b004e !important;
    font-weight: bold !important;
    font-size: 16px !important;
    cursor: pointer;
    box-shadow: inset 0 -3px 0 #9b004e !important;
    transition: all 0.2s ease-in-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 10px auto 0;!important;
    margin-bottom: 30px;
}


button.rounded-pink-button:hover[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
}

/* טופס הוספה */
.add-form[b-7hfv3ulmws] {
    box-shadow: 6px 6px 0px #9b004e;
}

.card-header[b-7hfv3ulmws] {
    margin-bottom: 20px;
    text-align: center;
}

.card-header h3[b-7hfv3ulmws] {
    font-size: 20px;
    margin: 0;
    color: #2d2b2b;
}

/* שדות */
.form-row[b-7hfv3ulmws]  {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group[b-7hfv3ulmws] {
    flex: 1 1 200px;
    display: flex;
    flex-direction: column;
}

label[b-7hfv3ulmws] {
    font-weight: bold;
    margin-bottom: 6px;
    color: #2d2b2b;
}

.form-control[b-7hfv3ulmws] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
    font-size: 14px;
    transition: 0.3s;
}

.form-control:focus[b-7hfv3ulmws] {
    border-color: #9b004e;
    outline: none;
}

/* העלאת תמונה */
.image-upload[b-7hfv3ulmws] {
    margin-top: 10px;
}


.preview-image img[b-7hfv3ulmws] {
    max-width: 100%;
    border-radius: 10px;
}


.current-image img[b-7hfv3ulmws] {
    cursor: zoom-in;
    max-width: 100%;
    width: 200px;  /* הגבול הרצוי */
    height: auto;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc;
}
.library-image[b-7hfv3ulmws] {
    max-width: 100%;
    width: 400px;       /* או כל גודל אחר שמתאים לך */
    height: auto;
    border-radius: 12px;
    margin: 10px auto;
    display: block;
}
.image-preview-container img[b-7hfv3ulmws] {
    width: 200px;
    height: auto;
    cursor: zoom-in;
    transition: 0.3s ease;
    border-radius: 10px;
}


/* סגנון CSS משופר למודל התמונה המוגדלת */
.image-modal[b-7hfv3ulmws] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-7hfv3ulmws 0.2s ease;
    backdrop-filter: blur(3px);
}

.image-modal-content[b-7hfv3ulmws] {
    max-width: 100%;
    max-height: 85vh;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
    cursor: default;
    object-fit: contain;
}
.image-modal-content-container[b-7hfv3ulmws] {
    position: relative;
    max-width: 90%;
    max-height: 90vh;
    animation: zoomIn-b-7hfv3ulmws 0.3s ease;
}
.modal-close-btn[b-7hfv3ulmws] {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #9b004e;
    border: 2px solid white;
    color: white;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease;
}
.modal-close-btn:hover[b-7hfv3ulmws] {
    background-color: #c10066;
    transform: scale(1.1);
}
/* אנימציות להופעת המודל והתמונה */
@keyframes fadeIn-b-7hfv3ulmws {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes zoomIn-b-7hfv3ulmws {
    from {
        opacity: 0;
        transform: scale(0.7);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* סגנון מעודכן לתמונות בכרטיסיות הספרייה ובטופס ההוספה */
.library-image[b-7hfv3ulmws],
.current-image img[b-7hfv3ulmws],
.image-preview-container img[b-7hfv3ulmws] {
    transition: transform 0.2s ease;
    cursor: zoom-in;
}

.library-image:hover[b-7hfv3ulmws],
.current-image img:hover[b-7hfv3ulmws],
.image-preview-container img:hover[b-7hfv3ulmws] {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* רשימת ספריות */
/*.card-body{
    background-color: #3f4a70;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 6px 6px 0px #e74c3c;
}*/

.search-box[b-7hfv3ulmws] {
    margin-bottom: 20px;
}

.libraries-grid[b-7hfv3ulmws] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.library-card[b-7hfv3ulmws] {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 3px 3px 0px #9b004e;
    cursor: pointer;
    transition: 0.2s ease;
    margin-top: 10px;
}

.library-card:hover[b-7hfv3ulmws] {
    transform: scale(1.01);
    box-shadow: 6px 6px 0px #9b004e;
}

.library-card.expanded[b-7hfv3ulmws] {
    grid-column: 1 / -1;
}

.library-header h4[b-7hfv3ulmws] {
    margin: 0;
    font-size: 18px;
    color: #2d2b2b;
}

.library-address[b-7hfv3ulmws] {
    font-size: 14px;
    color: #555;
    margin-top: 8px;
}



.btn-add[b-7hfv3ulmws] {
    align-self: flex-start;
    white-space: nowrap;
    background-color: transparent;
    color: #9b004e;
    padding: 10px 20px;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border: none; !important;


}

.btn-add:hover[b-7hfv3ulmws] {
    border: none; !important;
    color: #9b004e;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-delete[b-7hfv3ulmws] {
    color: #9b004e;
    padding: 10px 18px;
    border-radius: 30px;
    background-color: transparent;!important;
    margin-bottom:20px ;
    font-weight: bold;
}

.btn-delete:hover[b-7hfv3ulmws] {
    color: white;
    border: 2px solid #9b004e;
}
.toast-popup[b-7hfv3ulmws] {
    position: fixed;
    bottom: 30px;
    left: 30px;
    padding: 14px 22px;
    border-radius: 12px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 9999;
    animation: fadeInOut-b-7hfv3ulmws 4s ease forwards;
    display: flex;
    align-items: center;
    gap: 12px;
}

.toast-popup.success[b-7hfv3ulmws] {
    background-color: #e0f8e9;
    border: 2px solid #42a14f;
    color: #226b2e;
}

.toast-popup.error[b-7hfv3ulmws] {
    background-color: #ffe6e6;
    border: 2px solid #a80e0e;
    color: #a80e0e;
}

.toast-popup .close-btn[b-7hfv3ulmws] {
    background-color: transparent;
    border: none;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.toast-popup .close-btn:hover[b-7hfv3ulmws] {
    background-color: rgba(0,0,0,0.05);
}

@keyframes fadeInOut-b-7hfv3ulmws {
    0% { opacity: 0; transform: translateY(20px); }
    10% { opacity: 1; transform: translateY(0); }
    90% { opacity: 1; }
    100% { opacity: 0; transform: translateY(20px); }
}

.confirm-overlay[b-7hfv3ulmws] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    direction: rtl;
}

.confirm-box[b-7hfv3ulmws] {
    background-color: #f6f9fc;
    box-shadow: 6px 6px 0 var(--navy);
    border-radius: 20px;
    padding: 32px 24px;
    width: 100%;
    max-width: 500px;
    position: relative;
/box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);/
font-family: 'Assistant', sans-serif;
    text-align: right;
}

.confirm-title[b-7hfv3ulmws] {
    margin: 0;
    font-size: 22px;
    color: #3e4a78;
    font-weight: 800;
    margin-bottom: 24px;
}

.confirm-message[b-7hfv3ulmws] {
    font-size: 17px;
    color: #1c1c1c;
    margin-bottom: 12px;
}

.confirm-warning[b-7hfv3ulmws] {
    font-size: 15px;
    color: #2c2c2c;
    margin-bottom: 30px;
}

.confirm-buttons[b-7hfv3ulmws] {
    display: flex;
    justify-content: flex-start;
    gap: 12px;
}

.confirm-buttons .btn[b-7hfv3ulmws] {
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border: none;
}

.btn-save[b-7hfv3ulmws]{
    color: #9b004e;
    padding: 10px 18px;
    box-shadow: 4px 4px #9b004e;
    border-radius: 30px;
    border: 2px solid #9b004e;
    background-color: white;
    margin-bottom:20px ;
    font-weight: bold;
}
.btn-save:hover[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
    border: 2px solid white;
}
.btn-secondary[b-7hfv3ulmws] {
    background-color:  white;
    border: 1px solid  #9b004e;
    color: #9b004e;
}

.btn-secondary:hover[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
    border: 2px solid #9b004e;
}

.confirm-close[b-7hfv3ulmws] {
    top: 16px;         /* מרחק מהחלק העליון */
    left: 16px;        /* במקום right: 16px — נשתמש ב־left */
    position: absolute;
    top: 16px;         /* פנימה מלמעלה */
    right: auto !important;   /* חשוב: לבטל כל הורשה קודמת */
    background-color: #9B004E;
    color: white;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 18px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.confirm-close:hover[b-7hfv3ulmws] {
    background: #78043e;
}

.action-row[b-7hfv3ulmws] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

/*.action-row .btn-primary {
    background-color: #9b004e;
    border: 1px solid #9b004e;
    color: white;
    padding: 10px 24px;
    font-size: 16px;
    font-weight: bold;
}

.action-row .btn-primary:hover {
    background-color: #7a0042;
    border-color: #7a0042;
}*/

.action-row .btn-delete[b-7hfv3ulmws] {
    color: #9b004e;
    padding: 10px 18px;
    border-radius: 30px;
    background-color: transparent;!important;
    margin-bottom:20px ;
    font-weight: bold;
}

.action-row .btn-delete:hover[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
    border: 2px solid white;
}


/* רספונסיביות */
@media (max-width: 768px) {
    .form-row[b-7hfv3ulmws] {
        flex-direction: column;
    }

    .libraries-grid[b-7hfv3ulmws] {
        grid-template-columns: 1fr;
    }

    .action-row[b-7hfv3ulmws] {
        flex-direction: column;
        gap: 10px;
    }

    .action-row .btn[b-7hfv3ulmws] {
        width: 100%;
    }
    .library-image[b-7hfv3ulmws] {
        width: 90%;
    }
}

.spinner[b-7hfv3ulmws] {
    width: 50px;
    height: 50px;
    border: 4px solid transparent;
    border-radius: 50%;
    border-top: 4px solid #3f4a70;
    border-right: 4px solid #3f4a70;
    animation: spin-b-7hfv3ulmws 0.5s linear infinite;
}

@keyframes spin-b-7hfv3ulmws {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.library-image[b-7hfv3ulmws] {
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.library-image:hover[b-7hfv3ulmws] {
    transform: scale(1.05);
}

.image-modal[b-7hfv3ulmws] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    cursor: pointer;
}

.image-modal-content-container[b-7hfv3ulmws] {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    cursor: default;
}

.image-modal-content[b-7hfv3ulmws] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.modal-close-btn[b-7hfv3ulmws] {
    position: absolute;
    top: -10px;
    right: -10px;
/background-color: #fff;/
border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-close-btn:hover[b-7hfv3ulmws] {
    background-color: black;
}
/* === סגנון חדש לתצוגת סניפים === */
/* === סגנון חדש לתצוגת סניפים === */
.branches-list[b-7hfv3ulmws] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}

.branch-item[b-7hfv3ulmws] {
    background-color: #f5faff;
    border: 1px solid #dee2e6;
    border-radius: 16px;
    padding: 16px 24px;
    transition: box-shadow 0.2s ease;
}

.branch-item:hover[b-7hfv3ulmws] {
    box-shadow: 2px 2px 0px #9b004e;
}

.branch-header[b-7hfv3ulmws] {
    font-weight: bold;
    font-size: 14px;
    color: #2d2b2b;
    margin-bottom: 8px;
}

.branch-details[b-7hfv3ulmws] {
    color: #555;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 12px;
}

.branch-actions[b-7hfv3ulmws] {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
}

.branch-actions button[b-7hfv3ulmws] {
    font-size: 12px;
    font-weight: bold;
    border-radius: 30px;
    padding: 4px 8px;
    border: 2px solid #9b004e;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-color: white;
}

.branch-actions button.btn-outline-primary[b-7hfv3ulmws] {
    color: #9b004e;
    background-color: white;
    box-shadow: 2px 2px 0 #9b004e;
}

.branch-actions button.btn-outline-primary:hover[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
}

.branch-actions button.btn-outline-danger[b-7hfv3ulmws] {
    color: #9b004e;
    background-color: white;
    box-shadow: 2px 2px 0 #9b004e;
}

.branch-actions button.btn-outline-danger:hover[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
}
.toggle-branches-btn[b-7hfv3ulmws] {
    margin-bottom: 16px;
    padding: 10px 20px;
    border-radius: 20px;
    border: 2px solid #9b004e;
    background-color: white;
    color: #9b004e;
    font-weight: bold;
    cursor: pointer;
    box-shadow: 2px 2px 0px #9b004e;
    transition: all 0.2s ease;
    justify-content: flex-start;

}

.toggle-branches-btn:hover[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
    border: 2px solid white;
}
.toggle-branches-btn:focus[b-7hfv3ulmws] {
    background-color: #9b004e;
    color: white;
    border: 2px solid white;
}

.image-preview-row[b-7hfv3ulmws] {
    display: flex;
    flex-direction: row-reverse; /* מימין לשמאל */
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 10px;
}

.image-preview-row .current-image img[b-7hfv3ulmws] {
    max-width: 200px;
    height: auto;
    border-radius: 8px;
    cursor: zoom-in;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
/*.delete-image-btn {
    background-color: #9b004e;
    color: white;
    border: none;
    padding: 10px 16px;
    border-radius: 30px;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.3s ease;
}*/

/*.delete-image-btn:hover {
    background-color: #7a003f;
}*/
.image-preview-row .image-wrapper[b-7hfv3ulmws] {
    flex-shrink: 0;
}

.delete-image-button[b-7hfv3ulmws] {
    height: fit-content;
    padding: 10px 20px;
}
.image-row[b-7hfv3ulmws] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.image-row .current-image[b-7hfv3ulmws] {
    flex-shrink: 0;
    max-width: 200px;
}

.image-row img[b-7hfv3ulmws] {
    max-width: 100%;
    border-radius: 12px;
    cursor: zoom-in;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
}

.image-actions[b-7hfv3ulmws] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    min-width: 200px;
}

.image-actions label[b-7hfv3ulmws] {
    font-weight: bold;
    margin-bottom: 6px;
    color: #2d2b2b;
}

.delete-image-btn[b-7hfv3ulmws] {
    align-self: flex-start;
    white-space: nowrap;
    background-color: transparent;
    color: #9b004e;
    padding: 10px 20px;
    border-radius: 30px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.delete-image-btn:hover[b-7hfv3ulmws] {
    border: none;
    color: #9b004e;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
/* /Pages/Editor/NewsEditor.razor.rz.scp.css */
.page-title[b-5fjjwukucl] {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 10px;
}

.underline[b-5fjjwukucl] {
    width: 60px;
    height: 4px;
    background-color: #44507a;
    margin: 0 auto 50px;
    border-radius: 4px;
}

.editor-wrapper[b-5fjjwukucl] {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}

.news-box[b-5fjjwukucl] {
    background-color: #f5faff;
    padding: 30px;
    border-radius: 24px;
    box-shadow: 6px 6px 0px #44507a;
    width: 500px;
    max-width: 100%;
    position: relative;
}

.top-row[b-5fjjwukucl] {
    background-color: #f5faff;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
}


.circle-button[b-5fjjwukucl] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: white;
    color: #2d2b2b;
    border: 2px solid #999;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;

}

.circle-button:hover[b-5fjjwukucl] {
    background-color: #9b004e;
    border-color: #9b004e;
    color: white;
}

.circle-button.active[b-5fjjwukucl] {
    border: 2px solid #9b004e;
    color: #9b004e;
    box-shadow: inset 0 0 0 2px white;
}

.add-button[b-5fjjwukucl]{
    border-radius: 18px;
    padding: 4px 12px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    background-color: #9b004e;
    color: white;
    font-size: 14px;
}

.form[b-5fjjwukucl] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

input[type="date"][b-5fjjwukucl], textarea[b-5fjjwukucl] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    direction: rtl;
}

textarea[b-5fjjwukucl] {
    resize: none;
    height: 60px;
}
.action-row[b-5fjjwukucl] {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 10px;
}

.save-button[b-5fjjwukucl], .delete-full-button[b-5fjjwukucl] {
    padding: 10px 20px;
    border: 2px solid #9b004e;
    background-color: white;
    color: #9b004e;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: fit-content;
    min-width: 140px;
    text-align: center;
    box-shadow: 2px 2px 0px #9b004e;
    font-weight: bold;
}
.save-button:hover[b-5fjjwukucl],
.delete-full-button:hover[b-5fjjwukucl] {
    background-color: #9b004e;
    color: white;
    border: 2px solid #f5faff ;
}

/*.save-button {
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    color: #2d2b2b;
    box-shadow: inset 0 -2px 0 #9b004e;
}*/

/*.delete-full-button {
    background-color: white;
    color: #9b004e;
}

.delete-full-button:hover {
    background-color: #fff0f4;
}*/

.save-button:disabled[b-5fjjwukucl] {
    background-color: #c7c7c7; /* צבע אפור לכפתור חסום */
    color: #a5a5a5; /* צבע אפור לטקסט */
    cursor: not-allowed; /* מצביע חוסם */
}


.confirm-dialog[b-5fjjwukucl] {
    background: #fff0f0;
    border: 2px solid #d9534f;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin-top: 10px;
}

.confirm-dialog p[b-5fjjwukucl] {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
}

.yes-button[b-5fjjwukucl], .no-button[b-5fjjwukucl] {
    padding: 8px 16px;
    margin: 0 10px;
    border-radius: 10px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.yes-button[b-5fjjwukucl] {
    background-color: #d9534f;
    color: white;
}

.no-button[b-5fjjwukucl] {
    background-color: #e0e0e0;
    color: black;
}
.success-message[b-5fjjwukucl] {
    margin-top: 20px;
    text-align: center;
    background-color: #e0f8e9;
    border: 1px solid #42a14f;
    color: #226b2e;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    animation: fadeOut-b-5fjjwukucl 4s forwards;
}

@keyframes fadeOut-b-5fjjwukucl {
    0% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; display: none; }
}
/* /Pages/Editor/QuestionsEditor.razor.rz.scp.css */
.page-title[b-fqpahlpewm] {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2d2b2b;
    margin-bottom: 10px;
}

.underline[b-fqpahlpewm] {
    width: 60px;
    height: 4px;
    background-color: #3f4a70;
    margin: 0 auto 50px;
    border-radius: 4px;
}

.editor-wrapper[b-fqpahlpewm] {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}

.news-box[b-fqpahlpewm] {
    background-color: #f5faff;
    padding: 30px;
    border-radius: 24px;
    box-shadow: 6px 6px 0px #44507a;
    width: 500px;
    max-width: 100%;
    position: relative;
}

.top-row[b-fqpahlpewm] {
    background-color: #f5faff;
    padding: 10px;
    border-radius: 12px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
}


.circle-button[b-fqpahlpewm] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: white;
    color: #2d2b2b;
    border: 2px solid #999;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;

}

.circle-button.active[b-fqpahlpewm] {
    border: 2px solid #9b004e;
    color: #9b004e;
    box-shadow: inset 0 0 0 2px white;
}

.circle-button:hover[b-fqpahlpewm] {
    background-color: #9b004e;
    border-color: #9b004e;
    color: white;
}

.add-button[b-fqpahlpewm]{
    border-radius: 18px;
    padding: 4px 12px;
    font-weight: bold;
    cursor: pointer;
    border: none;
    background-color: #9b004e;
    color: white;
    font-size: 14px;
}

.form[b-fqpahlpewm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

input[type="date"][b-fqpahlpewm], textarea[b-fqpahlpewm] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    direction: rtl;
}

textarea[b-fqpahlpewm] {
    resize: none;
    height: 60px;
}
.action-row[b-fqpahlpewm] {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    gap: 10px;
}

.save-button[b-fqpahlpewm], .delete-full-button[b-fqpahlpewm] {
    padding: 10px 20px;
    border: 2px solid ;
    background-color: #f5faff;
    color: #9b004e;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: fit-content;
    min-width: 140px;
    text-align: center;
    box-shadow: 2px 2px 0px #9b004e;
    font-weight: bold;
}

.save-button:hover[b-fqpahlpewm] {
    background-color: #9b004e;
    color: white;
    border: 2px solid #f5faff ;
}
.delete-full-button:hover[b-fqpahlpewm] {
    background-color: #9b004e;
    color: white;
    border: 2px solid #f5faff ; 
}

.save-button:disabled[b-fqpahlpewm] {
    background-color: #c7c7c7; /* צבע אפור לכפתור חסום */
    color: #a5a5a5; /* צבע אפור לטקסט */
    cursor: not-allowed; /* מצביע חוסם */
}


.confirm-dialog[b-fqpahlpewm] {
    background: #fff0f0;
    border: 2px solid #d9534f;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    margin-top: 10px;
}
.success-message[b-fqpahlpewm] {
    margin-top: 20px;
    text-align: center;
    background-color: #e0f8e9;
    border: 1px solid #42a14f;
    color: #226b2e;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    animation: fadeOut-b-fqpahlpewm 4s forwards;
}

@keyframes fadeOut-b-fqpahlpewm {
    0%   { opacity: 1; }
    80%  { opacity: 1; }
    100% { opacity: 0; display: none; }
}

.confirm-dialog p[b-fqpahlpewm] {
    font-size: 16px;
    margin-bottom: 10px;
    color: #333;
}

.yes-button[b-fqpahlpewm], .no-button[b-fqpahlpewm] {
    padding: 8px 16px;
    margin: 0 10px;
    border-radius: 10px;
    border: none;
    font-weight: bold;
    cursor: pointer;
}

.yes-button[b-fqpahlpewm] {
    background-color: #d9534f;
    color: white;
}

.no-button[b-fqpahlpewm] {
    background-color: #e0e0e0;
    color: black;
}
.success-message[b-fqpahlpewm] {
    margin-top: 20px;
    text-align: center;
    background-color: #e0f8e9;
    border: 1px solid #42a14f;
    color: #226b2e;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    animation: fadeOut-b-fqpahlpewm 4s forwards;
}



@keyframes fadeOut-b-fqpahlpewm {
    0% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; display: none; }
}

.error-message[b-fqpahlpewm] {
    margin-top: 20px;
    text-align: center;
    background-color: #ffeaea;
    border: 1px solid #d9534f;
    color: #a94442;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    animation: fadeOut-b-fqpahlpewm 4s forwards;
}
/* /Pages/Editor/VendorsEditor.razor.rz.scp.css */
.table-container[b-764lji2z3v] {
    overflow-x: auto !important;
    width: 100%;
    max-width: 100%;
}

/*!* 1. מאפשר גלילה אופקית, ומוודא שלא ייחתך אנכית *!
.table-container {
    overflow-x: auto !important;
    overflow-y: visible   !important;
    padding-bottom: 1.5rem; !* כדי שיהיה קצת מרווח מתחת *!
}*/
/* 2. אם Container עוטף את הטבלה אחרת, תוכל להחיל על כל האשכול */
.vendors-management .table-container[b-764lji2z3v] {
    overflow-x: auto !important;
    overflow-y: visible   !important;
    padding-bottom: 1.5rem;
}
/* אופציונלי: לוודא שמינימום רוחב של התאים יאפשר גלילה */
.vendors-table[b-764lji2z3v] {
    width: 100%;
    table-layout: auto;
}

.action-buttons[b-764lji2z3v] {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.vendors-table td.action-buttons[b-764lji2z3v] {
    display: flex;
    justify-content: flex-start;
}



/* ===== Override כללי על btn ===== */
.vendors-management .btn[b-764lji2z3v] {
    font-weight: 500;
    border-radius: 4px;
    transition: background-color .2s, transform .1s;
}
/* ===== wrapper של הכרטיס ===== */
.editor-card.vendors-management[b-764lji2z3v] {
    background-color: #f5faff;
    border-radius: 20px;
    box-shadow: 6px 6px  #44507a;
    padding: 30px;
   width: 100%;
    max-width: none;
}

/* ===== כותרת הדף ===== */
.vendors-management .page-header[b-764lji2z3v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #ecf0f1;
    padding-bottom: 10px;
    margin-bottom: 25px;
}
.vendors-management .page-title[b-764lji2z3v] {
    font-size: 28px;
    font-weight: 600;
    color: #2c3e50;
}

/* כפתור ראשי (הוסף ספק חדש) */
.vendors-management .add-btn[b-764lji2z3v] {
    color: #9b004e;
    padding: 10px 18px;
    box-shadow: 4px 4px #9b004e;
    border-radius:30px;
    border: 2px solid #9b004e;
    font-weight: bold;
}
.vendors-management .add-btn:hover[b-764lji2z3v] {
    transform: scale(1.05);
    box-shadow: 4px 4px  #9b004e;
}
/* ===== תיבת החיפוש ===== */
.vendors-management .search-box[b-764lji2z3v] {
    margin-bottom: 20px;
}
.vendors-management .search-input[b-764lji2z3v] {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: border-color .3s, box-shadow .3s;
}
.vendors-management .search-input:focus[b-764lji2z3v] {
    border: 1px solid #9b004e;
    box-shadow: 4px 4px#9b004e;
}

/* ===== הטבלה ===== */
.vendors-management .table-container[b-764lji2z3v] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
}
.vendors-management .vendors-table[b-764lji2z3v] {
    width: 100%;
    border-collapse: collapse;
}
.vendors-management .vendors-table th[b-764lji2z3v] {
    background: #44507AFF;
    color: #fff;
    padding: 12px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 1;
    font-size: 14px;
    /*width: 100%;*/
}
.vendors-management .vendors-table td[b-764lji2z3v] {
    padding: 12px;
    border-bottom: 1px solid #ecf0f1;
    
}
.vendors-management .vendors-table tr:nth-child(even)[b-764lji2z3v] {
    background: #f8f9fa;
}
.vendors-management .vendors-table tr:hover[b-764lji2z3v] {
    background: rgba(52,152,219,0.1);
}

.tag-chip[b-764lji2z3v] {
    display: inline-block;
    background-color: #e8e8f0;
    color: #444;
    padding: 4px 10px;
    margin: 2px;
    border-radius: 15px;
    font-size: 0.85rem;
    border: 1px solid #ccc;
}

.vendor-btn.edit-btn[b-764lji2z3v],
.vendor-btn.delete-btn[b-764lji2z3v],
.vendor-btn.view-btn[b-764lji2z3v] {
    display: flex;
    align-items: center;
    padding: 0.4rem 0.4rem;  /* הקטנת padding */
    background-color: #fff;
    border-radius: 16px;     /* הקטנת border-radius */
    border: 2px solid #9b004e;
    box-shadow: 3px 3px 0 0 #9b004e;  /* הקטנת box-shadow */
    color: #9b004e;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s, color .2s;
    position: relative;
    z-index: 1;
    min-width: auto;         /* מאפשר לכפתור להיות קטן יותר */
    flex-shrink: 0;          /* מונע הקטנה של הכפתורים */
}

/* הקטנת האייקונים */
.vendor-btn.edit-btn i[b-764lji2z3v],
.vendor-btn.delete-btn i[b-764lji2z3v],
.vendor-btn.view-btn i[b-764lji2z3v] {
    color: #9b004e !important;
    font-size: 0.9rem;       /* הקטנת גודל האייקון */
}

/* אייקון במצב רגיל */
.vendor-btn.edit-btn i[b-764lji2z3v],
.vendor-btn.delete-btn i[b-764lji2z3v],
.vendor-btn.view-btn i[b-764lji2z3v] {
    color: #9b004e !important;           /* אייקון בורגונדי */
    font-size: 1.1rem;
}

/* hover ו- focus (מצב לחיצה) */
.vendor-btn.edit-btn:hover[b-764lji2z3v],
.vendor-btn.edit-btn:focus[b-764lji2z3v],
.vendor-btn.delete-btn:hover[b-764lji2z3v],
.vendor-btn.delete-btn:focus[b-764lji2z3v],
.vendor-btn.view-btn:hover[b-764lji2z3v],
.vendor-btn.view-btn:focus[b-764lji2z3v] {
    background-color: #9b004e;           /* רקע בורגונדי */
    color: #fff;                         /* טקסט לבן */
}

/* אייקון במצב hover/focus */
.vendor-btn.edit-btn:hover i[b-764lji2z3v],
.vendor-btn.edit-btn:focus i[b-764lji2z3v],
.vendor-btn.delete-btn:hover i[b-764lji2z3v],
.vendor-btn.delete-btn:focus i[b-764lji2z3v],
.vendor-btn.view-btn:hover i[b-764lji2z3v],
.vendor-btn.view-btn:focus i[b-764lji2z3v] {
    color: #fff !important;
}

/* אם צריך, אפשר גם לכוון את מצב active (לחוץ ממש) */
.vendor-btn.edit-btn:active[b-764lji2z3v],
.vendor-btn.delete-btn:active[b-764lji2z3v],
.vendor-btn.view-btn:active[b-764lji2z3v] {
    background-color: #9b004e;
    color: #fff;
}

/* טקסט הכפתור */
.vendor-btn.edit-btn span[b-764lji2z3v],
.vendor-btn.delete-btn span[b-764lji2z3v],
.vendor-btn.view-btn span[b-764lji2z3v] {
    font-size: 0.9rem;
}

/* ===== עיצוב מודל עריכת ספק ===== */
/* מסך ערפל אחורי */
.modal-overlay[b-764lji2z3v] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.2);
    z-index: 100;
}

/* המיכל הראשי של הפופ-אפ */

/* גוף הטופס / תצוגת הפרטים / הודעת המחיקה */
.edit-form .form-group[b-764lji2z3v],
.details-view .vendor-details[b-764lji2z3v],
.delete-confirm > p[b-764lji2z3v] {
    /* padding פנימי רב יותר לכל הקבוצה */
    padding:1px 35px; 
}
.edit-form[b-764lji2z3v] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 500px;
    max-height: 90vh; /* מוסיף מגבלה לגובה */
    overflow-y: auto; /* מאפשר גלילה אם התוכן עובר */
    background: #f5faff;
    border-radius: 20px;
    box-shadow: 6px 6px 0 var(--navy);
    z-index: 101;
    direction: rtl;
    padding-bottom: 20px; /* חשוב כדי לא לחסום את הכפתורים */
}
.details-view[b-764lji2z3v],
.delete-confirm[b-764lji2z3v] {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 90%; max-width: 500px;
    background: #f5faff;
    border-radius: 20px;
    box-shadow: 6px 6px 0 var(--navy);
    z-index: 101;
    direction: rtl;
    overflow: hidden;
}
/* כותרת הפופ-אפ */
.edit-form .form-header[b-764lji2z3v],
.details-view .form-header[b-764lji2z3v],
.delete-confirm .form-header[b-764lji2z3v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: transparent;
    border-bottom: 1px solid var(--medium-gray);
}
/* טקסט הכותרת */
.edit-form .form-title[b-764lji2z3v],
.details-view .form-title[b-764lji2z3v],
.delete-confirm .form-title[b-764lji2z3v] {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: var(--black);
}

/* כפתור הסגירה (×) */
.close-btn[b-764lji2z3v] {
    background: #9B004EFF;
    color: var(--white);
    border: none;
    border-radius: 50%;    /* להפוך לעיגול מושלם */
    width: 32px; height: 32px;
    font-size: 18px;
    cursor: pointer;
    line-height: 32px;
    text-align: center;
    display: flex;          /* flex container */
    align-items: center;    /* מרכז אנכית */
    justify-content: center;/* מרכז אופקית */
    /* אפשר לשמור transition אם יש */
    transition: background-color .2s;
}
.close-btn:hover[b-764lji2z3v] {
    background: #78043e;
    
}


/* עיצוב שדות הטופס בתוך .edit-form */
.edit-form .form-group[b-764lji2z3v] {
    margin-bottom: 16px;
}
.edit-form .form-group label[b-764lji2z3v] {
    margin-bottom: 6px;
    font-weight: 600;
    align: right;
    display: flex;    !important;  /* להבטיח שתופס שורה שלמה */
}
.edit-form .form-group label[b-764lji2z3v],
.details-view .vendor-details .detail-item .detail-label[b-764lji2z3v] {
    text-align: right;
    /*display: block;      !* להבטיח שתופס שורה שלמה *!*/
    margin-bottom: 4px;  /* קצת ריווח מתחת לכותרת */
}

.edit-form .form-control[b-764lji2z3v] {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--medium-gray);
    border-radius: 8px;
}

/* כפתורי הפעולה בתחתית הפופ-אפ */
.edit-form .form-buttons[b-764lji2z3v],
.details-view .form-buttons[b-764lji2z3v],
.delete-confirm .form-buttons[b-764lji2z3v] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 20px;
    background: transparent;
    border-top: 1px solid var(--medium-gray);
}

/* צבעי כפתורים */
.btn-primary[b-764lji2z3v] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.5rem 0.5rem;
    background-color: #fff;
    border: 2px solid #9b004e;
    box-shadow: 4px 4px 0 0 #9b004e;
    color: #9b004e;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    z-index: 1;
   
}
.btn-primary:hover[b-764lji2z3v] {
    background-color: #9b004e;
    color: #fff;
}

.btn-popupDelete[b-764lji2z3v]{
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background-color: #fff;
    border: 1px solid #9b004e;
    box-shadow: 2px 2px 0 0 #9b004e;
    color: #9b004e;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    z-index: 1;
}

.btn-popupDelete:hover[b-764lji2z3v] {
    background-color: #9b004e;
    color: #fff;
}

.message-toast[b-764lji2z3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    margin: 20px auto;
    max-width: 600px;
    border-radius: 12px;
    font-weight: bold;
    font-size: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    animation: fadeOut-b-764lji2z3v 4s forwards;
}

.message-toast.success[b-764lji2z3v] {
    background-color: #e0f8e9;
    border: 2px solid #42a14f;
    color: #226b2e;
}

.message-toast.error[b-764lji2z3v] {
    background-color: #ffe6e6;
    border: 2px solid #e74c3c;
    color: #b22222;
}

.close-message[b-764lji2z3v] {
    background-color: transparent;
    border: none;
    color: inherit;
    font-size: 20px;
    cursor: pointer;
    margin-right: 10px;
    padding: 0 8px;
    line-height: 1;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.close-message:hover[b-764lji2z3v] {
    background-color: rgba(0,0,0,0.05);
}

@keyframes fadeOut-b-764lji2z3v {
    0% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; display: none; }
}



@keyframes slideIn-b-764lji2z3v {
    from { transform: translateY(100px); opacity:0; }
    to   { transform: translateY(0);     opacity:1; }
}

@media (max-width: 576px) {
    .edit-form[b-764lji2z3v] {
        width: 95%;
        max-height: 95vh;
        padding: 20px;
    }
}

.toggle-buttons[b-764lji2z3v] {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}

.toggle-btn[b-764lji2z3v] {
    padding: 8px 16px;
    border: 2px solid #ddd;
    background: white;
    color: #666;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.toggle-btn:hover[b-764lji2z3v] {
    border-color: #9b004e;
    background: #f8f9fa;
}

.toggle-btn.active[b-764lji2z3v] {
    background: #9b004e;
    color: white;
    border-color: #9b004e;
}

.toggle-btn.active:first-child[b-764lji2z3v] {
    background: #28a745;
    border-color: #28a745;
}

.toggle-btn.active:last-child[b-764lji2z3v] {
    background: #dc3545;
    border-color: #dc3545;
}

/*checkboxes*/
.custom-checkbox[b-764lji2z3v] {
    display: flex;
    align-items: center;
    gap: 6px; /* רווח בין הצ'קבוקס לטקסט */
}

.checkbox-input[b-764lji2z3v] {
    display: none; /* מסתיר את הצ'קבוקס המקורי */
}

.checkbox-label[b-764lji2z3v] {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    gap: 8px;
    direction: rtl;
}

.checkbox-custom[b-764lji2z3v] {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.form-group[b-764lji2z3v] {
    display: flex;
    flex-wrap: wrap; /* ירידה לשורה הבאה אם אין מקום */
    gap: 10px;
}

.checkbox-input:checked + .checkbox-label .checkbox-custom[b-764lji2z3v] {
    background-color: #9b004e; /* צבע סגול */
    border-color: #9b004e;
}

.checkbox-input:checked + .checkbox-label .checkbox-custom[b-764lji2z3v]::after {
    content: '✓';
    color: white;
    font-size: 12px;
    font-weight: bold;
}

.checkbox-label:hover .checkbox-custom[b-764lji2z3v] {
    border-color: #9b004e;
    box-shadow: 0 0 5px rgb(155, 0, 78);
}

.tag-chip[b-764lji2z3v] {
    background-color: #e0e7ff;
    color: black;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    margin: 2px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.remove-btn[b-764lji2z3v] {
    background: none;
    border: none;
    color: #9b004e;
    cursor: pointer;
    font-weight: bold;
    padding: 0;
    font-size: 14px;
}

.remove-btn:hover[b-764lji2z3v] {
    color: #dc2626;
}

.selected-tags[b-764lji2z3v] {
    margin-top: 10px;
}

.mt-2[b-764lji2z3v] {
    margin-top: 8px;
}


@media (max-width: 768px) {

    .filter-buttons[b-764lji2z3v] {
        flex-direction: row !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .vendors-table.responsive td[b-764lji2z3v] {
        display: flex;
        justify-content: space-between;
        padding: 10px; /* ← זה אחיד לכל התאים */
        border-bottom: 1px solid #eee;
    }

        .vendors-table[b-764lji2z3v],
    .vendors-table tbody[b-764lji2z3v],
    .vendors-table th[b-764lji2z3v],
    .vendors-table td[b-764lji2z3v],
    .vendors-table tr[b-764lji2z3v] {
        display: block;
    }
    .vendors-table-header-mobile[b-764lji2z3v] {
        display: flex;
        flex-wrap: wrap;
        background-color: #44507a;
        color: white;
        padding: 10px;
        border-radius: 8px;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: center;
        justify-content: space-between;
    }

    .vendors-table-header-mobile span[b-764lji2z3v] {
        flex: 1 0 25%;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .vendors-table thead[b-764lji2z3v] {
        display: none !important;    }

    .vendor-btn[b-764lji2z3v] {
        padding: 6px;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .page-header[b-764lji2z3v] {
        align-items: center;
        text-align: center;
    }
    .actions-cell[b-764lji2z3v] {
        flex-wrap: wrap;
        justify-content: center;
    }
    .vendors-table[b-764lji2z3v] {
        display: flex;
        overflow-x: auto;
    }
    .action-buttons[b-764lji2z3v] {
        display: flex;
        flex-direction: row; /* אחד ליד השני */
        justify-content: center;
        align-items: center;
        gap: 8px; /* ריווח בין הכפתורים */
    }
  
    .vendors-table[b-764lji2z3v], .vendors-table tbody[b-764lji2z3v], .vendors-table th[b-764lji2z3v], .vendors-table td[b-764lji2z3v], .vendors-table tr[b-764lji2z3v] {
        display: block;
    }

    .vendors-table thead[b-764lji2z3v] {
        display: none;
    }
   /* .vendors-table-header-mobile {
        display: none; !* ברירת מחדל - מוסתר *!
    }*/

    .vendors-table tr[b-764lji2z3v] {
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 10px;
        padding: 10px;
        background: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    }

    .vendors-table td[b-764lji2z3v] {
        text-align: right;
        padding: 10px;
        border: none;
        position: relative;
        display: flex;
        align-items: flex-start;
    }

    .vendors-table td[b-764lji2z3v]::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        color: #44507a;
        padding: 0px 5px 0px 5px;
    }
    
    .vendor-btn[b-764lji2z3v] {
        padding: 0.3rem 0.3rem;
        font-size: 0.8rem;
    }
    .vendors-management .page-header[b-764lji2z3v] {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .vendors-management .page-title[b-764lji2z3v] {
        font-size: 22px;
    }
}
@media (max-width: 576px) {
    .vendors-table tr[b-764lji2z3v] {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    .vendors-table td[b-764lji2z3v] {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
    
    /* תצוגת תגיות בטור */
    .vendors-table td .tag-chip[b-764lji2z3v] {
        display: block;
        width: fit-content;
        margin-bottom: 6px;
    }

    /* תצוגת כפתורים בטור */
    .action-buttons[b-764lji2z3v] {
        flex-direction: column !important;
        align-items: center;
        gap: 10px;
    }

    .vendor-btn[b-764lji2z3v] {
        width: 40px;
        height: 40px;
        justify-content: center;
    }
    .vendors-table td[data-label="נושאים"][b-764lji2z3v] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .vendors-table td[data-label="נושאים"] .tag-chip[b-764lji2z3v] {
        width: fit-content;
        margin: 0;
    }
    @media (max-width: 480px) {
        .vendors-table thead[b-764lji2z3v] {
            display: none;
        }

        .vendors-table[b-764lji2z3v],
        .vendors-table tbody[b-764lji2z3v],
        .vendors-table tr[b-764lji2z3v],
        .vendors-table td[b-764lji2z3v] {
            display: block;
            width: 100%;
        }

        .vendors-table tr[b-764lji2z3v] {
            margin-bottom: 15px;
            border-bottom: 1px solid #ccc;
            padding-bottom: 10px;
        }

        .vendors-table td[b-764lji2z3v] {
            text-align: right;
            padding-right: 15px;
            position: relative;
        }

        .vendors-table td[b-764lji2z3v]::before {
            content: attr(data-label);
            display: block;
            font-weight: bold;
            color: #44507a;
            margin-bottom: 4px;
        }
    }

}

/* /Pages/HomeActivities.razor.rz.scp.css */
/* עיצוב כללי */
*[b-fhrwng41t7] {
    box-sizing: border-box;
}

.activities-header[b-fhrwng41t7] {
    background-image: url('./Images/pic5.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center; /* מרכז אנכי */
    align-items: center;     /* מרכז אופקי */
}
.activities-header h1[b-fhrwng41t7] {
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0;
    z-index: 1;
}

.activities-header[b-fhrwng41t7]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4); /* שכבת כהות */
    z-index: 0;
}

.activities-header > *[b-fhrwng41t7] {
    position: relative;
    z-index: 1;
}

.subtitle[b-fhrwng41t7] {
    color: white;
    font-size: 1.1rem;
}

/* טעינה ומצבי ריק */
.loading-container[b-fhrwng41t7], .no-data-container[b-fhrwng41t7] {
    text-align: center;
    padding: 3rem 0;
}

.spinner[b-fhrwng41t7] {
    width: 50px;
    height: 50px;
    border: 5px solid #e0e0e0;
    border-top-color: #e83f85;
    border-radius: 50%;
    animation: spin-b-fhrwng41t7 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-fhrwng41t7 {
    to { transform: rotate(360deg); }
}

.no-data-icon[b-fhrwng41t7] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #999;
}

/* חיפוש וסינון */
.filter-container[b-fhrwng41t7] {
    margin-bottom: 2rem;
    position: relative;
}

.search-box[b-fhrwng41t7] {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}

.search-box input[b-fhrwng41t7] {
    width: 100%;
    padding: 12px 20px 12px 45px;
    border-radius: 25px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    transition: all 0.3s ease;
    direction: rtl;
}

.search-box input:focus[b-fhrwng41t7] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 104, 179, 0.2);
    border-color: #0068b3;
}

.search-box i[b-fhrwng41t7] {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

.filter-results[b-fhrwng41t7], .filter-no-results[b-fhrwng41t7] {
    text-align: center;
    margin-top: 10px;
    font-size: 0.9rem;
}

.filter-no-results[b-fhrwng41t7] {
    color: #e74c3c;
}

/* גריד פעילויות */
.activities-grid[b-fhrwng41t7] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.activity-card[b-fhrwng41t7] {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    background-color: white;
    border: 1px solid #e0e0e0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.activity-card:hover[b-fhrwng41t7] {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.activity-image[b-fhrwng41t7] {
    height: 180px;
    overflow: hidden;
    position: relative;
}

.activity-image img[b-fhrwng41t7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.activity-card:hover .activity-image img[b-fhrwng41t7] {
    transform: scale(1.05);
}

.no-image[b-fhrwng41t7] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    color: #999;
    font-size: 2rem;
}

.activity-content[b-fhrwng41t7] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.activity-content h3[b-fhrwng41t7] {
    margin-top: 0;
    margin-bottom: 0.75rem;
    color: #e83f85;
    font-size: 1.25rem;
    line-height: 1.3;
}

.activity-info[b-fhrwng41t7] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 1rem;
    font-size: 0.85rem;
    color: #666;
}

.activity-info span[b-fhrwng41t7] {
    display: flex;
    align-items: center;
}

.activity-info i[b-fhrwng41t7] {
    margin-left: 5px;
}

.activity-preview[b-fhrwng41t7] {
    flex-grow: 1;
    margin-bottom: 1rem;
    color: #333;
    font-size: 0.95rem;
    line-height: 1.5;
}

.read-more[b-fhrwng41t7] {
    text-align: left;
    color: #e83f85;
    font-weight: bold;
    font-size: 0.9rem;
}

/* פרטי פעילות */
.activity-details-container[b-fhrwng41t7] {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}

.activity-details[b-fhrwng41t7] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    padding: 30px;
    position: relative;

}

.activity-details-close[b-fhrwng41t7] {
    position: absolute;
    top: 20px;
    right: 20px; /* במקום left: 20px */
    font-size: 30px;
    cursor: pointer;
    color: #999;
    transition: all 0.3s ease;
    z-index: 1001;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50%;
    
}

.activity-details-close:hover[b-fhrwng41t7] {
    color: #e83f85;
}

.activity-details-header[b-fhrwng41t7] {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}

.activity-details-header h2[b-fhrwng41t7] {
    color: #e83f85;
    margin-bottom: 10px;
    padding-right: 50px; /* כדי שהטקסט לא ייכנס באזור של כפתור הסגירה */

}

.activity-meta[b-fhrwng41t7] {
    display: flex;
    gap: 20px;
    color: #666;
}

.activity-meta span[b-fhrwng41t7] {
    display: flex;
    align-items: center;
}

.activity-meta i[b-fhrwng41t7] {
    margin-left: 8px;
}

.activity-details-image[b-fhrwng41t7] {
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
}

.activity-details-image img[b-fhrwng41t7] {
    width: 100%;
    border-radius: 8px;
}

.activity-details-description[b-fhrwng41t7] {
    line-height: 1.6;
    color: #333;
}

/* דפדוף */
.pagination-container[b-fhrwng41t7] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    gap: 10px;
}

.pagination-container.hidden[b-fhrwng41t7] {
    display: none;
}

.pagination-btn[b-fhrwng41t7] {
    padding: 8px 16px;
    border: 1px solid #e0e0e0;
    background-color: white;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-btn:disabled[b-fhrwng41t7] {
    opacity: 0.5;
    cursor: not-allowed;
}

.pagination-btn:not(:disabled):hover[b-fhrwng41t7] {
    background-color: #f5f5f5;
}

.pagination-numbers[b-fhrwng41t7] {
    display: flex;
    gap: 8px;
}

.page-number[b-fhrwng41t7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.page-number:hover[b-fhrwng41t7] {
    background-color: #f5f5f5;
}

.page-number.active[b-fhrwng41t7] {
    background-color: #e83f85;
    color: white;
}

/* סגנון לתגיות בכרטיסי פעילות */
.activity-tags[b-fhrwng41t7] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.activity-tag[b-fhrwng41t7] {
    background-color: #f0f4f8;
    color: #4a6fa5;
    border-radius: 16px;
    padding: 4px 12px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    border: 1px solid #dce4ef;
    transition: all 0.2s ease;
}

.activity-tag:hover[b-fhrwng41t7] {
    background-color: #dce4ef;
}

/* סגנון לפילטר תגיות */
.tag-filter[b-fhrwng41t7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 15px 0;
    justify-content: right; /* לצד ימין - חשוב בעברית */
}

.tag-button[b-fhrwng41t7] {
    background-color: #edf2f7;
    border-radius: 18px;
    padding: 6px 14px;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #4a6fa5;
    border: 1px solid #e2e8f0;
}

.tag-button:hover[b-fhrwng41t7] {
    background-color: #e2e8f0;
}

.tag-button.active[b-fhrwng41t7] {
    background-color: #e83f85;
    color: white;
    border-color: #e83f85;
}

/* משפר את מראה הפילטר הכללי */
.filter-container[b-fhrwng41t7] {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border: 1px solid #edf2f7;
}

.filter-results[b-fhrwng41t7], .filter-no-results[b-fhrwng41t7] {
    font-size: 14px;
    color: #718096;
    margin-top: 10px;
}

.filter-no-results[b-fhrwng41t7] {
    color: #e53e3e;
}

.activity-details-tags[b-fhrwng41t7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.activity-details .activity-tag[b-fhrwng41t7] {
    font-size: 15px;
    padding: 6px 14px;
}

.tag-filter-container[b-fhrwng41t7] {
    margin-bottom: 1rem;
}

.tag-filter-title[b-fhrwng41t7] {
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
    font-size: 16px;
}


/* תגובתיות */
@media (max-width: 768px) {
    .activities-grid[b-fhrwng41t7] {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }

    .activity-details[b-fhrwng41t7] {
        padding: 20px;
        width: 95%;
    }

    .activity-meta[b-fhrwng41t7] {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .activities-grid[b-fhrwng41t7] {
        grid-template-columns: 1fr;
    }

    .pagination-numbers[b-fhrwng41t7] {
        display: none;
    }
}
/* /Pages/HomeContact.razor.rz.scp.css */
/* הגדרות מיכל ראשי */
.container[b-grvtq6rgbh] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    direction: rtl; /* שמירה על כיוון RTL לעברית */
}

/* עיצוב מיכל התמונה הראשית */
.hero-image[b-grvtq6rgbh] {
    width: 100%;
    height: 350px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.hero-image img[b-grvtq6rgbh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* שכבת overlay כהה לשיפור קריאות הטקסט על התמונה */
.hero-overlay[b-grvtq6rgbh] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* עיצוב הכותרת על התמונה */
.hero-title[b-grvtq6rgbh] {
    color: white;
    font-size: 3rem;
    text-align: center;
    margin: 0;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* מיכל תוכן */
.content-container[b-grvtq6rgbh] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 50px;
}

/* תיבות מידע */
.info-box[b-grvtq6rgbh] {
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.info-box:hover[b-grvtq6rgbh] {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.info-box h2[b-grvtq6rgbh] {
    color: #a01c4c;
    margin-top: 0;
    border-bottom: 2px solid #a01c4c;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 1.8rem;
}

.info-box h3[b-grvtq6rgbh] {
    color: #a01c4c;
    margin-top: 0;
    font-size: 1.4rem;
}

/* רשימות */
ol[b-grvtq6rgbh], ul[b-grvtq6rgbh] {
    padding-right: 20px;
    margin-bottom: 20px;
}

li[b-grvtq6rgbh] {
    margin-bottom: 10px;
}

/* מידע על עלות */
.cost-info[b-grvtq6rgbh] {
    margin: 25px 0;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border-right: 4px solid #a01c4c;
}

/* עצוב פסקאות */
p[b-grvtq6rgbh] {
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 1.05rem;
}

.required-docs[b-grvtq6rgbh] {
    background-color: #f9f3f5;
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0;
}

/* כפתור הצטרפות */
.primary-button[b-grvtq6rgbh] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem; /* הקטנת הכפתור */
    color: #9b004e;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
    border: 2px solid #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
    width: auto;
    white-space: nowrap;
    font-weight: bold;
    margin-left: 20px;
}

.primary-button:hover[b-grvtq6rgbh] {
    background-color: #9b004e;
    color: white;
    /*transform: translateY(-2px);*/
    box-shadow: 2px 2px 0 #9b004e;
}

.primary-button:active[b-grvtq6rgbh] {
    transform: translateY(0);
}

/*.join-button {*/
/*    margin-top: 20px;*/
/*    padding: 14px 28px;*/
/*    font-size: 1.2rem;*/
/*    font-weight: bold;*/
/*    width: 100%;*/
/*    max-width: 300px;*/
/*}*/

/* התאמות למסכים שונים */
@media (min-width: 768px) {
    .content-container[b-grvtq6rgbh] {
        flex-direction: row;
    }

    .info-box[b-grvtq6rgbh] {
        flex: 1;
    }

    .why-join[b-grvtq6rgbh] {
        margin-left: 15px;
    }

    .join-process[b-grvtq6rgbh] {
        margin-right: 15px;
    }

    .join-button[b-grvtq6rgbh] {
        width: auto;
    }
}

/* התאמות למסכים קטנים */
@media (max-width: 767px) {
    .hero-image[b-grvtq6rgbh] {
        height: 250px;
    }

    .hero-title[b-grvtq6rgbh] {
        font-size: 2.2rem;
    }

    .info-box[b-grvtq6rgbh] {
        padding: 20px;
    }

    .info-box h2[b-grvtq6rgbh] {
        font-size: 1.6rem;
    }
}
.contact-button[b-grvtq6rgbh]{
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem; /* הקטנת הכפתור */
    color: #9b004e;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
    border: none;
    width: auto;
    white-space: nowrap;
    font-weight: bold;
    margin-left: 20px;
}

.contact-button:hover[b-grvtq6rgbh] {
   
    text-decoration: underline;
}
/* אם אתה רוצה שהכפתור יהיה ממוקם במרכז ועם מרווח */
.contact-button-wrapper[b-grvtq6rgbh] {
    text-align: center; /* ממקם את הכפתור במרכז */
    margin-top: 30px; /* מרווח מהתוכן שלמעלה */
    margin-bottom: 50px; /* מרווח מה-footer */
}

.contact-button[b-grvtq6rgbh] {
    /* אם תרצה גודל ספציפי או סגנון נוסף לכפתור יצירת הקשר */
    padding: 15px 30px;
    font-size: 1.1rem;
    /* אתה יכול להוסיף כאן גם צבע רקע שונה, אם תרצה שהכפתור יבלוט */
    /* background-color: #ff5722; */
}
/* /Pages/HomeEvents.razor.rz.scp.css */
/* Calendar Container and Base Layout */
/* Header Styling */
.event-header[b-g01rama9t6] {
    position: relative;
    height: 400px;
    background-image: url('./Images/pic8.jpg'); /* 🔁 החלף בשם הקובץ שלך */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
    overflow: hidden;
}
.event-header-title h1[b-g01rama9t6] {
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0;

}
.event-header-image[b-g01rama9t6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: url('./Images/pic2.jpg');
}
.event-header[b-g01rama9t6]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4); /* אפשר לשחק עם השקיפות */
    z-index: 1;
}


.event-header-title[b-g01rama9t6] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    z-index: 2;

}

.calendar-container[b-g01rama9t6] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    max-width: 1200px;
    margin: 2rem auto;
    direction: rtl;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.calendar-grid[b-g01rama9t6] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1fr); /* גובה קבוע של 6 שורות */
    gap: 0.5rem;
    background-color: #ffffff;
    flex-grow: 1;
    min-height: 0; /* חשוב לשמירה על הגובה הקבוע */
}

/* Calendar Header */
.calendar-header[b-g01rama9t6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.calendar-header h2[b-g01rama9t6] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #1f2937;
    margin: 0;
}

.calendar-nav-btn[b-g01rama9t6] {
    background-color: #f3f4f6;
    border: none;
    color: #4b5563;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.calendar-nav-btn:hover[b-g01rama9t6] {
    background-color: #e5e7eb;
    color: #1f2937;
}

/* Day Names Grid */
.day-names[b-g01rama9t6] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    margin-bottom: 0.5rem;
}

.day-names div[b-g01rama9t6] {
    padding: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    font-size: 0.9rem;
}

.calendar-day[b-g01rama9t6] {
    padding: 0.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background: #ffffff;
    transition: all 0.2s ease-in-out;
    overflow: hidden; /* מונע התרחבות מעבר לגבולות */
    display: flex;
    flex-direction: column;
    position: relative;
}

.calendar-day:hover[b-g01rama9t6] {
    background-color: #f9fafb;
}

.calendar-day.empty[b-g01rama9t6] {
    background-color: #f9fafb;
    border: 1px dashed #e5e7eb;
}

.calendar-day.today[b-g01rama9t6] {
    background-color: #eff6ff;
    border-color: #3b82f6;
}

.day-number[b-g01rama9t6] {
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    flex-shrink: 0; /* מונע מהמספר להצטמק */
}

/* Events Styling - עם גלילה פנימית */
.day-events[b-g01rama9t6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex-grow: 1;
    overflow-y: auto; /* גלילה פנימית אם יש יותר מידי אירועים */
    overflow-x: hidden;
}

.event-pill[b-g01rama9t6] {
    background-color: #dbeafe;
    color: #1e40af;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    flex-shrink: 0; /* מונע מהאירוע להצטמק */
    word-wrap: break-word; /* שבירת מילים ארוכות */
    overflow-wrap: break-word;
    line-height: 1.2;
    min-height: fit-content;
}

.event-pill:hover[b-g01rama9t6] {
    background-color: #bfdbfe;
}

.more-events[b-g01rama9t6] {
    color: #3b82f6;
    font-size: 0.75rem;
    cursor: pointer;
    text-align: center;
    flex-shrink: 0;
}

/* Modal Styling */
.event-modal-backdrop[b-g01rama9t6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
}

.event-modal[b-g01rama9t6] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    width: 90%;
    max-width: 500px;
    z-index: 51;
    direction: rtl;
}

.event-modal-header[b-g01rama9t6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.event-modal-header h3[b-g01rama9t6] {
    font-size: 1.25rem;
    font-weight: bold;
    color: #1f2937;
    margin: 0;
}

.close-btn[b-g01rama9t6] {
    background: none;
    border: none;
    color: #6b7280;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.25rem;
}

.close-btn:hover[b-g01rama9t6] {
    color: #374151;
}

/* Event Details */
.event-date[b-g01rama9t6] {
    color: #6b7280;
    margin-bottom: 0.75rem;
}

.event-description[b-g01rama9t6] {
    color: #374151;
    line-height: 1.5;
    word-wrap: break-word; /* שבירת מילים ארוכות כדי למנוע גלילה אופקית */
    overflow-wrap: break-word; /* אלטרנטיבה חדשה יותר ל-word-wrap */
    white-space: normal; /* וודא שהטקסט עוטף ולא נשאר בשורה אחת */
    overflow-y: auto; /* מאפשר גלילה אנכית אם התוכן חורג */
    max-height: 200px; /* הגבל גובה מקסימלי לתיאור, כדי שהגלילה תופעל */
}

/* Day Events List */
.day-events-list[b-g01rama9t6] {
    max-height: 400px;
    overflow-y: auto;
}

.day-event-item[b-g01rama9t6] {
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.day-event-item:hover[b-g01rama9t6] {
    background-color: #f9fafb;
}

.day-event-item h4[b-g01rama9t6] {
    color: #1f2937;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.event-time[b-g01rama9t6] {
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.event-preview[b-g01rama9t6] {
    color: #4b5563;
    font-size: 0.875rem;
    line-height: 1.4;
}

/* Map Styling - הוספה למפות */
.map-container[b-g01rama9t6] {
    width: 100%;
    height: 400px;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Responsive Design */
@media (max-width: 768px) {
    /* לוח שנה - מובייל */
    .calendar-container[b-g01rama9t6] {
        margin: 1rem;
        padding: 1rem;
        height: calc(100vh - 2rem);
    }

    .calendar-grid[b-g01rama9t6] {
        gap: 0.25rem;
    }

    .calendar-day[b-g01rama9t6] {
        padding: 0.25rem;
        min-height: 60px;
    }

    .day-number[b-g01rama9t6] {
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }

    .event-pill[b-g01rama9t6] {
        font-size: 0.625rem;
        padding: 0.125rem 0.25rem;
        line-height: 1.1;
    }

    .more-events[b-g01rama9t6] {
        font-size: 0.625rem;
    }

    .event-modal[b-g01rama9t6] {
        width: 95%;
        padding: 1rem;
        max-height: 80vh;
        overflow-y: auto;
    }

    .event-header[b-g01rama9t6] {
        height: 200px;
        margin-bottom: 1rem;
    }

    .event-header-title[b-g01rama9t6] {
        font-size: 1.5rem;
    }

    /* מפה - מובייל */
    .map-container[b-g01rama9t6] {
        height: 300px;
        margin: 1rem 0;
    }

    /* התאמות נוספות למפה במובייל */
    .leaflet-control-zoom[b-g01rama9t6] {
        font-size: 18px !important;
    }

    .leaflet-control-zoom a[b-g01rama9t6] {
        width: 35px !important;
        height: 35px !important;
        line-height: 35px !important;
    }

    .leaflet-popup-content-wrapper[b-g01rama9t6] {
        max-width: 250px !important;
    }

    .library-popup[b-g01rama9t6] {
        font-size: 0.875rem;
    }

    .library-popup h3[b-g01rama9t6] {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .library-popup p[b-g01rama9t6] {
        margin: 0.25rem 0;
        line-height: 1.3;
    }

    /* מרקרים קטנים יותר במובייל */
    .custom-svg-marker[b-g01rama9t6] {
        transform: scale(0.8);
    }
}

@media (max-width: 480px) {
    /* מסכים קטנים מאוד */
    .calendar-day[b-g01rama9t6] {
        min-height: 50px;
        padding: 0.125rem;
    }

    .day-number[b-g01rama9t6] {
        font-size: 0.75rem;
    }

    .event-pill[b-g01rama9t6] {
        font-size: 0.5rem;
        padding: 0.1rem 0.2rem;
    }

    .calendar-header h2[b-g01rama9t6] {
        font-size: 1.25rem;
    }

    .calendar-nav-btn[b-g01rama9t6] {
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
    }

    /* מפה - מסכים קטנים */
    .map-container[b-g01rama9t6] {
        height: 250px;
    }
}

.event-actions[b-g01rama9t6] {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: right;
}
.action-btn[b-g01rama9t6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem; /* הקטנת הכפתור */
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #9b004e;
    background-color: transparent;
    border: 2px solid #9b004e;
    border-radius: 0.5rem;
    box-shadow: 2px 2px 0 #9b004e;
    transition: all 0.2s ease-in-out;
    min-width: 160px;
    gap: 8px;
    text-align: center;
}
.action-btn:hover[b-g01rama9t6] {
    background-color: #9b004e;
    color: white;
    box-shadow: 4px 4px 0 #7c003e;
    transform: translate(-2px, -2px);
}




@media (max-width: 768px) {
    .event-actions[b-g01rama9t6] {
        flex-direction: column;
        align-items: center;
    }

    .action-btn[b-g01rama9t6] {
        width: 100%;
        max-width: 250px;
    }
}
.event-action-title[b-g01rama9t6] {
    font-size: 16px;
    font-weight: bold;
    color: #3f4a70;
    margin: 20px 0 10px;
    text-align: right;
}
/* /Pages/HomeNews.razor.rz.scp.css */
.news-header[b-bkh8a07yql] {
    background-image: url('./Images/pic7.jpg'); /* ודאי שהנתיב לתמונה נכון */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    color: white;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.news-header[b-bkh8a07yql]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4); /* שכבת כהות */
    z-index: 0;
}

.news-header > *[b-bkh8a07yql] {
    position: relative;
    z-index: 1;
}

.news-header h1[b-bkh8a07yql] {
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0;

}

.news-header .subtitle[b-bkh8a07yql] {
    font-size: 1.2rem;
    color: white;
}


.news-list-wrapper[b-bkh8a07yql] {
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}

.news-list[b-bkh8a07yql] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.news-item[b-bkh8a07yql] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease-in-out;
}

.news-item:hover[b-bkh8a07yql] {
    background-color: #eff6ff;
}

.news-item strong[b-bkh8a07yql] {
    display: block;
    font-size: 0.875rem;
    color: #e83f85;
    margin-bottom: 0.25rem;
}

.news-item p[b-bkh8a07yql] {
    color: #374151;
    line-height: 1.5;
    margin: 0;
}

.modal-overlay[b-bkh8a07yql] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.modal-box[b-bkh8a07yql] {
    background-color: #fff;
    padding: 2rem;
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    direction: rtl;
    text-align: right;
}

.modal-close[b-bkh8a07yql] {
    position: absolute;
    top: 10px;
    left: 10px;
    background: transparent;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
    color: #666;
}

.modal-box h3[b-bkh8a07yql] {
    margin-top: 0;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.modal-box p[b-bkh8a07yql] {
    font-size: 1rem;
    line-height: 1.6;
}


body[b-bkh8a07yql] {
    background: linear-gradient(180deg, #f0f9ff 0%, #ffffff 100%);
    min-height: 100vh;
    direction: rtl;
}

@media (max-width: 768px) {
    .news-list-wrapper[b-bkh8a07yql] {
        margin: 0 1rem;
    }

    .page-title[b-bkh8a07yql] {
        font-size: 1.5rem;
        margin: 1.5rem 1rem;
    }
}
/* /Pages/HomeOdot.razor.rz.scp.css */
/* Hero Section */
.hero[b-tc2xw6ut2m] {
    position: relative;
    height: 400px;
    overflow: hidden;
    margin-bottom: 3rem;
}

.gallery-container[b-tc2xw6ut2m] {
    position: relative;
    width: 100%;
    height: 100%;
}

.hero img[b-tc2xw6ut2m] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top; /* הוספתי את זה */
    filter: brightness(0.7);
}


.hero-title[b-tc2xw6ut2m] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 3.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* תפריט כפתורים בצד ימין */
.about-page[b-tc2xw6ut2m] {
    display: flex;
    flex-direction: row; /* שמירה על כיוון לימין */
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
    direction: rtl; /* הצגת הטקסט מימין לשמאל */
}

/* שינוי הכפתורים הכחולים והירוקים */
.side-menu-btn[b-tc2xw6ut2m] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem; /* הקטנת הכפתור */
    margin-bottom: 0.5rem;
    text-align: right;
    background: none;
    border: none;
    border-radius:1rem;
    color: #9b004e;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.side-menu-btn:hover[b-tc2xw6ut2m] {
    background-color: #9b004e;
    color: white;
    /*transform: translateY(-2px);*/
    /*box-shadow: 4px 4px 0 #9b004e;*/
}

/* Main Content */
.about-content[b-tc2xw6ut2m] {
    flex: 1;
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.about-content section[b-tc2xw6ut2m] {
    margin-bottom: 3rem;
    scroll-margin-top: 2rem;
}

.about-content h2[b-tc2xw6ut2m] {
    font-size: 1.875rem;
    font-weight: bold;
    color: #1f2937;
    margin-bottom: 1.5rem;
}

.about-content p[b-tc2xw6ut2m] {
    color: #4b5563;
    line-height: 1.75;
}

/* Members Grid */
.member-grid[b-tc2xw6ut2m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.member-card[b-tc2xw6ut2m] {
    background: white;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.member-card:hover[b-tc2xw6ut2m] {
    transform: translateY(-5px);
}

.member-photo[b-tc2xw6ut2m] {
    height: 250px;
    background-size: cover;
    background-position: center;
    background-color: #f3f4f6;
}

.member-name[b-tc2xw6ut2m] {
    padding: 1rem;
    font-size: 1.125rem;
    font-weight: bold;
    color: #1f2937;
}

.member-role[b-tc2xw6ut2m] {
    padding: 0 1rem 1rem;
    color: #6b7280;
}

/* כפתור "הצטרפות" */
.join-btn[b-tc2xw6ut2m] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem; /* הקטנת הכפתור */
    color: white; /* צבע חדש */
    color: #9b004e;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
    border: 2px solid #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
}

.join-btn:hover[b-tc2xw6ut2m] {
    background-color: #9b004e;
    color: white;
    /*transform: translateY(-2px);*/
    box-shadow: 2px 2px 0 #9b004e;
}

/* כפתור "הורדה" */
.download-link[b-tc2xw6ut2m] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem; /* הקטנת הכפתור */
   color: white; /* צבע חדש */
    color: #9b004e;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    background-color: transparent;
    border: 2px solid #9b004e;
    box-shadow: 2px 2px 0 #9b004e;

}

.download-link:hover[b-tc2xw6ut2m] {
    background-color: #9b004e;
    color: white;
    /*transform: translateY(-2px);*/
    box-shadow: 2px 2px 0 #9b004e;

}
.twoButton[b-tc2xw6ut2m]{
    scroll-margin-top: 2rem;
}
.icon-box[b-tc2xw6ut2m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 20px;
    width: 250px;
    border-radius: 10px;
    transition: all 0.3s ease;
    color: #f5faff;
}
.icon-box i[b-tc2xw6ut2m] {
    font-size: 2.2rem;
    color: #44507a;
    transition: all 0.3s ease;
}

.icon-box span[b-tc2xw6ut2m] {
    font-weight: 500;
}

.icon-box:hover[b-tc2xw6ut2m] {
    background-color: #f7f9fc;
    transform: translateY(-5px);
}

.icon-box:hover i[b-tc2xw6ut2m] {
    color: #9b004e;
    transform: scale(1.1);
}
/* Smooth Scrolling */
html[b-tc2xw6ut2m] {
    scroll-behavior: smooth;
}

/* Responsive Design */
@media (max-width: 768px) {
    .about-page[b-tc2xw6ut2m] {
        flex-direction: column;
    }

    .side-menu[b-tc2xw6ut2m] {
        width: 100%;
        position: static;
        margin-bottom: 1.5rem;
    }

    .hero[b-tc2xw6ut2m] {
        height: 300px;
    }

    .hero-title[b-tc2xw6ut2m] {
        font-size: 2.5rem;
    }

    .about-content[b-tc2xw6ut2m] {
        padding: 1.5rem;
    }

    .member-grid[b-tc2xw6ut2m] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

/* Print Styles */
@media print {
    .side-menu[b-tc2xw6ut2m] {
        display: none;
    }

    .about-content[b-tc2xw6ut2m] {
        box-shadow: none;
    }
}

/* סגנונות הפופאפ */
.project-info-btn[b-tc2xw6ut2m] {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem; /* הקטנת הכפתור */
    margin-bottom: 0.5rem;
    text-align: right;
    background: none;
    border: none;
    border-radius:1rem;
    color: #9b004e;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    font-weight: bold;
}

.project-info-btn:hover[b-tc2xw6ut2m] {
    color: white;
    background-color: #9b004e;
}

.popup-overlay[b-tc2xw6ut2m] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    backdrop-filter: blur(5px);
}

.popup-content[b-tc2xw6ut2m] {
    background: white;
    border-radius: 20px;
    padding: 30px;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    color: #000000; /* שינוי הצבע לשחור */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    direction: rtl;
}

.popup-close-btn[b-tc2xw6ut2m] {
    position: absolute;
    top: 15px;
    right: 15px; /* שינוי מleft לright */
    background: #f0f0f0; /* רקע אפור בהיר כדי לראות את המסגרת */
    border: 2px solid #9b004e; /* מסגרת צבעונית */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;
    color: #9b004e;
    transition: all 0.3s ease;
    z-index: 10; /* וודא שהכפתור יהיה מעל הכותרת */
}

.popup-close-btn:hover[b-tc2xw6ut2m] {
    background: #9b004e;
    color: white;
}

.popup-title[b-tc2xw6ut2m] {
    color: #9b004e; /* הכותרת נשארת בצבע המקורי */
    text-align: center;
    margin-bottom: 25px;
    margin-top: 10px; /* הוספת margin-top כדי לתת מרווח מהכפתור */
    padding-right: 50px; /* הוספת padding כדי למנוע חפיפה עם הכפתור */
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.popup-info[b-tc2xw6ut2m] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info-section[b-tc2xw6ut2m] {
    background: rgba(255, 255, 255, 0.1);
    padding: 15px;
    border-radius: 10px;
    backdrop-filter: blur(10px);
}

.info-section h3[b-tc2xw6ut2m] {
    color: #000000; /* שינוי לשחור */
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
}

.info-section p[b-tc2xw6ut2m] {
    margin: 0;
    line-height: 1.4;
    color: #000000; /* שינוי לשחור */
}

.faculty-link[b-tc2xw6ut2m] {
    color: #9b004e;
    text-decoration: none; /* הסרת הקו תחתון */
}

.faculty-link:hover[b-tc2xw6ut2m] {
    color: #9b004e;
    text-decoration: underline;
}

/* סגנונות עבור הסקשן של הצוות והמנחים */
.team-section .team-content[b-tc2xw6ut2m] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-direction: row-reverse; /* שינוי הכיוון כדי שהתמונה תהיה בצד ימין */
}

.team-text[b-tc2xw6ut2m] {
    flex: 1;
    text-align: right; /* יישור הטקסט לימין */
}

.hit-logo[b-tc2xw6ut2m] {
    flex-shrink: 0;
}

.hit-logo .logo-option[b-tc2xw6ut2m] {
    width: 80px;
    height: 80px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px;
    transition: transform 0.3s ease;
}

.hit-logo .logo-option:hover[b-tc2xw6ut2m] {
    transform: scale(1.1);
}

/* סגנונות עבור הסקשן של השיתוף */
.partnership-section .partnership-content[b-tc2xw6ut2m] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-direction: row-reverse; /* שינוי הכיוון כדי שהתמונה תהיה בצד ימין */
}

.partnership-text[b-tc2xw6ut2m] {
    flex: 1;
    text-align: right; /* יישור הטקסט לימין */
}

.union-logo[b-tc2xw6ut2m] {
    flex-shrink: 0;
}

.union-logo-img[b-tc2xw6ut2m] {
    width: 120px;
    height: 120px;
    object-fit: contain;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px;
    transition: transform 0.3s ease;
}

.union-logo-img:hover[b-tc2xw6ut2m] {
    transform: scale(1.1);
}

/* הסרת הסקשן הישן של הלוגו */
.logos-section[b-tc2xw6ut2m] {
    display: none;
}

/* Responsive */
@media (max-width: 768px) {
    .popup-content[b-tc2xw6ut2m] {
        margin: 20px;
        padding: 20px;
        max-width: calc(100% - 40px);
    }

    .popup-close-btn[b-tc2xw6ut2m] {
        right: 10px; /* התאמה למובייל */
        top: 10px;
    }

    .team-content[b-tc2xw6ut2m],
    .partnership-content[b-tc2xw6ut2m] {
        flex-direction: column;
        text-align: center;
    }

    .hit-logo .logo-option[b-tc2xw6ut2m],
    .union-logo-img[b-tc2xw6ut2m] {
        width: 60px;
        height: 60px;
    }
}
/* /Pages/HomeOurLibraries.razor.rz.scp.css */
/* ===== כותרת עליונה ===== */
.news-header[b-3jhknvd3jj] {
    position: relative;
    background-image: url('./Images/generalibrary.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.news-header[b-3jhknvd3jj]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

.news-header h1[b-3jhknvd3jj] {
    color: white;
    font-size: 3.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0;

}

/* ===== תיבת חיפוש ===== */
.search-box[b-3jhknvd3jj] {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 16px;
}

.search-input[b-3jhknvd3jj] {
    width: 100%;
    padding: 12px 40px 12px 16px; /* מקום מימין לאייקון */
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 12px;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.search-icon[b-3jhknvd3jj] {
    position: absolute;
    top: 50%;
    left: 16px; /* אם אתה ב־RTL, תשאיר את זה */
    transform: translateY(-50%);
    color: #888;
    pointer-events: none;
    font-size: 18px;
}

.search-and-regions[b-3jhknvd3jj] {
    max-width: 800px;
    margin: 0 auto 20px;
    direction: rtl;
}

.search-and-regions .search-box[b-3jhknvd3jj] {
    text-align: center;
    margin-bottom: 16px;
}

.search-and-regions .search-box .search-input[b-3jhknvd3jj] {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 50px;
    transition: border-color .2s, box-shadow .2s;
}

.search-and-regions .search-box .search-input:focus[b-3jhknvd3jj] {
    border-color: #9b004e;
    box-shadow: 0 0 0 3px rgba(155, 0, 78, 0.2);
}

.search-and-regions .regions-filter[b-3jhknvd3jj] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

/* ===== כפתורי אזורים ===== */
.regions-filter[b-3jhknvd3jj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
}

.region-btn[b-3jhknvd3jj] {
    padding: 5px 10px;
    border: 2px solid #9b004e;
    border-radius: 20px;
    background: #fff;
    color: #9b004e;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s, color .2s, transform .2s;
    box-shadow: 1px 1px 0 #9b004e;
}

.region-btn:hover[b-3jhknvd3jj] {
    background-color: #9b004e;
    color: white;
}

.region-btn.active[b-3jhknvd3jj] {
    background-color: #9b004e;
    color: white;
}

/* ===== רשימת ספריות משופרת ===== */
.libraries-wrapper[b-3jhknvd3jj] {
    max-width: 1200px;
    margin: 0 auto 40px;
    direction: rtl;
    text-align: right;
}

.libraries-list[b-3jhknvd3jj] {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

/* הוספת תיקון ליישור כפתורים */
.library-item[b-3jhknvd3jj] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
    direction: rtl;
    text-align: right;
    /* הוספת Flexbox לכרטיסייה */
    display: flex;
    flex-direction: column;
    height: 100%; /* חשוב! גובה מלא */
}

.library-content[b-3jhknvd3jj] {
    padding: 10px;
    /* הוספת Flexbox לתוכן הכרטיסייה */
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* תופס את כל השטח הפנוי */
}

.library-info[b-3jhknvd3jj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 15px;
    /* הוספת flex-grow כדי לדחוף את הכפתורים למטה */
    flex-grow: 1;
}

.library-footer[b-3jhknvd3jj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #eee;
    /* הסרת margin-top אוטומטי - הכפתורים תמיד בתחתית */
    margin-top: auto;
}

/* אם יש לך סניפים תואמים */
.matching-branches[b-3jhknvd3jj] {
    margin-bottom: 10px;
    padding: 8px;
    background: #f8f9fa;
    border-radius: 8px;
    border-right: 3px solid #9b004e;
}

/* שאר ה-CSS נשאר כפי שהיה */
/* ===== כותרת עליונה ===== */
.news-header[b-3jhknvd3jj] {
    position: relative;
    background: url('./Images/generalNews.jpg') center/cover no-repeat;
    height: 370px;
    margin: 20px auto;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-header[b-3jhknvd3jj]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

.news-header h1[b-3jhknvd3jj] {
    position: relative;
    color: #fff;
    font-size: 2.5rem;
}

/* ===== תיבת חיפוש ===== */
.search-and-regions[b-3jhknvd3jj] {
    max-width: 800px;
    margin: 0 auto 20px;
    direction: rtl;
}

.search-and-regions .search-box[b-3jhknvd3jj] {
    text-align: center;
    margin-bottom: 16px;
}

.search-and-regions .search-box .search-input[b-3jhknvd3jj] {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 12px;
    transition: border-color .2s, box-shadow .2s;
}

.search-and-regions .search-box .search-input:focus[b-3jhknvd3jj] {
    border-color: #9b004e;
    box-shadow: 0 0 0 3px rgba(155, 0, 78, 0.2);
}

.search-and-regions .regions-filter[b-3jhknvd3jj] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

/* ===== כפתורי אזורים ===== */
.regions-filter[b-3jhknvd3jj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
}

.region-btn[b-3jhknvd3jj] {
    padding: 5px 10px;
    border: 2px solid #9b004e;
    border-radius: 20px;
    background: #fff;
    color: #9b004e;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s, color .2s, transform .2s;
    box-shadow: 1px 1px 0 #9b004e;
}

.region-btn:hover[b-3jhknvd3jj] {
    background-color: #9b004e;
    color: white;
}

.region-btn.active[b-3jhknvd3jj] {
    background-color: #9b004e;
    color: white;
}

/* ===== רשימת ספריות משופרת ===== */
.libraries-wrapper[b-3jhknvd3jj] {
    max-width: 1200px;
    margin: 0 auto 40px;
    direction: rtl;
    text-align: right;
}

.libraries-list[b-3jhknvd3jj] {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    /* הוספת align-items כדי לוודא שהכרטיסיות נמתחות לגובה שווה */
    align-items: stretch;
}

.library-item:hover[b-3jhknvd3jj] {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.library-image[b-3jhknvd3jj] {
    width: 100%;
    height: 180px;
    object-fit: cover;
    cursor: zoom-in;
    /* הוספת flex-shrink כדי למנוע מהתמונה להתכווץ */
    flex-shrink: 0;
}

.library-name[b-3jhknvd3jj] {
    font-size: 22px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-item[b-3jhknvd3jj] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #555;
    padding: 4px 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.info-item strong[b-3jhknvd3jj] {
    font-weight: 600;
    color: #2c3e50;
    min-width: 50px;
}

.info-item a[b-3jhknvd3jj] {
    color: #0d6efd !important;
    text-decoration: none;
    word-break: break-all;
}

.info-item a:hover[b-3jhknvd3jj] {
    text-decoration: underline;
}

.accessibility-badge[b-3jhknvd3jj] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: #e8f5e8;
    color: #2d7d32;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
}

.accessibility-badge.not-accessible[b-3jhknvd3jj] {
    background: #ffeaa7;
    color: #d63031;
}

.region-tag[b-3jhknvd3jj] {
    display: inline-block;
    background: #9b004e;
    color: white;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 1px 1px 0 #9b004e;
}

.branches-btn[b-3jhknvd3jj] {
    background: white;
    color: #9b004e;
    border: 2px #9b004e solid;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.branches-btn:hover[b-3jhknvd3jj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(155, 0, 78, 0.4);
}

/* ===== פופאפ סניפים משופר ===== */
.popup-overlay[b-3jhknvd3jj] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}

.popup-content[b-3jhknvd3jj] {
    background: white;
    padding: 30px;
    border-radius: 16px;
    width: 90%;
    max-width: 500px;
    max-height: 70vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    position: relative;
    direction: rtl;
    text-align: right;
}

.close-button[b-3jhknvd3jj] {
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #9b004e;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.close-button:hover[b-3jhknvd3jj] {
    background: #f0f0f0;
    color: #9b004e;
}

.popup-content h3[b-3jhknvd3jj] {
    color: #2c3e50;
    margin-bottom: 20px;
    font-size: 20px;
    padding-right: 20px;
}

.branches-list[b-3jhknvd3jj] {
    list-style: none;
    padding: 0;
}

.branch-item[b-3jhknvd3jj] {
    background: #f8f9fa;
    padding: 15px;
    margin-bottom: 12px;
    border-radius: 8px;
    border-right: 4px solid #9b004e;
}

.branch-name[b-3jhknvd3jj] {
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 8px;
}

.branch-details[b-3jhknvd3jj] {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

/* ===== מצבי טעינה ואין נתונים ===== */
.loading-container[b-3jhknvd3jj] {
    text-align: center;
    padding: 50px 20px;
}

.spinner-container[b-3jhknvd3jj] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.spinner[b-3jhknvd3jj] {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(0, 119, 204, 0.2);
    border-radius: 50%;
    border-top-color: #0077cc;
    animation: spin-b-3jhknvd3jj 1s ease-in-out infinite;
}

@keyframes spin-b-3jhknvd3jj {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loading-text[b-3jhknvd3jj] {
    font-size: 18px;
    color: #666;
    margin-top: 10px;
    font-weight: 500;
}

.no-data[b-3jhknvd3jj] {
    text-align: center;
    padding: 30px;
    font-size: 18px;
    color: #666;
    background-color: #f9f9f9;
    border-radius: 8px;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .libraries-list[b-3jhknvd3jj] {
        grid-template-columns: 1fr;
    }

    .library-info[b-3jhknvd3jj] {
        grid-template-columns: 1fr;
    }

    .news-header h1[b-3jhknvd3jj] {
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .library-content[b-3jhknvd3jj] {
        padding: 15px;
    }

    .library-name[b-3jhknvd3jj] {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .libraries-list[b-3jhknvd3jj] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.region-btn.disabled[b-3jhknvd3jj] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.search-input:disabled[b-3jhknvd3jj] {
    opacity: 0.5;
    cursor: not-allowed;
}

.general-loading[b-3jhknvd3jj] {
    text-align: center;
    margin: 20px 0;
}

/* Modal Styles */
.modal[b-3jhknvd3jj] {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    animation: fadeIn-b-3jhknvd3jj 0.3s ease;
}

.modal.show[b-3jhknvd3jj] {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.modal-content[b-3jhknvd3jj] {
    max-width: 60%;
    max-height: 60%;
    border-radius: 10px;
    animation: zoomIn-b-3jhknvd3jj 0.3s ease;
}

.close[b-3jhknvd3jj] {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001;
    transition: color 0.2s ease;
}

.close:hover[b-3jhknvd3jj] {
    color: #ccc;
}

/* Animations */
@keyframes fadeIn-b-3jhknvd3jj {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes zoomIn-b-3jhknvd3jj {
    from {
        transform: scale(0.5);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
/* /Pages/HomePage.razor.rz.scp.css */
/* ==================== 
   Base Styles 
===================== */
*[b-hc92bugv1j] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-hc92bugv1j] {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    text-align: right;
    background-color: #f7f9fc;
    color: #333;
    line-height: 1.6;
}

/* Typography */
h1[b-hc92bugv1j], h2[b-hc92bugv1j], h3[b-hc92bugv1j], h4[b-hc92bugv1j], h5[b-hc92bugv1j], h6[b-hc92bugv1j] {
    font-weight: bold;
    margin-bottom: 0.8em;
    color: #242424;
}

h2[b-hc92bugv1j] {
    font-size: 1.5rem;
    position: relative;
    display: block; /* כדי לאפשר text-align לעבוד על כל הרוחב */
    margin-bottom: 1.5rem;
    color: #1e1e2d;
    font-weight: 800;
    font-family: 'Assistant', sans-serif;
    text-align: right;
    direction: rtl;
}


h2[b-hc92bugv1j]::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 0;
    width: 60px;
    height: 4px;
    background-color: #9b004e;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(155, 0, 78, 0.2);
    transition: width 0.3s ease;
}

h2:hover[b-hc92bugv1j]::after {
    width: 90px;
}
p[b-hc92bugv1j] {
    margin-bottom: 1rem;
}

a[b-hc92bugv1j] {
    text-decoration: none;
    color: #9b004e;
    transition: color 0.3s ease;
}

a:hover[b-hc92bugv1j] {
    color: #7a0042;
}

/* Colors */
:root[b-hc92bugv1j] {
    --primary-color: #9b004e;
    --secondary-color: #44507a;
    --light-color: #f7f9fc;
    --dark-color: #242424;
    --accent-color: #e8c547;
    --border-color: #dde3ee;
    --box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Layout */
.container[b-hc92bugv1j] {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}

section[b-hc92bugv1j] {
    padding: 50px 0;
    margin-bottom: 30px;
}

/* ==================== 
   Header 
===================== */
header[b-hc92bugv1j] {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
}

.logo[b-hc92bugv1j] {
    text-align: center;
}

.logo h1[b-hc92bugv1j] {
    font-size: 2.2rem;
    color: #9b004e;
    margin: 0;
}

/* ==================== 
   Hero/Gallery Section 
===================== */
.hero[b-hc92bugv1j] {
    background-color: #f0f5fc;
    padding: 30px 0;
}

.gallery-wrapper[b-hc92bugv1j] {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-container[b-hc92bugv1j] {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    height: auto;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.gallery-content[b-hc92bugv1j] {
    position: relative;
    height: 500px;
}

.gallery-content img[b-hc92bugv1j] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*.gallery-nav {*/
/*    position: absolute;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 44px;*/
/*    height: 44px;*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*    border-radius: 50%;*/
/*    border: none;*/
/*    z-index: 10;*/
/*    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);*/
/*    cursor: pointer;*/
/*    transition: all 0.3s ease;*/
/*    color: #9b004e;*/
/*}*/

.gallery-nav:hover[b-hc92bugv1j] {
    background-color: #fff;
    transform: scale(1.1);
}

.gallery-nav.prev[b-hc92bugv1j] {
    left: 20px;
}

.gallery-nav.next[b-hc92bugv1j] {
    right: 20px;
}

.gallery-indicators[b-hc92bugv1j] {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.indicator[b-hc92bugv1j] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active[b-hc92bugv1j] {
    background-color: #9b004e;
    transform: scale(1.2);
}

.gallery-nav[b-hc92bugv1j] {
    position: absolute;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

.gallery-nav:hover[b-hc92bugv1j] {
    background: #9b004e;
    transform: translateY(-50%) scale(1.1);
}

.gallery-nav.prev[b-hc92bugv1j] {
    left: 20px;
}

.gallery-nav.next[b-hc92bugv1j] {
    right: 20px;
}

.gallery-container[b-hc92bugv1j] {
    position: relative;
}

/* ==================== 
   About Section 
===================== */
.about-section[b-hc92bugv1j] {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: var(--box-shadow);
}

.about-section .container[b-hc92bugv1j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

.about-image[b-hc92bugv1j] {
    flex: 1;
    max-width: 450px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 4px 4px 0 #44507a;
}

.about-image img[b-hc92bugv1j] {
    width: 100%;
    display: block;
    height: auto;
    transition: transform 0.5s ease;
}

.about-image:hover img[b-hc92bugv1j] {
    transform: scale(1.03);
}

.about-content[b-hc92bugv1j] {
    flex: 1;
}

.about-content p[b-hc92bugv1j] {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    
}

/* Buttons */
.btn[b-hc92bugv1j] {
    margin-top: 2rem;
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border: none;
    transition: all 0.3s ease;
}

.primary-btn[b-hc92bugv1j] {
    background-color: #9b004e;
    color: #fff;
    box-shadow: 0 4px 12px rgba(155, 0, 78, 0.3);
}

.primary-btn:hover[b-hc92bugv1j] {
    background-color: #7a0042;
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(155, 0, 78, 0.4);
}

.secondary-btn[b-hc92bugv1j] {
    background-color: transparent;
    color: #9b004e;
    border: 2px solid #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
}

.secondary-btn:hover[b-hc92bugv1j] {
    background-color: #9b004e;
    color: white;
    /*transform: translateY(-2px);*/
    box-shadow: 2px 2px 0 #9b004e;
}

.secondary-btnn[b-hc92bugv1j]{
    background-color: transparent;
    color: #9b004e;
    border: 2px solid #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
    display: block;      /* משנה את הכפתור לבלוק */
    margin: 0 auto;      /* שולח אותו למרכז אופקי */
    width: fit-content;  /* רוחב לפי תוכן הכפתור */
}

.secondary-btnn:hover[b-hc92bugv1j] {
    background-color: #9b004e;
    color: white;
    /*transform: translateY(-2px);*/
    box-shadow: 2px 2px 0 #9b004e;
}

/* ==================== 
   Updates Section 
===================== */
.updates-section[b-hc92bugv1j] {
    background-color: #f5faff;
    padding: 60px 0;
}

.updates-container[b-hc92bugv1j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.updates-grid[b-hc92bugv1j] {
    flex: 1;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--box-shadow);
}

.update-box[b-hc92bugv1j] {
    flex: 1;
    padding: 25px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #eee;
    min-height: 220px;
    transition: background-color 0.3s ease;
}

.update-box:first-child[b-hc92bugv1j] {
    border-left: none;
}

.update-box:hover[b-hc92bugv1j] {
    background-color: #f9f9ff;
}

.update-box strong[b-hc92bugv1j] {
    display: block;
    font-size: 0.9rem;
    color: #9b004e;
    margin-bottom: 10px;
}

.update-box p[b-hc92bugv1j] {
    font-size: 14px;
    line-height: 1.5;
}

.updates-nav[b-hc92bugv1j] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #9b004e;
    border: 2px solid #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 15px;
}

.updates-nav:hover[b-hc92bugv1j] {
    background-color: #9b004e;
    color: white;
    box-shadow: 2px 2px 0 #9b004e;
}

.updates-nav svg[b-hc92bugv1j] {
    width: 20px;
    height: 20px;
}

/* ==================== 
   Mobile Responsive 
===================== */
@media (max-width: 768px) {
    .updates-container[b-hc92bugv1j] {
        margin-top: 20px;
    }

    .updates-grid[b-hc92bugv1j] {
        flex-direction: column;
        width: 100%;
    }

    .update-box[b-hc92bugv1j] {
        border-left: none;
        border-bottom: 1px solid #eee;
        min-height: 180px;
        width: 100%;
        flex: none;
    }

    .update-box:last-child[b-hc92bugv1j] {
        border-bottom: none;
    }

    .updates-nav[b-hc92bugv1j] {
        width: 35px;
        height: 35px;
        margin: 0 10px;
    }

    .updates-nav svg[b-hc92bugv1j] {
        width: 18px;
        height: 18px;
    }
}

/* ==================== 
   Events Section 
===================== */
.events-section[b-hc92bugv1j] {
    background-color: #f5faff;
    border-radius: 12px;
    box-shadow: var(--box-shadow);
}

.events-section h2[b-hc92bugv1j] {
    /*color: #9b004e;*/
}

.event-cards[b-hc92bugv1j] {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin: 40px 0;
}

.event-card[b-hc92bugv1j] {
    width: 240px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
}

.event-card:hover[b-hc92bugv1j] {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.event-date[b-hc92bugv1j] {
    background-color: #9b004e;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-weight: bold;
    font-size: 1.2rem;
}

.event-card strong[b-hc92bugv1j] {
    display: block;
    font-size: 1rem;
    padding: 15px 15px 8px;
    min-height: 60px;
}

.event-card span[b-hc92bugv1j] {
    display: block;
    padding: 0 15px 20px;
    color: #555;
    font-size: 0.90rem;
}


/* ==================== 
   Quick Links Section 
===================== */
.quick-links-section[b-hc92bugv1j] {
    text-align: center;
    margin-top: 50px;
}

.quick-links[b-hc92bugv1j] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
}

.icon-box[b-hc92bugv1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 20px;
    width: 160px;
    border-radius: 10px;
    transition: all 0.3s ease;
    color: #333;
}

.icon-box i[b-hc92bugv1j] {
    font-size: 2.2rem;
    color: #44507a;
    transition: all 0.3s ease;
}

.icon-box span[b-hc92bugv1j] {
    font-weight: 500;
}

.icon-box:hover[b-hc92bugv1j] {
    background-color: #f7f9fc;
    transform: translateY(-5px);
}

.icon-box:hover i[b-hc92bugv1j] {
    color: #9b004e;
    transform: scale(1.1);
}

/* ==================== 
   Map Section 
===================== */
.map-section[b-hc92bugv1j] {
    padding: 0;
    direction: rtl;
}
/* כותרת מרכזית למפה */
.map-section h2[b-hc92bugv1j] {
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.50rem;
    margin-right: 40px;
}

.map-container[b-hc92bugv1j] {
    display: flex;
    /*height: 100vh;*/
    z-index: 9998;
}

.map-wrapper[b-hc92bugv1j] {
    height: 400px;
    width: 100%;
    position: relative;}

.map-display[b-hc92bugv1j] {
    width: 100%;
    height: 100%;
}


/* הגדרות כלליות למפה */
.map-container[b-hc92bugv1j] {
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
    display: flex;
    flex-direction: column;
}

/* הגדלת גובה המפה */
.map-card[b-hc92bugv1j] {
    width: 100%;
    /*height: 600px; !* הגדלת הגובה *!*/
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 4px 4px 0px #9b004e;
    position: relative;
}


/* וידוא שהמפה עצמה תתפוס את כל המקום הזמין */
#librariesMap[b-hc92bugv1j] {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.markers-list[b-hc92bugv1j] {
    flex: 0 0 30%;
    background-color: #f7f9fc;
    padding: 20px;
    overflow-y: auto;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
}

.markers-list h3[b-hc92bugv1j] {
    margin-top: 0;
}

.markers-grid[b-hc92bugv1j] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.marker-item[b-hc92bugv1j] {
    margin-bottom: 10px;
    cursor: pointer;
}

.marker-item:hover[b-hc92bugv1j] {
    background-color: #e0e0e0;
}

.marker-item h4[b-hc92bugv1j] {
    margin-bottom: 5px;
    color: #9b004e;
}

.marker-item p[b-hc92bugv1j] {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
}

.custom-svg-marker[b-hc92bugv1j] {
    background: none;
    border: none;
}

/*אנימציית טעינה */
.custom-loader-container[b-hc92bugv1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
}
.custom-loader-container[b-hc92bugv1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0px 0;
}
@keyframes spin-b-hc92bugv1j {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-text[b-hc92bugv1j] {
    font-size: 1.1rem;
    color: #555;
    animation: blink-b-hc92bugv1j 1.5s infinite;
}

@keyframes blink-b-hc92bugv1j {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

/*אפשרויות מפה */
/* אפשרויות צד */
/* הפיכת אפשרויות המפה לרוחביות במקום אנכיות */
.map-options-enhanced[b-hc92bugv1j] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #f0f5fc;
    padding: 15px;
    border-radius: 12px;
    margin-top: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
}

.option-row[b-hc92bugv1j] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 10px;
    min-width: 200px;
}
.option-row label[b-hc92bugv1j] {
    margin-right: 10px;
    margin-bottom: 0; /* ביטול שוליים תחתונים */
    white-space: nowrap;
}

/* התאמת הסליידר */
.radius-slider[b-hc92bugv1j] {
    width: 150px;
}

.radius-slider[b-hc92bugv1j]::-webkit-slider-thumb {
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #9b004e;
    cursor: pointer;
    border: 2px solid white;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.radius-slider[b-hc92bugv1j]::-webkit-slider-thumb:hover {
    transform: scale(1.1);
}

/* צ'קבוקס מודרני */
.styled-checkbox[b-hc92bugv1j] {
    accent-color: #9b004e;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/* ==================== 
   Responsive Design 
===================== */
@media (max-width: 1200px) {
    .gallery-content[b-hc92bugv1j] {
        height: 450px;
    }

    .update-box[b-hc92bugv1j] {
        min-height: 200px;
        padding: 20px 15px;
    }

    .about-section .container[b-hc92bugv1j] {
        gap: 40px;
    }
}

@media (max-width: 992px) {
    h2[b-hc92bugv1j] {
        font-size: 1.5rem;
    }

    .gallery-content[b-hc92bugv1j] {
        height: 380px;
    }

    .about-section .container[b-hc92bugv1j] {
        flex-direction: column;
        gap: 30px;
    }

    .about-image[b-hc92bugv1j] {
        max-width: 100%;
    }

    .updates-grid[b-hc92bugv1j] {
        flex-wrap: wrap;
    }

    .update-box[b-hc92bugv1j] {
        min-width: 45%;
        border-bottom: 1px solid #eee;
        border-left: none;
    }

    .update-box:nth-child(odd)[b-hc92bugv1j] {
        border-left: 1px solid #eee;
    }

    .update-box:nth-child(3)[b-hc92bugv1j],
    .update-box:nth-child(4)[b-hc92bugv1j] {
        border-bottom: none;
    }

    .map-container[b-hc92bugv1j] {
        flex-direction: column;
    }
    .map-flex-container[b-hc92bugv1j] {
        flex-direction: column;
    }
    .map-options-enhanced[b-hc92bugv1j] {
        width: 100%;
        max-width: 100%;
    }

    .map-card[b-hc92bugv1j] {
        aspect-ratio: 1 / 1;
    }

    .markers-list[b-hc92bugv1j] {
        display: flex;
        flex-direction: column;
    }

    .markers-grid[b-hc92bugv1j] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .footer-content[b-hc92bugv1j] {
        flex-direction: column;
        gap: 30px;
    }

    .footer-links[b-hc92bugv1j] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    section[b-hc92bugv1j] {
        padding: 40px 0;
        margin-bottom: 20px;
    }

    .gallery-content[b-hc92bugv1j] {
        height: 300px;
    }

    .gallery-nav[b-hc92bugv1j] {
        width: 36px;
        height: 36px;
    }

    .gallery-nav.prev[b-hc92bugv1j] {
        left: 10px;
    }

    .gallery-nav.next[b-hc92bugv1j] {
        right: 10px;
    }

    .event-cards[b-hc92bugv1j] {
        gap: 20px;
    }

    .event-card[b-hc92bugv1j] {
        width: 100%;
        max-width: 320px;
    }

    .quick-links[b-hc92bugv1j] {
        gap: 15px;
    }

    .icon-box[b-hc92bugv1j] {
        width: 130px;
        padding: 15px;
    }

    .updates-grid[b-hc92bugv1j] {
        flex-direction: column;
    }

    .update-box[b-hc92bugv1j] {
        width: 100%;
        min-width: 100%;
        border-left: none;
        border-bottom: 1px solid #eee;
        min-height: auto;
        padding: 15px;
    }

    .update-box:nth-child(odd)[b-hc92bugv1j] {
        border-left: none;
    }

    .update-box:last-child[b-hc92bugv1j] {
        border-bottom: none;
    }

    .markers-grid[b-hc92bugv1j] {
        grid-template-columns: 1fr;
    }
    .map-options-enhanced[b-hc92bugv1j] {
        flex-direction: column;
    }
    .option-row[b-hc92bugv1j] {
        margin: 5px 0;
        width: 100%;
    }

    .radius-slider[b-hc92bugv1j] {
        width: 100%;
    }

    .map-card[b-hc92bugv1j] {
        height: 450px; /* מפה קטנה יותר במובייל */
    }
}

@media (max-width: 576px) {
    h2[b-hc92bugv1j] {
        font-size: 1.5rem;
    }

    .gallery-content[b-hc92bugv1j] {
        height: 250px;
    }

    .about-content p[b-hc92bugv1j] {
        font-size: 1rem;
        
    }

    .quick-links[b-hc92bugv1j] {
        grid-template-columns: repeat(2, 1fr);
    }

    .icon-box[b-hc92bugv1j] {
        width: 100%;
    }

    .btn[b-hc92bugv1j] {
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .map-display[b-hc92bugv1j] {
        height: 400px;
    }

    .logo h1[b-hc92bugv1j] {
        font-size: 1.8rem;
    }
}

/* ==================== 
   Animations and Effects 
===================== */
@keyframes fadeIn-b-hc92bugv1j {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gallery-content img[b-hc92bugv1j] {
    animation: fadeIn-b-hc92bugv1j 0.5s ease-out forwards;
}

.event-card[b-hc92bugv1j], .update-box[b-hc92bugv1j], .icon-box[b-hc92bugv1j] {
    position: relative;
    overflow: hidden;
}

.event-card[b-hc92bugv1j]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #9b004e;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.event-card:hover[b-hc92bugv1j]::before {
    transform: scaleX(1);
}

/* ==================== 
   Accessibility Improvements
===================== */
:focus[b-hc92bugv1j] {
    outline: 3px solid rgba(155, 0, 78, 0.4);
    outline-offset: 3px;
}

.btn:focus[b-hc92bugv1j], .gallery-nav:focus[b-hc92bugv1j], .updates-nav:focus[b-hc92bugv1j] {
    outline: 3px solid rgba(155, 0, 78, 0.4);
    outline-offset: 3px;
}

/* Better Text Contrast */
.event-date[b-hc92bugv1j],
.primary-btn[b-hc92bugv1j],
footer .footer-column h3[b-hc92bugv1j] {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* High Contrast Text */
.about-content p[b-hc92bugv1j],
.update-box p[b-hc92bugv1j],
.event-card span[b-hc92bugv1j] {
    color: #333;
}

/* סגנונות עבור קומפוננטת מפת אזורים */

/* כותרת המפה */
.region-map-title[b-hc92bugv1j] {
    text-align: center;
    margin-bottom: 1.5rem;
    font-weight: 600;
    color: #222;
}

/* מיכל המפה הכללי */
.library-regions-map[b-hc92bugv1j] {
    margin-bottom: 2rem;
    direction: rtl;
}

/* מעטפת למפה והמקרא */
.region-map-wrapper[b-hc92bugv1j] {
    margin-bottom: 1.5rem;
    position: relative;
}

/* כרטיס המפה עם צל */
.region-map-card[b-hc92bugv1j] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 2px;
    margin-bottom: 1rem;
}

/* אלמנט המפה עצמו */
#librariesMap[b-hc92bugv1j] {
    height: 500px;
    width: 100%;
    border-radius: 8px;
    direction: ltr; /* חשוב לכיוון תקין של המפה */
}

/* מקרא המפה */
.region-map-legend[b-hc92bugv1j] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 12px;
    margin-top: 15px;
    text-align: center;
}

/* שורת מקרא */
.region-legend-row[b-hc92bugv1j] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.region-legend-row:last-child[b-hc92bugv1j] {
    margin-bottom: 0;
}

/* טקסט מקרא */
.region-legend-text[b-hc92bugv1j] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

/* פריט במקרא */
.region-legend-item[b-hc92bugv1j] {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #555;
    gap: 5px;
}

/* מיכל אנימציית טעינה */
.region-loader-container[b-hc92bugv1j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 250px;
    margin-bottom: 1rem;
}

/* אנימציית טעינה */
.region-loader[b-hc92bugv1j] {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #9b004e;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: region-spin-b-hc92bugv1j 1s linear infinite;
}

/* טקסט טעינה */
.region-loading-text[b-hc92bugv1j] {
    margin-top: 15px;
    font-size: 16px;
    color: #555;
}

/* התראת שגיאה */
.region-error-alert[b-hc92bugv1j] {
    padding: 12px 15px;
    background-color: #fff5f5;
    border: 1px solid #fc8181;
    border-radius: 8px;
    color: #c53030;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* כפתור ניסיון חוזר */
.region-retry-btn[b-hc92bugv1j] {
    padding: 6px 12px;
    border: 1px solid #c53030;
    background-color: transparent;
    color: #c53030;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
    transition: all 0.2s ease;
}

.region-retry-btn:hover[b-hc92bugv1j] {
    background-color: #c53030;
    color: white;
}

/* אנימציית סיבוב */
@keyframes region-spin-b-hc92bugv1j {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.library-popup[b-hc92bugv1j] {
    direction: rtl; !important;
    text-align: right;
    font-family: 'Assistant', sans-serif;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    padding: 16px;
    max-width: 320px;
    color: #333;
    border-top: 4px solid #9b004e;
}

.library-popup h3[b-hc92bugv1j] {
    color: #9b004e;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1.2em;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 8px;
    font-weight: 700;
}

.library-popup p[b-hc92bugv1j] {
    margin: 10px 0;
    font-size: 1.05em;
    line-height: 1.5;
}

.library-popup p strong[b-hc92bugv1j] {
    font-weight: 600;
    color: #444;
}

.library-popup a[b-hc92bugv1j] {
    color: #0066cc;
    text-decoration: none;
    transition: all 0.2s ease;
    font-weight: 500;
    display: inline-block;
    margin-top: 5px;
}

.library-popup a:hover[b-hc92bugv1j] {
    color: #004999;
    text-decoration: underline;
}


/* עיצוב למרקר עצמו - אפקטים משופרים */
.custom-svg-marker[b-hc92bugv1j] {
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.3));
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.custom-svg-marker:hover[b-hc92bugv1j] {
    transform: scale(1.15);
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.4));
    z-index: 1000;
}

/* אנימציה לטעינת מרקרים */
@keyframes markerPulse-b-hc92bugv1j {
    0% { transform: scale(0.8); opacity: 0; }
    70% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.custom-svg-marker[b-hc92bugv1j] {
    animation: markerPulse-b-hc92bugv1j 0.5s ease-out forwards;
}

/* שיפור מראה הפופאפ של Leaflet */
.leaflet-popup-content-wrapper[b-hc92bugv1j] {
    padding: 0;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    border: none;
    text-align: right; !important;

}

.leaflet-popup-content[b-hc92bugv1j] {
    margin: 0;
    min-width: 280px;
    width: auto !important;

}

.leaflet-popup-tip[b-hc92bugv1j] {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.leaflet-popup-close-button[b-hc92bugv1j] {
    color: #666 !important;
    font-size: 18px !important;
    padding: 8px !important;
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50%;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    top: 6px !important;
    right: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.leaflet-popup-close-button:hover[b-hc92bugv1j] {
    color: #9b004e !important;
    background: #fff !important;
    transform: scale(1.1);
}

/* סגנון מותאם לאייקון של המיקום הנוכחי (כחול) */
.current-location-marker[b-hc92bugv1j] {
    animation: currentLocationPulse-b-hc92bugv1j 2s infinite;
}

@keyframes currentLocationPulse-b-hc92bugv1j {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* תצוגת מפה כללית - אלמנטים נוספים */
.map-card[b-hc92bugv1j] {
    position: relative;
    border: none;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
}

.map-card:hover[b-hc92bugv1j] {
    box-shadow: 0 8px 30px rgba(155, 0, 78, 0.15);
}

/* הוספת אינדיקטור טעינה במרכז המפה */
.map-loading-indicator[b-hc92bugv1j] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 12px;
    padding: 15px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 500;
}

.map-loading-spinner[b-hc92bugv1j] {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #9b004e;
    border-radius: 50%;
    animation: spin-b-hc92bugv1j 1s linear infinite;
    margin-bottom: 10px;
}

/* סגנונות נוספים לבקרי המפה */
.leaflet-control-zoom[b-hc92bugv1j] {
    border: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.leaflet-control-zoom a[b-hc92bugv1j] {
    background-color: #fff !important;
    color: #333 !important;
    transition: all 0.2s ease;
}

.leaflet-control-zoom a:hover[b-hc92bugv1j] {
    background-color: #f5f5f5 !important;
    color: #9b004e !important;
}

/* שינוי סגנון כדי להתאים לעיצוב הכללי של האתר */
.leaflet-container[b-hc92bugv1j] {
    font-family: 'Assistant', sans-serif !important;
}

/* שיפור הצגת שגיאות */
.map-error-message[b-hc92bugv1j] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff5f5;
    border: 1px solid #fc8181;
    border-radius: 8px;
    padding: 15px 20px;
    color: #c53030;
    text-align: center;
    max-width: 80%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 500;
}

.map-error-message button[b-hc92bugv1j] {
    margin-top: 10px;
    padding: 6px 12px;
    background-color: #c53030;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.map-error-message button:hover[b-hc92bugv1j] {
    background-color: #9b2c2c;
}

/* תצוגת מידע נוסף בפופאפ כשזמין */
.library-popup .library-hours[b-hc92bugv1j] {
    margin-top: 10px;
    border-top: 1px dashed #eee;
    padding-top: 10px;
}

.library-popup .library-hours h4[b-hc92bugv1j] {
    font-size: 1em;
    margin: 0 0 5px 0;
    color: #555;
}

.library-popup .library-hours ul[b-hc92bugv1j] {
    margin: 0;
    padding: 0 15px;
    list-style: none;
}

.library-popup .library-hours li[b-hc92bugv1j] {
    font-size: 0.9em;
    margin-bottom: 2px;
    display: flex;
    justify-content: space-between;
}

/* אפקט הבהוב עבור מרקר נבחר */
@keyframes selectedMarkerPulse-b-hc92bugv1j {
    0% { filter: drop-shadow(0 0 5px rgba(155, 0, 78, 0.7)); }
    50% { filter: drop-shadow(0 0 12px rgba(155, 0, 78, 0.9)); }
    100% { filter: drop-shadow(0 0 5px rgba(155, 0, 78, 0.7)); }
}

.custom-svg-marker.selected[b-hc92bugv1j] {
    animation: selectedMarkerPulse-b-hc92bugv1j 2s infinite;
    z-index: 1001;
}
/* /Pages/HomeQuestions.razor.rz.scp.css */
/* סכמת צבעים */
:root[b-ngv8acefp2] {
    --primary-color: #4B0082; /* סגול עמוק */
    --secondary-color: #1E3A8A; /* כחול עמוק */
    --accent-color: #6A5ACD; /* סגול בהיר */
    --light-color: #F8F9FA; /* לבן-אפור */
    --dark-color: #1A1A1A; /* שחור כמעט */
    --border-color: #E0E0F8; /* גבול בגוון סגול בהיר */
    --hover-color: #7B68EE; /* סגול-כחול לחיצה */
    --shadow-color: rgba(75, 0, 130, 0.1); /* צל בגוון סגול */
}

.faq-container[b-ngv8acefp2] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1rem;
    direction: rtl;
    font-family: 'Assistant', Tahoma, sans-serif;
}

.faq-header[b-ngv8acefp2] {
    text-align: center;
    margin-bottom: 2.5rem;
    position: relative;
}

.faq-title[b-ngv8acefp2] {
    color: var(--primary-color);
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
    position: relative;
    display: inline-block;
    font-family: 'Assistant', Tahoma, sans-serif;
}

.faq-title[b-ngv8acefp2]::after {
    content: "";
    position: absolute;
    height: 4px;
    width: 60px;
    background-color: var(--accent-color);
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2px;
}

.faq-subtitle[b-ngv8acefp2] {
    color: var(--secondary-color);
    font-size: 1.1rem;
    margin-top: 1rem;
    font-weight: 400;
}

.accordion[b-ngv8acefp2] {
    background-color: var(--light-color);
    border-radius: 12px;
    box-shadow: 0 8px 30px var(--shadow-color);
    overflow: hidden;
}

.accordion-item[b-ngv8acefp2] {
    margin-bottom: 1rem;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.accordion-item:last-child[b-ngv8acefp2] {
    margin-bottom: 0;
}

.accordion-header[b-ngv8acefp2] {
    background: linear-gradient(to right, var(--light-color), white);
    padding: 1.2rem 1.5rem;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-right: 4px solid var(--primary-color);
    transition: all 0.3s ease;
    color: var(--dark-color);
    font-size: 1.05rem;
}

.accordion-header:hover[b-ngv8acefp2] {
    background: linear-gradient(to right, #EEE8FF, white);
}

.accordion-header.active[b-ngv8acefp2] {
    background: linear-gradient(to right, var(--accent-color), #EEE8FF);
    color: var(--dark-color);
    border-right: 4px solid var(--secondary-color);
}

.accordion-header .icon[b-ngv8acefp2] {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    color: var(--primary-color);
    transition: all 0.3s ease;
}

.accordion-header.active .icon[b-ngv8acefp2] {
    color: var(--dark-color);
    transform: rotate(0deg);
}

.question-text[b-ngv8acefp2] {
    flex: 1;
    padding-left: 1.5rem;
}

.accordion-body[b-ngv8acefp2] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    background-color: white;
}

.accordion-body.show[b-ngv8acefp2] {
    max-height: 500px; /* ערך גבוה מספיק להכיל את התוכן */
}

.answer-content[b-ngv8acefp2] {
    padding: 1.5rem;
    color: var(--dark-color);
    line-height: 1.6;
    border-top: 1px solid var(--border-color);
}

/* מדיה קוורי להתאמה למסכים קטנים */
@media (max-width: 768px) {
    .faq-container[b-ngv8acefp2] {
        padding: 1rem;
    }

    .faq-title[b-ngv8acefp2] {
        font-size: 1.8rem;
    }

    .faq-subtitle[b-ngv8acefp2] {
        font-size: 1rem;
    }

    .accordion-header[b-ngv8acefp2] {
        padding: 1rem;
        font-size: 0.95rem;
    }

    .answer-content[b-ngv8acefp2] {
        padding: 1rem;
        font-size: 0.9rem;
    }
}
/* /Pages/HomeSearchResults.razor.rz.scp.css */
/* סגנונות לדף החיפוש */
.search-container[b-sc5xmj1b89] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    direction: rtl;
}

.search-box[b-sc5xmj1b89] {
    display: flex;
    margin-bottom: 20px;
}

.search-box input[b-sc5xmj1b89] {
    flex-grow: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    font-size: 16px;
}

.search-button[b-sc5xmj1b89] {
    padding: 10px 20px;
    background-color: #0366d6;
    color: white;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    font-size: 16px;
}

.search-button:hover[b-sc5xmj1b89] {
    background-color: #0258bd;
}

.loading[b-sc5xmj1b89], .no-results[b-sc5xmj1b89], .results-count[b-sc5xmj1b89] {
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
}

.search-results[b-sc5xmj1b89] {
    margin-top: 20px;
}

.result-item[b-sc5xmj1b89] {
    padding: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.result-title[b-sc5xmj1b89] {
    font-size: 18px;
    margin-bottom: 5px;
}

.result-title a[b-sc5xmj1b89] {
    color: #0366d6;
    text-decoration: none;
}

.result-title a:hover[b-sc5xmj1b89] {
    text-decoration: underline;
}

.result-type[b-sc5xmj1b89], .result-date[b-sc5xmj1b89] {
    color: #666;
    font-size: 14px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 8px;
}

.result-content[b-sc5xmj1b89] {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
/* /Pages/HomeVendors.razor.rz.scp.css */

/* ============ WRAPPER CARD ============ */
.editor-card.vendors-management[b-56cji2mzdm] {
    background-color: #f6f9ff;        /* רקע בהיר יותר כמו בתמונה */
    border-radius: 20px;
    box-shadow: 6px 6px 0px #44507a;   /* אפקט צל */
    padding: 40px 30px;
    margin: 40px auto;
    max-width: 1200px;                /* רוחב מקסימלי יותר גדול */
    position: relative;
    direction: rtl;
}

/* ============ TITLE AND HEADER ============ */
.news-header[b-56cji2mzdm] {
    position: relative;
    background-image: url('./Images/pic1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


.news-header[b-56cji2mzdm]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}
.news-header h1[b-56cji2mzdm] {
    color: white;
    font-size: 3rem;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin: 0;
    z-index: 1;
}

.vendors-disclaimer[b-56cji2mzdm] {
    font-size: 16px;
    padding: 12px 18px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
    color: rgb(68, 80, 122);
    font-weight: bold;
}

.news-header h1[b-56cji2mzdm] {
    font-size: 3rem;
    color: #f5faff;
    margin-bottom: 2rem;
}

/* ============ SEARCH BOX ============ */
.filter-buttons[b-56cji2mzdm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}

/* כפתור יחיד */
.filter-btn[b-56cji2mzdm] {
    padding: 8px 20px;
    border: 2px solid #9b004e;
    border-radius: 999px;
    background-color: white;
    color: #9b004e;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 2px 2px 0 #9b004e;
}

.filter-btn:hover[b-56cji2mzdm] {
    background-color: #9b004e;
    color: white;
}

.filter-btn.active[b-56cji2mzdm] {
    background-color: #9b004e;
    color: white;
    box-shadow: none;
}

.search-wrapper[b-56cji2mzdm] {
    margin-bottom: 20px;
    padding: 20px 50px 0px 50px;                /* התאמה לרוחב הכרטיס */
}

.search-box[b-56cji2mzdm] {
    width: 100%;
    position: relative;
}

.search-input[b-56cji2mzdm] {
    width: 100%;
    padding: 14px 18px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background-color: white;        /* רקע לבן לחיפוש */
    transition: border-color .2s, box-shadow .2s;
    text-align: right;
    direction: rtl;
    color: #333;
}

.search-input:focus[b-56cji2mzdm] {
    border-color: #9b004e;
    box-shadow: 0 0 0 3px rgba(155, 0, 78, 0.2);
    outline: none;
}

.search-input[b-56cji2mzdm]::placeholder {
    color: #aaa;
}

/* ============ TABLE CONTAINER ============ */
.table-container[b-56cji2mzdm] {
    background: white;
    border-radius: 8px;             /* פינות מעוגלות כמו בתמונה */
    overflow: hidden;               /* קיצוץ תוכן שגולש */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-top: 20px;               /* מרווח מעל הטבלה */
}

.vendors-table[b-56cji2mzdm] {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
    text-align: right;
}

/* כותרות טבלה */
.vendors-table thead[b-56cji2mzdm] {
    background-color: #4a5568;      /* צבע רקע כהה כמו בתמונה */
}

.vendors-table th[b-56cji2mzdm] {
    background-color: #4a5568;      /* כחול כהה כמו בתמונה */
    color: white;
    padding: 15px;
    text-align: center;
    font-weight: 600;
    position: sticky;
    top: 0;
    z-index: 1;
    white-space: nowrap;
}
td.action-buttons[b-56cji2mzdm] {
    vertical-align: middle !important;
    padding: 0 !important;
    text-align: center;
    height: 100%;
}
.action-buttons-wrapper[b-56cji2mzdm] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100px; /* חשוב כדי שיהיה מה למרכז בתוכו */
    box-sizing: border-box;
    padding: 0px 15px 0px 15px;
    vertical-align:middle ;
}
/* עטיפה פנימית של הכפתור */
.action-buttons-inner[b-56cji2mzdm] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 60px; /* ✅ מכריח גובה בסיסי של התא כדי שהמרכוז יתבצע */
    box-sizing: border-box;
}

td.action-buttons .action-buttons[b-56cji2mzdm] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 12px;
    box-sizing: border-box;
    vertical-align: center;
}
td.nito-cell[b-56cji2mzdm] {
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
}

.nito-wrapper[b-56cji2mzdm] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100px; /* או כל גובה שמתאים לעיצוב הכללי */
    box-sizing: border-box;
}

/* צביעת שורות לסירוגין */
.vendors-table tr:nth-child(even)[b-56cji2mzdm] {
    background-color: #f8fafc;        /* רקע בהיר לשורות זוגיות */
}

.vendors-table tr:hover[b-56cji2mzdm] {
    background-color: #ebf4ff;        /* רקע בעת מעבר עכבר */
}

/* מזהה - עמודה ראשונה */
.vendors-table td:first-child[b-56cji2mzdm] {
    font-weight: 600;                /* מספר מזהה מודגש */
    color: #4a5568;
}

/* ============ ACTION BUTTONS ============ */
.action-buttons[b-56cji2mzdm] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 12px 15px; /* החזרנו padding פה במקום ב־td */
    box-sizing: border-box;
}

/* סגנון כפתורי פעולה */
.vendor-btn[b-56cji2mzdm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: white;
    border: 2px solid #9b004e;
    border-radius: 50px;
    box-shadow: 4px 4px 0 #9b004e;
    color: #9b004e;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 14px;
}

.vendor-btn i[b-56cji2mzdm] {
    color: inherit !important;
    font-size: 1.1rem;
}

.vendor-btn:hover[b-56cji2mzdm],
.vendor-btn:focus[b-56cji2mzdm] {
    background: #9b004e;
    color: white;
    transform: translateY(-2px);
}

/* ============ DETAILS MODAL ============ */
.modal-overlay[b-56cji2mzdm] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
}

.details-view[b-56cji2mzdm] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    width: 90%;
    max-width: 500px;
    z-index: 101;
    direction: rtl;
    overflow: hidden;
}

.form-header[b-56cji2mzdm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.form-title[b-56cji2mzdm] {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #2d3748;
}

.close-btn[b-56cji2mzdm] {
    background: #9b004e;
    color: white;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vendor-details[b-56cji2mzdm] {
    padding: 20px;
}

.detail-item[b-56cji2mzdm] {
    margin-bottom: 16px;
}

.detail-label[b-56cji2mzdm] {
    font-weight: 600;
    color: #718096;
    margin-bottom: 6px;
    font-size: 14px;
}

.detail-value[b-56cji2mzdm] {
    font-size: 16px;
    color: #2d3748;
    padding: 8px 0;
}

.form-buttons[b-56cji2mzdm] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 20px;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

.btn-secondary[b-56cji2mzdm] {
    padding: 8px 16px;
    background-color: #718096;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.2s;
}

.btn-secondary:hover[b-56cji2mzdm] {
    background-color: #4a5568;
}

/* עיצוב תגית בודדת */
.tag-chip[b-56cji2mzdm] {
    display: inline-block;
    background-color: #e8e8f0;
    color: #444;
    padding: 4px 10px;
    margin: 4px;
    border-radius: 15px;
    font-size: 0.85rem;
    border: 1px solid #ccc;
    white-space: nowrap;
}
td[data-label="נושאים"][b-56cji2mzdm] {
    /*
    padding: 0 !important;
    */
    vertical-align: middle !important;
    text-align: center;
    margin-bottom: 8px;
    padding: 5px;
}
td[data-label="שם הספק"][b-56cji2mzdm] {
    /*
    padding: 0 !important;
    */
    vertical-align: middle !important;
    text-align: center;
    margin-bottom: 8px;
    padding: 5px;


}td[data-label="מייל"][b-56cji2mzdm] {
    vertical-align: middle !important;
    text-align:left;
     margin-bottom: 8px;
     padding: 5px;

 }
 
td[data-label="תפקיד"][b-56cji2mzdm] {
    /*
    padding: 0 !important;
    */
    vertical-align: middle !important;
    text-align:center;
    padding: 5px;

}
td[data-label="פרטים נוספים"][b-56cji2mzdm] {
    /*
    padding: 0 !important;
    */
    vertical-align: middle !important;
    text-align:center;
     margin-bottom: 8px;
    padding: 5px;

 }
td[data-label="פעולות"][b-56cji2mzdm] {
    /*
    padding: 0 !important;
    */
    vertical-align: middle !important;
    text-align:center;
    margin-bottom: 8px;
    padding: 5px;

}
 
/* עטיפה של כל התגיות בתא אחד */
.tags-wrapper[b-56cji2mzdm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* ⬅ כדי להצמיד את התוכן לצד ימין */
    gap: 6px;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
}
/* ביטול מרווחים פנימיים של האלמנטים */
.tags-wrapper *[b-56cji2mzdm] {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.search-box[b-56cji2mzdm] {
    position: relative;
    width: 100%;
    max-width: 500px; /* או לפי מה שמתאים לעיצוב שלך */
}

.search-input[b-56cji2mzdm] {
    width: 100%;
    padding: 10px 40px 10px 12px; /* רווח בצד ימין לאייקון */
    border: 1px solid #ccc;
    border-radius: 16px;
    font-size: 16px;
    box-sizing: border-box;
}

.search-icon[b-56cji2mzdm] {
    position: absolute;
    right: 12px; /* מיקום בתוך ה־input מצד ימין */
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    font-size: 16px;
    pointer-events: none; /* שלא ילחצו על האייקון בטעות */
}
.search-wrapper[b-56cji2mzdm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

/* ============ TOAST MESSAGE ============ */
.message-toast[b-56cji2mzdm] {
    position: fixed;
    bottom: 20px;
    left: 20px;
    min-width: 300px;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1000;
    animation: slideIn-b-56cji2mzdm 0.3s ease forwards;
    direction: rtl;
}

.message-toast.success[b-56cji2mzdm] {
    background-color: #48bb78;
    color: white;
}

.message-toast.error[b-56cji2mzdm] {
    background-color: #e53e3e;
    color: white;
}

.close-message[b-56cji2mzdm] {
    background: none;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
    opacity: 0.7;
}

.close-message:hover[b-56cji2mzdm] {
    opacity: 1;
}

@keyframes slideIn-b-56cji2mzdm {
    from {
        transform: translateY(100px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* ============ LOADING & NO DATA ============ */
.loading-container[b-56cji2mzdm] {
    display: flex;
    justify-content: center;
    padding: 50px 0;
}

.loading[b-56cji2mzdm] {
    color: #9b004e;
    font-size: 18px;
    position: relative;
}

.no-data[b-56cji2mzdm] {
    text-align: center;
    padding: 40px;
    background-color: #f8fafc;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.no-data p[b-56cji2mzdm] {
    font-size: 18px;
    color: #718096;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 768px) {
    
    .tags-wrapper[b-56cji2mzdm] {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end; /* ⬅ כדי להצמיד את התוכן לצד ימין */
        gap: 6px;
        padding: 0 !important;
        margin: 0 !important;
        width: 100%;
        box-sizing: border-box;
    }
    .filter-buttons[b-56cji2mzdm] {
        flex-direction: row; /* או row-reverse אם הסדר חשוב */
        flex-wrap: wrap; /* אם יש הרבה כפתורים שירדו שורה */
        gap: 10px;
        justify-content: center; /* או start/end לפי הרצוי */
        align-items: center;
    }
    .filter-buttons button[b-56cji2mzdm] {
        width: auto; /* חשוב למנוע מהם להימתח לכל הרוחב */
        min-width: max-content;
        flex: 0 0 auto;
    }

    .filter-btn[b-56cji2mzdm] {
        width: 100%;
        text-align: center;
    }
    .editor-card.vendors-management[b-56cji2mzdm] {
        padding: 20px 15px;
    }

    .search-wrapper[b-56cji2mzdm] {
        padding: 0 10px;
        padding-top: 10px;
    }

    .vendors-table[b-56cji2mzdm] {
        display: block;
        overflow-x: auto;
    }

    .action-buttons[b-56cji2mzdm] {
        flex-wrap: wrap;
        justify-content: center;
    }

    .vendor-btn[b-56cji2mzdm] {
        width: 100%;
        justify-content: center;
    }

    .details-view[b-56cji2mzdm] {
        width: 95%;
    }
    
        .news-header h1[b-56cji2mzdm] {
            font-size: 2rem;
        }

        .news-header .overlay-text p[b-56cji2mzdm] {
            font-size: 1rem;
        }

   
}


.clear-filter-btn[b-56cji2mzdm] {
    background-color: #f44336;
    color: white;
    border: none;
    padding: 4px 8px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}

.clear-filter-btn:hover[b-56cji2mzdm] {
    background-color: #d32f2f;
}

/* תצוגה משופרת לסטטוס ניטו */
.nito-badge[b-56cji2mzdm] {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
}

.nito-yes[b-56cji2mzdm] {
    background-color: #e8f5e8;
    color: #2e7d32;
    border: 1px solid #4caf50;
}

.nito-no[b-56cji2mzdm] {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #f44336;
}

/* מונה תוצאות */
.results-count[b-56cji2mzdm] {
    background-color: #f8f9fa;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #495057;
    text-align: right;
}

/* ======================= רספונסיביות מלאה ======================= */
@media (max-width: 768px) {

    html[b-56cji2mzdm], body[b-56cji2mzdm] {
        overflow-x: hidden;
        max-width: 100vw;
    }

    .filter-buttons[b-56cji2mzdm] {
        /*
        flex-direction: column;
        */
        align-items: stretch;
    }

    .filter-btn[b-56cji2mzdm] {
        width: 100%;
        text-align: center;
    }

    .editor-card.vendors-management[b-56cji2mzdm] {
        padding: 20px 15px;
    }

    .search-wrapper[b-56cji2mzdm] {
        padding: 0 10px;
    }

    .vendor-btn[b-56cji2mzdm] {
        width: 100%;
        justify-content: center;
    }

    .action-buttons[b-56cji2mzdm] {
        display: flex;
        justify-content: center; /* או flex-start אם אתה רוצה בצד ימין */
        align-items: center;     /* ⬅️ זה מה שממרכז אנכית */
        height: 100%;
    }

    .details-view[b-56cji2mzdm] {
        width: 95%;
        max-height: 90vh;
        overflow-y: auto;
    }

    .form-title[b-56cji2mzdm],
    .filter-label[b-56cji2mzdm],
    .news-header h1[b-56cji2mzdm] {
        font-size: 18px;
    }

    .detail-label[b-56cji2mzdm],
    .detail-value[b-56cji2mzdm] {
        font-size: 14px;
    }

    .search-input[b-56cji2mzdm] {
        font-size: 14px;
    }

    .vendors-table.responsive[b-56cji2mzdm] {
        display: block;
    }

    .vendors-table.responsive thead[b-56cji2mzdm] {
        display: none;
    }

    .vendors-table.responsive tbody tr[b-56cji2mzdm] {
        display: block;
        margin-bottom: 20px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        padding: 10px;
    }

    .vendors-table.responsive td[b-56cji2mzdm] {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
    }

    .vendors-table.responsive td[b-56cji2mzdm]::before {
        content: attr(data-label);
        font-weight: bold;
        color: #555;
        margin-left: 10px;
    }

    .vendors-table.responsive td:last-child[b-56cji2mzdm] {
        border-bottom: none;
    }

    .tag-chip[b-56cji2mzdm] {
        font-size: 12px;
        padding: 2px 8px;
    }
}

@media (max-width: 480px) {
    .form-title[b-56cji2mzdm],
    .filter-label[b-56cji2mzdm],
    .news-header h1[b-56cji2mzdm] {
        font-size: 16px;
    }

    .detail-label[b-56cji2mzdm],
    .detail-value[b-56cji2mzdm] {
        font-size: 13px;
    }

    .search-input[b-56cji2mzdm] {
        font-size: 13px;
    }

    .tag-chip[b-56cji2mzdm] {
        font-size: 11px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
body[b-3exjpy8i1u], html[b-3exjpy8i1u] {
    font-family: 'Assistant', sans-serif;
}


.entry-page[b-3exjpy8i1u] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 85vh;
    background: linear-gradient(to bottom, #f5faff, #ffffff);
    padding: 2rem;
    direction: rtl;
    font-family: 'Assistant', sans-serif;
}

.entry-card[b-3exjpy8i1u] {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    padding: 50px 40px;
    max-width: 600px;
    text-align: center;
}

.entry-title[b-3exjpy8i1u] {
    font-size: 2.2rem;
    color: #801c3f;
    font-weight: bold;
    margin-bottom: 1rem;
}

.entry-subtitle[b-3exjpy8i1u] {
    font-size: 1.1rem;
    color: #4a5568;
    margin-bottom: 2rem;
}

.entry-actions[b-3exjpy8i1u] {
    display: flex;
    flex-direction: column;
   
}
/*------------------------*/
.btn-styled[b-3exjpy8i1u] {
    display: inline-block;
    padding: 14px 24px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 40px;
    text-align: center;
    cursor: pointer;
    border: 2px solid;
    transition: all 0.2s ease-in-out;
    box-shadow: 4px 4px 0;
    text-decoration: none;
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
    display: block;
}

.managment[b-3exjpy8i1u]{
    margin-top: 30px;
    border-radius: 10px;
    text-decoration: none;
    padding: 12px;
    color: #9b004e;
    background-color: white;
    border-color: #9b004e;
    box-shadow: 4px 4px 0 #9b004e;
    font-weight: bold;
}

/* גרסה בצבע בורדו */
.btn-styled.bordeaux[b-3exjpy8i1u] {
    color: #9b004e;
    background-color: white;
    border-color: #9b004e;
    box-shadow: 4px 4px 0 #9b004e;
}

.btn-styled.bordeaux:hover[b-3exjpy8i1u] {
    background-color: #fdf4f9;
    transform: translateY(-2px);
}

/* גרסה בכחול כהה */
.btn-styled.navy[b-3exjpy8i1u] {
    color: #2d3e6e;
    background-color: white;
    border-color: #2d3e6e;
    box-shadow: 4px 4px 0 #2d3e6e;
}

.btn-styled.navy:hover[b-3exjpy8i1u] {
    background-color: #f0f4ff;
    transform: translateY(-2px);
}

/* כפתור מסגרת בלבד */
.btn-styled.outline[b-3exjpy8i1u] {
    color: #2d3e6e;
    background-color: white;
    border-color: #2d3e6e;
    box-shadow: 4px 4px 0 #2d3e6e;
}

.btn-styled.outline:hover[b-3exjpy8i1u] {
    background-color: #f5f5f5;
    transform: translateY(-2px);
}

/* /Pages/UsersPage.razor.rz.scp.css */

/* עיצוב בסיס לדף */
html[b-h5nkjf7w52], body[b-h5nkjf7w52] {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Calibri', sans-serif;
    direction: rtl;
    color: #2d2b2b;
    background-color: #f8f9fc;
}

body[b-h5nkjf7w52] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.users-page-wrapper[b-h5nkjf7w52] {
    background-image: url('Images/dotsTchelet_optimized.png');
    background-repeat: repeat;
    background-size: 320px 220px;  /* 👈 קטן יותר = נקודות קטנות יותר */
    width: 100%;
    min-height: 100vh;
}

.header[b-h5nkjf7w52] {
    background-color: transparent;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    height: 120px;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-content: space-around;
}

.logo img[b-h5nkjf7w52] {
    width: 220px;
    height: 120px;
    object-fit: contain;
    align-items: center;
    /*background-color: white;*/
    /*border-radius: 100%;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

h1[b-h5nkjf7w52]{
    color: #2d2b2b;
    font-size: 26px;
    text-align: right;
    position: relative;
    margin-bottom: 10px;
    margin-left: 50px;
    text-transform: uppercase;
    margim-top: 10px;
}

h3[b-h5nkjf7w52],p[b-h5nkjf7w52]{
    font-family: 'Assistant', sans-serif;
}

.logo img:hover[b-h5nkjf7w52] {
    transform: scale(1.1);
}

.content[b-h5nkjf7w52] {
    flex: 1;
    overflow-y: auto;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.content-box[b-h5nkjf7w52] {
    background-color: #f0f4fc;
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 5px 5px 0px #c3d3f2;
    text-align: center;
    transition: transform 0.3s ease;
}

.content-box:hover[b-h5nkjf7w52] {
    transform: translateY(-5px);
}

.content-box h2[b-h5nkjf7w52] {
    font-size: 24px;
    color: #2d2b2b;
    margin: 0;
}

.buttons-container[b-h5nkjf7w52] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.button[b-h5nkjf7w52] {
    display: flex;
    align-items: center;    /* מרכז אנכית */
    justify-content: center; /* מרכז אופקית */
    text-align: center;     /* בטיחות כפולה */
    padding: 12px 24px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
    color: #2d2b2b;
    border: 1px solid #9b004e;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 3px 3px 0 #9b004e;
    animation: fadeInUp-b-h5nkjf7w52 0.5s ease forwards;
}
.center-button[b-h5nkjf7w52] {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.addusers[b-h5nkjf7w52]{
    display: flex;
    align-items: center;    /* מרכז אנכית */
    justify-content: center; /* מרכז אופקית */
    text-align: center;     /* בטיחות כפולה */
    padding: 12px 24px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    background-color: #ffffff;
    color: #2d2b2b;
    border: 1px solid #9b004e;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 3px 3px 0 #9b004e;
    animation: fadeInUp-b-h5nkjf7w52 0.5s ease forwards;
    text-underline: none;
    max-width: 300px;
    
}


.button:hover[b-h5nkjf7w52] {
    transform: scale(1.05);
    box-shadow: 5px 5px 0 #9b004e;
    background-color: #ffffff;
}

@keyframes fadeInUp-b-h5nkjf7w52 {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.quick-links-header[b-h5nkjf7w52] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #2d2b2b;
    position: relative;
}

.arrow-container[b-h5nkjf7w52] {
    position: relative;
    width: 100%;
    height: 130px;
    margin-bottom: -40px;
}

.curved-arrow[b-h5nkjf7w52] {
    position: absolute;
    top: -20px;
    left: 25%;
    width: 120px;
    height: 120px;
    animation: floatArrow-b-h5nkjf7w52 2s ease-in-out infinite;
}

@keyframes floatArrow-b-h5nkjf7w52 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.quick-links-label[b-h5nkjf7w52] {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 90px;
    color: #2d2b2b;
}

a.button[b-h5nkjf7w52] {
    text-decoration: none;
}


@media (max-width: 768px) {
    .buttons-container[b-h5nkjf7w52] {
        grid-template-columns: repeat(2, 1fr);
    }

    .header[b-h5nkjf7w52] {
        flex-direction: column;
        text-align: center;
    }

    .logo img[b-h5nkjf7w52] {
        height: 50px;
    }
}

.welcome-message[b-h5nkjf7w52] {
    background: #f0f8ff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-right: 4px solid #9b004e;
}

.editor-header[b-h5nkjf7w52] {
    text-align: center;
    margin-bottom: 30px;
}

.editor-header h1[b-h5nkjf7w52] {
    color: #333;
    margin-bottom: 10px;
}

.home-link[b-h5nkjf7w52] {
    color: #9b004e;
    text-decoration: none;
    font-weight: bold;
}

.home-link:hover[b-h5nkjf7w52] {
    text-decoration: underline;
}

.quick-actions[b-h5nkjf7w52] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.quick-actions h2[b-h5nkjf7w52] {
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.action-buttons[b-h5nkjf7w52] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
}

.action-btn[b-h5nkjf7w52] {
    background: #9b004e;
    color: white;
    border: none;
    padding: 15px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s;
}

.action-btn:hover[b-h5nkjf7w52] {
    background: #9b004e;
}

/* עיצוב פופאפ אזהרה למכשירים ניידים */
.mobile-warning-overlay[b-h5nkjf7w52] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none; /* מוסתר כברירת מחדל */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* הצגת הפופאפ רק במכשירים ניידים */
@media (max-width: 768px), (max-height: 600px) {
    .mobile-warning-overlay[b-h5nkjf7w52] {
        display: flex;
    }
}

/* זיהוי מכשירים ניידים נוספים */
@media (pointer: coarse) {
    .mobile-warning-overlay[b-h5nkjf7w52] {
        display: flex;
    }
}

.mobile-warning-modal[b-h5nkjf7w52] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    width: 90%;
    max-height: 80vh;
    overflow-y: auto;
    animation: modalAppear-b-h5nkjf7w52 0.3s ease-out;
}

@keyframes modalAppear-b-h5nkjf7w52 {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.warning-header[b-h5nkjf7w52] {
    padding: 20px 20px 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.warning-header h3[b-h5nkjf7w52] {
    margin: 0;
    color: #ff6b35;
    font-size: 18px;
}

.close-btn[b-h5nkjf7w52] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover[b-h5nkjf7w52] {
    color: #333;
}

.warning-content[b-h5nkjf7w52] {
    padding: 20px;
    text-align: center;
}

.warning-content p[b-h5nkjf7w52] {
    margin: 10px 0;
    line-height: 1.6;
    color: #333;
}

.warning-actions[b-h5nkjf7w52] {
    padding: 10px 20px 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.btn-primary[b-h5nkjf7w52] {
    background: #9b004e;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
}

.btn-primary:hover[b-h5nkjf7w52] {
    background: #9b004e;
}

.btn-secondary[b-h5nkjf7w52] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
}

.btn-secondary:hover[b-h5nkjf7w52] {
    background: #545b62;
}

/* התאמה למכשירים ניידים */
@media (max-width: 768px) {
    .action-buttons[b-h5nkjf7w52] {
        grid-template-columns: 1fr;
    }

    .mobile-warning-modal[b-h5nkjf7w52] {
        margin: 20px;
    }
}

/* הסתרת הפופאפ כשהמשתמש בוחר להמשיך */
.mobile-warning-overlay.hidden[b-h5nkjf7w52] {
    display: none !important;
}

/* Mobile Warning Popup Styles */
.mobile-warning-overlay[b-h5nkjf7w52] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(5px);
}

.mobile-warning-popup[b-h5nkjf7w52] {
    background: white;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    width: 90%;
    text-align: center;
    direction: rtl;
    font-family: Arial, sans-serif;
    animation: popupSlideIn-b-h5nkjf7w52 0.3s ease-out;
}

.mobile-warning-icon[b-h5nkjf7w52] {
    font-size: 48px;
    margin-bottom: 20px;
}

.mobile-warning-popup h3[b-h5nkjf7w52] {
    color: #333;
    margin: 0 0 15px 0;
    font-size: 20px;
    font-weight: bold;
}

.mobile-warning-popup p[b-h5nkjf7w52] {
    color: #666;
    margin: 0 0 25px 0;
    line-height: 1.5;
    font-size: 16px;
}

.mobile-warning-buttons[b-h5nkjf7w52] {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.mobile-warning-buttons button[b-h5nkjf7w52] {
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    min-width: 120px;
    font-family: 'Assistant', sans-serif;
}

.btn-continue[b-h5nkjf7w52] {
    background-color: #9b004e;
    color: white;
}

.btn-continue:hover[b-h5nkjf7w52] {
    background-color: #9b004e;
    transform: translateY(-2px);
}

.btn-close[b-h5nkjf7w52] {
    background-color: #6c757d;
    color: white;
}

.btn-close:hover[b-h5nkjf7w52] {
    background-color: #545b62;
    transform: translateY(-2px);
}

@keyframes popupSlideIn-b-h5nkjf7w52 {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Mobile specific adjustments */
@media (max-width: 768px) {
    .mobile-warning-popup[b-h5nkjf7w52] {
        padding: 20px;
        max-width: 350px;
    }

    .mobile-warning-buttons[b-h5nkjf7w52] {
        flex-direction: column;
        align-items: center;
    }

    .mobile-warning-buttons button[b-h5nkjf7w52] {
        width: 100%;
        max-width: 200px;
    }
}
/* /Shared/EditorLayout.razor.rz.scp.css */


.main-layout[b-8lixq8ktz8] {
    display: flex;
    min-height: 100vh;
}

/* זה החלק שבו מוצג תוכן העמודים */
.page-content[b-8lixq8ktz8] {
    flex: 1;
    padding: 30px 10px;
    margin: 0 auto;
    max-width: 1000px;
    box-sizing: border-box;
    /*background-image: url("Images/dotsTchelet.png");*/
    background-size: 320px 220px;  /* 👈 קטן יותר = נקודות קטנות יותר */
    background-repeat: repeat;
}

.sidebar-nav[b-8lixq8ktz8] {
    background-color: #f5faff;
    padding: 30px 20px;
    border-left: 6px solid #44507a;
    border-radius: 0 20px 20px 0;
    width: 220px;
    box-shadow: 6px 0 15px rgba(0, 0, 0, 0.05);
    font-family: 'Assistant', sans-serif;
    direction: rtl;
}

.menu-group[b-8lixq8ktz8] {
    margin-bottom: 20px;
}

.menu-parent[b-8lixq8ktz8] {
    font-size: 18px;
    font-weight: bold;
    color: #1f1f1f;
    cursor: pointer;
    margin-bottom: 10px;
    transition: color 0.3s;
}

.menu-parent:hover[b-8lixq8ktz8] {
    color: #9b004e;
}

.submenu[b-8lixq8ktz8] {
    padding-right: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nav-link[b-8lixq8ktz8] {
    color: #1f1f1f;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease;
}

.nav-link:hover[b-8lixq8ktz8] {
    color: #9b004e;
}

.nav-link.active[b-8lixq8ktz8] {
    color: #9b004e;
    background-color: #fce4ef;
    border-radius: 10px;
    padding: 6px 12px;
}

.menu-parent.active-parent[b-8lixq8ktz8] {
    color: #9b004e;
}

.menu-parent > .nav-link[b-8lixq8ktz8] {
    color: #1f1f1f;
}


/* /Shared/MainLayout.razor.rz.scp.css */
.content[b-hayi2zqy46] {
    padding: 1rem;
    margin: 0 auto;
    background-color: white;
}

.page[b-hayi2zqy46] {
    background-color: lightgray;
}
/* /Shared/NavMenu.razor.rz.scp.css */


/* Enhanced Navigation Styling */
.navbar[b-gnj43v0dug] {
    padding: 0.75rem 0;
    width: 100%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-height: 70px; /* ✅ גובה מינימלי קבוע */
    position: relative; /* ✅ לוודא שהתפריט יוצב נכון */
    display: flex; /* ✅ הפוך לפלקס */
    align-items: center; /* ✅ מיישר את כל התוכן למרכז */
}

.dropdown-item.active[b-gnj43v0dug], .dropdown-item:active[b-gnj43v0dug] {
    background-color: #9b004e; !important;
}

.navbar-logo[b-gnj43v0dug] {
  
        padding: 0 ;
        margin-right: 0;
        order: -1; /* מוודא שזה הכי ימני ב־rtl */
        position: relative;
    
}

.navbar-logo img[b-gnj43v0dug] {
    height: 30px;
    width: auto;
    object-fit: contain;
}

.navbar-dark[b-gnj43v0dug] {
    color: #fff;
}

.container-fluid[b-gnj43v0dug] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between; /* ⬅️ זה השינוי החשוב */
    direction: rtl;
    max-width: 100%;
    margin: 0 auto;
    overflow-x: visible;
    min-height: 50px;
    height: 100%;
}


.justify-content-start[b-gnj43v0dug] {
    justify-content: flex-start;
}

.nav-item[b-gnj43v0dug] {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.nav-link[b-gnj43v0dug] {
    color: #9b004e;
    text-decoration: none;
    display: block;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    position: relative;
    z-index: 1;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.nav-item img[b-gnj43v0dug] {
    pointer-events: auto;
    display: inline-block;
    width: 100%;
}

.nav-link:hover[b-gnj43v0dug] {
    background-color: rgba(0, 0, 0, 0.05);
    color: #000;
}

.nav-link.active[b-gnj43v0dug] {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000;
}

/* Dropdown Styling */
.dropdown[b-gnj43v0dug] {
    position: relative;
}

.dropdown-toggle[b-gnj43v0dug] {
    display: flex;
    align-items: center;
}

.dropdown-toggle[b-gnj43v0dug]::after {
    content: '';
    display: inline-block;
    margin-right: 0.5rem;
    vertical-align: middle;
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
}

.dropdown-menu[b-gnj43v0dug] {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
    border: none;
    text-align: right;
}

.dropdown:hover .dropdown-menu[b-gnj43v0dug] {
    display: block;
}

.dropdown-item[b-gnj43v0dug] {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    font-weight: 500;
    color: #801c3f;
    text-align: right;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    transition: background-color 0.3s, color 0.3s;
    border: 0;
}

.dropdown-item:hover[b-gnj43v0dug],
.dropdown-item:focus[b-gnj43v0dug] {
    color: #fff;
    background-color: #3f4a70;
}

/* Search Box Styling */
.nav-search[b-gnj43v0dug] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    max-width: 250px;
    min-width: 120px;
    margin-left: auto;
    margin-right: 0; /* הוסף שורה זו */
    order: 999; /* הוסף שורה זו */
}

.nav-search-input[b-gnj43v0dug] {
    margin-right: 0.5rem;
    border: 1px solid rgb(198, 203, 208);
    border-radius: 50px;
    background: transparent;
    color: #44507a;
    transition: border-color .2s, box-shadow .2s;
    padding: 6px 8px;
    font-size: 14px;
    min-width: 60px;
    max-width: 100%;
    width: 100%;
    flex: 1 1 auto;
}

.nav-search-input:focus[b-gnj43v0dug] {
    outline: none;
    border-color: rgb(245, 250, 255);
    box-shadow: 0 0 0 1px rgb(68, 80, 122);
}

.btn[b-gnj43v0dug] {
    background-color: #507dbc;
    color: #fff;
    padding: 0.5rem 1.2rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0 0.5rem;
}

.btn:hover[b-gnj43v0dug] {
    background-color: #3a5a8c;
}

.nav-search-btn[b-gnj43v0dug] {
    border: 1px solid rgb(63, 74, 112);
    border-radius: 50px;
    background: transparent;
    color: rgb(63, 74, 112);
    box-shadow: 2px 2px 0 rgb(68, 80, 122);
    cursor: pointer;
    transition: background-color .2s, color .2s, transform .1s;
    padding: 6px 8px;
    font-size: 14px;
    flex-shrink: 0;
    margin-right: 4px;
}

.nav-search-btn:hover[b-gnj43v0dug] {
    background-color: rgb(68, 80, 122);
    color: rgb(245, 250, 255);
}

.nav-search-btn:active[b-gnj43v0dug] {
    transform: translateY(1px);
}

/* Hamburger menu */
.navbar-toggler[b-gnj43v0dug] {
    padding: 0.5rem;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    color: #000;
    cursor: pointer;
    display: none;
    top: 15px; /* ✅ מרחק מהחלק העליון */
    right: 1rem; /* ✅ מרחק מהצד הימני */
    z-index: 1001; /* ✅ מעל כל השאר */
}

.navbar-toggler-icon[b-gnj43v0dug] {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

/* Main nav container */
#navbarContent[b-gnj43v0dug] {
    display: flex;
    white-space: nowrap;
    direction: rtl;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1; /* הוסף שורה זו */

}


.join-button[b-gnj43v0dug] {
    color: #9b004e;
    background-color: transparent;
    border: 2px solid #9b004e;
    box-shadow: 2px 2px 0 #9b004e;
}

.join-button:hover[b-gnj43v0dug] {
    background-color: #9b004e;
    color: white;
    box-shadow: 2px 2px 0 #9b004e;
}

@media (max-width: 1397px) {
    .nav-link[b-gnj43v0dug] {
        font-size:16px;
        padding: 0.5rem 0.7rem;
    }

    .nav-item[b-gnj43v0dug] {
        margin: 0 0.4rem;
    }

    .join-button[b-gnj43v0dug] {
        max-width: 150px;
        padding: 6px 10px;
        font-size: 14px;
        align-items: center;
        flex-shrink: 0;
    }

    .nav-search-input[b-gnj43v0dug] {
        font-size: 14px;
        max-width: 130px;
        padding: 6px 10px;
    }

    .nav-search-btn[b-gnj43v0dug] {
        font-size: 14px;
        padding: 6px 10px;
        flex-shrink: 1;
    }
}

@media (max-width: 1150px) {
    .nav-link[b-gnj43v0dug] {
        font-size: 16px;
        padding: 0.5rem 0.8rem;
    }

    .nav-item[b-gnj43v0dug] {
        margin: 0 0.5rem;
    }

    .join-button[b-gnj43v0dug] {
        position: static;
        padding: 6px 10px;
        font-size: 14px;
        max-width: 150px;
        flex-shrink: 0;
    }

    .nav-search-input[b-gnj43v0dug] {
        max-width: 150px;
        font-size: 14px
    }

    .nav-search-btn[b-gnj43v0dug] {
        padding: 6px 12px;
        font-size: 14px;
    }
}

@media (max-width: 1100px) {
    #navbarContent[b-gnj43v0dug] {
        flex-wrap: wrap;
        align-items: center;
    }

    .nav-search[b-gnj43v0dug] {
        position: absolute; /* הוסף */
        top: 0; /* הוסף */
        left: 0; /* הוסף - במקום right כי אנחנו ב-RTL */
        margin: 0; /* הוסף */
        max-width: 200px; /* הוסף */
    }
}

@media (max-width: 992px) {
    .container-fluid[b-gnj43v0dug] {
        padding: 0 1rem;
    }

    .nav-item[b-gnj43v0dug] {
        margin: 0.2rem;
    }

    .nav-link[b-gnj43v0dug] {
        padding: 0.6rem 0.8rem;
    }
}

@media (min-width: 769px) {
    /*.search-top-mobile {*/
    /*    margin-right: 0; !* במקום margin-right: 1rem *!*/
    /*    margin-left: auto; !* במקום margin-left: 0 *!*/
    /*    order: 999; !* במקום order: 100 *!*/
    /*}*/
    .nav-search[b-gnj43v0dug] {
        order: 999; /* במקום order: 10 */
        margin-left: auto; /* הוסף */
        margin-right: 0; /* במקום margin-right: 0 */
    }
}

@media (max-width: 768px) {
    .navbar[b-gnj43v0dug] {
        min-height: 60px; /* ✅ גובה מינימלי קטן יותר במובייל */
        position: relative;

    }

    .navbar-logo[b-gnj43v0dug] {
        display: none;
    }

    .navbar-toggler[b-gnj43v0dug] {
        display: block;
        margin-left: auto; /* מיישר לימין בפלקס RTL */
        padding: 0.5rem;
        font-size: 14px;
        background-color: transparent;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 0.25rem;
        color: #000;
        cursor: pointer;
    }


    .container-fluid[b-gnj43v0dug] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        gap: 1rem; /* הוסף מרווח בין האלמנטים */
        padding: 0 1rem;


    }

    #navbarContent[b-gnj43v0dug] {
        position: absolute;
        right: 0px;
        left: 0;
        top: 100%; /* מתחת לנאב במקום padding-top */
        z-index: 1000;
        width: 100%;
    }

    #navbarContent > div[b-gnj43v0dug] {
        display: none;
        margin-top: 10px; /* במקום 25px */
    }

    .expand-menu > div[b-gnj43v0dug] {
        display: block !important;
    }

    .expand-menu[b-gnj43v0dug] {
        flex-direction: column;
        background-color: #fff;
        padding: 1rem;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        position: relative;
    }

    .collapse-menu[b-gnj43v0dug] {
        display: none;
    }

    .nav-item[b-gnj43v0dug],
    .nav-search[b-gnj43v0dug] {
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }

    .nav-item[b-gnj43v0dug],
    .dropdown[b-gnj43v0dug],
    .nav-search[b-gnj43v0dug] {
        margin: 0.2rem 0;
        flex-shrink: 0;
    }

    .dropdown[b-gnj43v0dug] {
        position: relative;
    }

    .dropdown-menu[b-gnj43v0dug] {
        position: static !important;
        width: 100%;
        box-shadow: none;
        display: none;
        margin-top: 0.5rem;
        border-radius: 4px;
    }

    .dropdown.show .dropdown-menu[b-gnj43v0dug],
    .dropdown-menu.show[b-gnj43v0dug] {
        display: block !important;
    }

    .nav-link[b-gnj43v0dug],
    .dropdown-toggle[b-gnj43v0dug] {
        padding: 2px 2px;
        width: 100%;
        text-align: right;

    }

    .dropdown-item[b-gnj43v0dug] {
        color: #801c3f;
        padding: 0.75rem 2rem;
    }



    .dropdown-item:hover[b-gnj43v0dug] {
        background-color: rgba(155, 0, 78, 0.1);
    }

    .nav-search[b-gnj43v0dug] {
        flex-direction: column;
        align-items: stretch;
        flex-shrink: 1;
        min-width: 0;
    }

    .nav-search input[b-gnj43v0dug],
    .nav-search button[b-gnj43v0dug] {
        margin: 0 0 0.5rem 0;
    }

    .join-button[b-gnj43v0dug] {
        width: 100%;
        display: block;
        text-align: center;
        margin: 0.5rem 0;
    }

    .nav-item .join-button[b-gnj43v0dug] {
        width: 100%;
    }

    .search-top-mobile[b-gnj43v0dug] {
        position: static; /* במקום order: -1 ו-position מורכבים */
        width: auto; /* במקום width: 100% */
        max-width: 180px; /* הגבל רוחב כדי שלא תיחתך */
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        margin: 0; /* הסר כל margins */
        flex-shrink: 1; /* אפשר הצטמקות כדי שתתאים */
    }

    .search-top-mobile input[b-gnj43v0dug] {
        min-width: 80px; /* רוחב מינימלי */
        flex: 1;
    }

    .search-top-mobile button[b-gnj43v0dug] {
        flex-shrink: 0; /* הכפתור לא יצטמק */
    }
}
/* /Shared/Sidebar.razor.rz.scp.css */
.sidebar-nav[b-bog3irvni5] {
    background-color: #f5faff;
    padding: 30px 20px;
    border-left: 6px solid #44507a;
    border-radius: 0 20px 20px 0;
    width: 220px;
    min-height: 100vh;
    box-shadow: 6px 0 15px rgba(0, 0, 0, 0.05);
    font-family: 'Assistant', sans-serif;
    direction: rtl;
}


/* קישורים בתפריט */
.nav-link-side .nav-link[b-bog3irvni5] {
    color: #1f1f1f;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease, transform 0.2s ease;
}


.nav-link-side .nav-link:hover[b-bog3irvni5] {
    color: #9b004e;
    transform: translateX(-2px);
}


/* כאן הסטייל הנכון לקישור פעיל */
.nav-link-side a.nav-link.active[b-bog3irvni5] {
    color: #9b004e !important;
    border-radius: 10px;
    padding: 6px 12px;
    font-weight: bold !important;
}




/* כותרות של קבוצות תפריט */


.menu-parent[b-bog3irvni5] {
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
    text-decoration: none;
    padding: 12px 12px;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}


.menu-parent:hover[b-bog3irvni5] {
    color: #9b004e;
}


.menu-parent.active-parent[b-bog3irvni5] {
    color: #9b004e;
}


/* כאשר הילד בתוך הקבוצה פעיל - סמן גם את ההורה */
.menu-group .menu-parent + .submenu .nav-link.active[b-bog3irvni5] {
    color: #9b004e;
    font-weight: bold;
}


/* כשהעכבר עובר על ההורה */
.menu-parent:hover[b-bog3irvni5] {
    color: #9b004e !important;
}


/* תת-תפריטים */
.submenu[b-bog3irvni5] {
    font-size: 16px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;


}


.sidebar-nav .nav-link[b-bog3irvni5],
.sidebar-nav a[b-bog3irvni5] {
    color: #1f1f1f;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s ease, transform 0.2s ease;
}


.sidebar-nav .nav-link:hover[b-bog3irvni5] {
    color: #9b004e;
    transform: translateX(-2px);
}


/* קישורים פעילים - גם מה ש-NAVLINK נותן וגם שלנו */
[b-bog3irvni5] .sidebar-nav .nav-link.active,
[b-bog3irvni5].sidebar-nav .nav-link.active-sub {
    color: #9b004e !important;
    font-weight: bold; !important;
    border-radius: 10px;
    padding: 6px 12px;
}
/* קטגוריית תפריט עם קישור פנימי פעיל */
.menu-group .menu-parent + .submenu .nav-link.active[b-bog3irvni5] {
    color: #9b004e;
    font-weight: bold;
}


/* הפוך גם את ההורה שלו לוורוד */
.menu-group .menu-parent.active-parent[b-bog3irvni5] {
    color: #9b004e;
    border-radius: 10px;
    padding: 6px 12px;
}