/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.1.0
*/
@import url("singleretrat.css");
@import url("filterretreats.css");

/* Parent stylesheet should be loaded from functions.php not using @import */
.retreat-filter-container {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
}

.filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    /* רספונסיביות קסומה */
    gap: 15px;
    align-items: end;
    /* מיישר את הכפתור לתחתית השדות */
}

.filter-item label {
    display: block;
    margin-bottom: 0px;
    font-size: 80%;
}

.filter-item select,
.filter-item input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.filter-item button {
    background-color: #2c3e50;
    /* צבע המותג שלך */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    transition: background 0.3s;
}

.filter-item button:hover {
    background-color: #34495e;
}

.reset-link {
    display: inline-block;
    margin-top: 10px;
    color: #e74c3c;
    text-decoration: none;
}

/* Container Grid Layout (להורה של הכרטיסיות) */
.retreats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    padding: 20px 0;
}

/* Card Styles */
.retreat-card {
    background: #fff;
    border-radius: 12px;
    /* פינות עגולות מודרניות */
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    /* צל עדין */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    /* חשוב ל-Sticky Footer */
    height: 100%;
    border: 1px solid #f0f0f0;
}

.retreat-card:hover {
    transform: translateY(-5px);
    /* אפקט הרמה */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Image Area */
.card-image-wrapper {
    position: relative;
    height: 300px;
    /* גובה קבוע לתמונה */
    overflow: hidden;
}

.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* חותך את התמונה שתתאים בול */
    transition: transform 0.5s ease;
}

.retreat-card:hover .card-img {
    transform: scale(1.05);
    /* זום עדין לתמונה בהובר */
}

.retreat-days-section h3 {
    margin-top: 0;
}

.card-badge {

    background: rgba(255, 255, 255, 0.6);
    color: #333;
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: 600;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #d6ac6e80;
}

/* Content Area */
.card-content {
    padding: 13px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    /* ממלא את כל המקום הפנוי */
}

.intensity-badge {
    padding: 0 9px;
    border-radius: 20px;
    border: 1px solid rgba(59, 130, 246, 0.6);
    font-size: 13px;
    line-height: 32px;
}

.card-meta-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    color: #777;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.card-title {
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.card-title a {
    text-decoration: none;
    color: #2c3e50;
    transition: color 0.2s;
}

.card-title a:hover {
    color: #e67e22;
    /* צבע מותג להדגשה */
}

.card-excerpt {
    color: #666;
    margin-bottom: 5px;
    flex-grow: 1;
    font-size: 80%;
    /* דוחף את הפוטר למטה */
}

/* Footer Area */
.card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
    margin-top: auto;
    /* מבטיח הצמדה לתחתית */
}

.card-price {
    font-weight: 700;
    color: #2c3e50;
}

.card-btn {
    background-color: #2c3e50;
    color: white;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s;
}

.card-btn:hover {
    background-color: #34495e;
}

/* פריסת העמוד - שים לב ליחס של 1 ל-3 */
.single-retreat-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    /* התוכן רחב פי 2 מהסרגל */
    gap: 40px;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
    position: relative;
    /* חובה עבור ה-Sticky */
}

/* העיצוב של הכרטיס הצף */
.sticky-card {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;

    /* הקסם של ה-Sticky */
    position: -webkit-sticky;
    /* לספארי */
    position: sticky;
    top: 100px;
    /* המרחק מהחלק העליון של הדפדפן בעת גלילה */
}

.card-badge_day {
    display: contents;
}

/* עיצוב פנימי של הכרטיס */
.sidebar-header {
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.price-amount {
    display: block;
    font-weight: 700;
    color: #2c3e50;
}

.sidebar-details {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

.sidebar-details li {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

/* כפתור הוואטסאפ */
.btn-whatsapp-full {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #25D366;
    /* הצבע הרשמי של וואטסאפ */
    color: white;
    font-weight: bold;
    padding: 15px;
    border-radius: 50px;
    /* כפתור עגול */
    text-decoration: none;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-whatsapp-full:hover {
    background-color: #128C7E;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);
    color: white;
}

.sidebar-note {
    text-align: center;
    color: #888;
    margin-top: 10px;
}

.container.retreat-archive {
    margin-top: 15px;
}

/* --- Card Container --- */
.retreat-card {
    direction: rtl;
    /* Ensure Hebrew alignment */
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    /* Smooth rounded corners */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* Stacks image, content, footer */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    max-width: 100%;
    margin: 0;
}

/* Hover Effect: Lift up */
.retreat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1);
}

/* --- Image Area --- */
.card-image-wrapper {
    position: relative;
    height: 320px;
    background-color: #edf2f7;
    overflow: hidden;
}

.card-img-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #cbd5e0, #e2e8f0);
    /* Placeholder gradient */
}

/* Category Badge (Top Right) */
.card-badge {

    background-color: rgba(255, 255, 255, 0.6);
    color: #2d3748;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    z-index: 2;
}

/* --- Main Content Area --- */
.card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-grow: 1;
    /* Pushes the footer to the bottom */
}

/* Guide Name & Days Styling */
.card-badge_name {
    display: inline-block;
    color: #4a5568;
    background: #f7fafc;
    border: 1px solid #edf2f7;
    padding: 2px 8px;
    border-radius: 6px;
    margin-left: 5px;
    margin-bottom: 5px;
}

/* --- Intensity Badges (Colors) --- */
/* Creating a flex container for badges if they aren't wrapped */
.card-content>span.badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-left: 4px;
}

/* Manual colors if Tailwind isn't loaded */
.bg-red-100 {
    background-color: #fff5f5;
    color: #c53030;
}

.bg-gray-100 {
    background-color: #f7fafc;
    color: #4a5568;
}

.bg-green-100 {
    background-color: #f0fff4;
    color: #2f855a;
}

.bg-purple-100 {
    background-color: #faf5ff;
    color: #6b46c1;
}

/* --- Region Badges --- */
.region-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    padding-bottom: 5px;
    border-bottom: 1px solid #edf2f7;
}

.badge-item {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    background: #fff;
    border: 1px solid #e2e8f0;
    padding: 3px 8px;
    border-radius: 20px;
}

.badge-item svg {
    width: 12px;
    height: 12px;
    stroke: #a0aec0;
}

/* --- Meta Data (Date & Address) --- */
.card-meta-top {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #718096;
}

.meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meta-item svg {
    stroke: #2c7a7b;
    /* Teal accent color */
}

/* --- Title --- */
.card-title {
    margin: 5px 0 5px 0;
    font-weight: 700;
    line-height: 1.4;
}

.card-title a {
    text-decoration: none;
    color: #2d3748;
    transition: color 0.2s;
}

.card-title a:hover {
    color: #2c7a7b;
    /* Teal accent on hover */
}

/* --- Footer (Price & Button) --- */
.card-footer {
    margin-top: auto;
    /* Sticky Bottom Magic */
    padding-top: 15px;
    border-top: 1px solid #edf2f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-price {
    font-weight: 800;
    color: #2d3748;
}

.currency {
    font-weight: normal;
    margin-left: 2px;
}

.card-btn {
    background-color: #4CAF50;
    /* Dark brand color */
    color: #ffffff;
    text-decoration: none;
    padding: 2px 12px;
    border-radius: 25px;
    font-weight: 500;
    transition: background 0.2s;
}

.card-btn:hover {
    background-color: #4a5568;
}

/* --- התאמה למובייל (חשוב מאוד!) --- */
@media (max-width: 998px) {
    .single-retreat-layout {
        display: block;
        /* מבטל את הגריד */
    }

    /* במובייל אנחנו לא רוצים סרגל צד, אלא "בר" קבוע למטה */
    .retreat-sidebar-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: white;
        padding: 15px;
        box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #eee;
    }

    .sticky-card {
        padding: 0;
        box-shadow: none;
        border: none;
        position: static;
        /* מבטל את ה-Sticky של הדסקטופ */
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* מסתירים פרטים פחות חשובים במובייל כדי לחסוך מקום */
    .sidebar-details,
    .sidebar-note,
    .price-label {
        display: none;
    }

    .sidebar-header {
        border: none;
        padding: 0;
        margin: 0;
        text-align: right;
    }

    .price-amount {
        margin-bottom: 0;
    }

    .btn-whatsapp-full {
        padding: 10px 20px;
        font-size: 80%;
        width: auto;
        /* שלא יתפוס רוחב מלא */
    }
}

/* עיצוב ברירת מחדל (לארכיון) */
.retreat-filter-container {
    background: #f9f9f9;
    padding: 20px;
}

/* עיצוב מיוחד לדף הבית (כי העברנו layout="home") */
.retreat-filter-container.layout-home {
    background: rgba(255, 255, 255, 0.9);
    /* רקע חצי שקוף */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    /* פינות עגולות יותר */
    padding: 30px;
    margin: 0 auto;
    /* מירכוז */
}

/* בדף הבית נרצה שהכפתור יהיה בולט יותר */
.layout-home button {
    background-color: #e67e22;
}

.region-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    /* רווח בין התגיות */
    margin-top: 5px;
}

.badge-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #f0f4f8;
    /* צבע רקע עדין */
    color: #2c3e50;
    /* צבע טקסט */
    padding: 4px 10px;
    border-radius: 20px;
    /* פינות עגולות */
    font-weight: 500;
    transition: all 0.2s ease;
}

.badge-item:hover {
    background-color: #e2e6ea;
    /* אפקט מעבר עכבר */
}

.badge-item svg {
    opacity: 0.6;
}

/* הגדרת הגריד הראשי */
.retreat-grid {
    display: grid;
    /* בדסקטופ: 3 עמודות שוות */
    grid-template-columns: repeat(2, 1fr);
    /* המרווח בין הכרטיסים (במקום margin) */
    gap: 20px;

    /* מירכוז הגריד ומניעת רוחב מוגזם במסכים ענקיים */
    max-width: 1200px;
    margin: 0 auto;
}

/* 1. הגדרת ההורה: גובה קבוע */
.card-image-wrapper {
    width: 100%;
    height: 320px;
    /* או כל גובה שתרצה לכרטיס */
    position: relative;
    overflow: hidden;
    /* חותך את החלקים העודפים של התמונה */
}

/* 2. הגדרת התמונה עצמה: מתיחה חכמה */
.card-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    /* הקסם: ממלא את כל השטח ושומר על פרופורציות */
    object-position: center;
    /* ממקד את התמונה למרכז */
    display: block;
    /* מונע רווחים מיותרים בתחתית */
}

/* 3. הגדרת הפלייס-הולדר (אם אין תמונה) */
.card-img-placeholder img {
    width: 100%;
    height: 100%;
    background-color: #e2e8f0;
    /* צבע רקע אפור */
    /* אם תרצה לשים תמונת רקע לפלייס-הולדר */
    /* background-image: url('default-image.jpg'); */
    background-size: cover;
    background-position: center;
}

/* --- Retreat Slider Styles --- */
.retreat-slider-wrapper {
    position: relative;
    padding: 20px 0px;
    /* Padding for arrows */
    max-width: 1200px;
    margin: 0 auto;
}

.swiper-slide {
    height: auto;
    /* Ensures all cards in a row are same height */
    padding-bottom: 20px;
    /* Space for shadow */
}

/* Fix card height inside slider */
.slider-card {
    height: 100%;
    margin: 0;
    /* Override any external margins */
}

/* Customize Swiper Navigation Arrows */
.retreat-slider-wrapper .swiper-button-next,
.retreat-slider-wrapper .swiper-button-prev {
    color: #2c3e50;
    /* Theme dark color */
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.retreat-slider-wrapper .swiper-button-next:after,
.retreat-slider-wrapper .swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}

/* Pagination dots */
.retreat-slider-wrapper .swiper-pagination-bullet-active {
    background: #2c3e50;
}

/* מעטפת */
.price-filter-wrapper {
    width: 100%;
    margin-bottom: 25px;
    padding: 0 5px;
    /* קצת מרווח לצדדים שהידיות לא יחתכו */
}

form .price-inputs input[type="text"] {
    padding: 0;
    min-height: auto;
}

/* קופסאות המחיר */
.price-inputs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.price-field {
    display: flex;
    align-items: center;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 14px;
    color: #374151;
}

.price-field input {
    width: 50px;
    border: none;
    background: transparent;
    text-align: center;
    font-weight: 600;
    color: #111827;
    padding: 0;
    outline: none;
}

.price-field .currency {
    color: #6b7280;
    font-size: 12px;
}

/* פס הסליידר */
#price-slider-range {
    height: 6px;
    border: none;
    background: #e5e7eb;
    border-radius: 10px;
    cursor: pointer;
}

/* החלק הצבוע (הטווח הנבחר) */
#price-slider-range .ui-slider-range {
    background: #4f46e5;
    /* הצבע הסגול/כחול הראשי שלך */
}

/* הכפתורים/ידיות */
#price-slider-range .ui-slider-handle {
    width: 18px;
    height: 18px;
    background: #ffffff;
    border: 2px solid #4f46e5;
    border-radius: 50%;
    top: -6px;
    /* מירכוז */
    cursor: grab;
    outline: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#price-slider-range .ui-slider-handle:hover,
#price-slider-range .ui-slider-handle:active {
    background: #4f46e5;
    border-color: #4f46e5;
}

/* המעטפת הכללית */
.price-filter-wrapper {
    width: 100%;
    padding: 0 5px;
    margin-bottom: 20px;
}

/* השורה העליונה: כותרת מול מספרים */
.price-header {
    display: flex;
    justify-content: space-between;
    /* רווח מקסימלי ביניהם */
    align-items: center;
    margin-bottom: 12px;
    /* רווח מהסליידר */
}

/* ביטול המרווח התחתון של הכותרת כדי שתתיישר */
.price-header .filter-label {
    margin-bottom: 0;
}

/* אזור המספרים */
.price-inputs {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #666;
    background: #f3f4f6;
    /* רקע אפור עדין למספרים */
    padding: 2px 4px;
    border-radius: 4px;
}

/* שדות הקלט עצמם - ללא מסגרת */
.price-inputs input {
    width: 35px;
    /* רוחב מינימלי למספר */
    border: none;
    background: transparent;
    padding: 0;
    font-weight: 700;
    color: #333;
    text-align: center;
    height: auto;
}

/* הקטנת הסימן של השקל */
.price-inputs .currency {
    font-size: 12px;
}

/* המקף */
.price-inputs .sep {
    margin: 0 2px;
}

/* עיצוב הסליידר עצמו */
#price-slider-range {
    height: 6px;
    border: none;
    background: #e5e7eb;
    border-radius: 3px;
}

#price-slider-range .ui-slider-range {
    background: #4F46E5;
    /* הצבע הראשי שלך */
}

#price-slider-range .ui-slider-handle {
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #4F46E5;
    border-radius: 50%;
    top: -5px;
    cursor: grab;
    outline: none;
}

/* --- עיצוב מתוקן לטווח מחירים --- */

.price-filter-wrapper {
    width: 100%;
    margin-bottom: 20px;
}

/* השורה העליונה: כותרת ומספרים */
.price-header {
    display: flex;
    align-items: center;
    /* יישור אנכי למרכז */
    justify-content: space-between;
    /* בדסקטופ זה עלול להיות רחב מדי, אפשר לשנות ל-flex-start */
    flex-wrap: nowrap;
    /* שלא ירד שורה */
    gap: 15px;
    /* מרווח מינימלי בין הכותרת למחיר */
    margin-bottom: 12px;
}

/* אם בדסקטופ זה נראה רחב מדי ומנותק, בטל את ההערה בשורה הבאה: */
/* .price-header { justify-content: flex-start; } */


.price-header .filter-label {
    margin: 0;
    white-space: nowrap;
    /* שהכותרת לא תישבר */
    flex-shrink: 0;
    /* שהכותרת לא תתכווץ */
}

.page-header {
    background: linear-gradient(180deg, #D6AC6E80 0%, var(--e-global-color-primary) 100%);
}

/* הרחבת שדה הקלט כדי שהמספרים לא ייחתכו */
.price-inputs input {
    width: 70px;
    /* הגדלתי מ-40px ל-60px - מספיק ל-5 ספרות */
    min-width: 60px;
    /* ליתר ביטחון */
    border: none !important;
    background: transparent !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    height: auto;
    appearance: none;
    -moz-appearance: textfield;
}

/* אופציונלי: אם זה עדיין צפוף, אפשר להרחיב מעט את הבוקסה האפורה */
.price-inputs {
    display: inline-flex;
    align-items: center;
    background: #f3f4f6;
    /* הוספתי קצת ריפוד בצדדים */
    border-radius: 6px;
    direction: ltr;
}

/* ביטול חיצים בתוך האינפוט (לכרום) */
.price-inputs input::-webkit-outer-spin-button,
.price-inputs input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.price-inputs .currency {
    font-size: 12px;
    color: #666;
    margin: 0 2px;
}

.price-inputs .sep {
    margin: 0 6px;
    color: #999;
}

/* Add red asterisk to the Content Editor label */
.acf-field-post-content>.acf-label label::after {
    content: ' *';
    color: #f00;
    font-weight: bold;
}

/* --- דסקטופ בלבד: יישור כל רכיבי המחיר לשורה אחת --- */
/* מיכל הפגינציה */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /* רווח בין הכפתורים */
    margin: 50px 0;
    /* רווח מהתוכן מעל ומתחת */
    direction: rtl;
    /* חשוב לאתר בעברית */
}

/* עיצוב כללי לכל כפתור (גם מספרים וגם 'הבא') */
.page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 45px;
    height: 45px;
    padding: 0 15px;
    /* ריפוד לצדדים */

    /* טיפוגרפיה */
    font-family: 'Heebo', 'Assistant', sans-serif;
    /* פונטים נפוצים בעברית */
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #555;
    /* אפור נעים לקריאה */

    /* עיצוב המסגרת והרקע */
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    /* פינות עגולות לגמרי למראה רך */

    /* אנימציה */
    transition: all 0.3s ease;
}

/* מצב מעבר עכבר (Hover) - רק על כפתורים שאינם פעילים */
.page-numbers:not(.current):hover {
    color: #4CAF50;
    /* הצבע הירוק של המותג */
    border-color: #4CAF50;
    background-color: #f9fff9;
    /* רקע ירקרק עדין מאוד */
    transform: translateY(-2px);
    /* תזוזה קטנה למעלה */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* העמוד הנוכחי (Active State) */
.page-numbers.current {
    background-color: #4CAF50;
    /* ירוק מותג */
    color: #fff;
    border-color: #4CAF50;
    cursor: default;
    /* מראה שזה לא לחיץ */
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
    /* צל ירקרק רך */
}

/* התאמה מיוחדת לכפתור 'הבא' / 'הקודם' אם צריך רוחב שונה */
.page-numbers.next,
.page-numbers.prev {
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
}

/* התאמה למובייל */
@media (max-width: 1024px) {
    .page-numbers {
        min-width: 35px;
        height: 35px;
        font-size: 14px;
        padding: 0 10px;
    }
}

/* --- רספונסיביות (התאמה למסכים קטנים) --- */

/* טאבלטים ומסכים בינוניים: 2 בשורה */
@media (max-width: 1024px) {
    .retreat-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* מובייל: כרטיס אחד בשורה */
@media (max-width: 998px) {
    .retreat-grid {
        grid-template-columns: 1fr;
    }

    .price-header {
        flex-direction: column;
        /* מסדר את האלמנטים אחד מתחת לשני */
        align-items: flex-start;
        /* מיישר לימין (ב-RTL) */
        gap: 8px;
        /* רווח קטן בין הכותרת למספרים */
    }

    .price-header .filter-label {
        width: 100%;
        /* שהכותרת תתפוס את כל הרוחב */
        margin-bottom: 0;
    }

    .price-inputs {
        width: 100%;
        /* שהבוקסה האפורה תתפוס את כל הרוחב */
        justify-content: center;
        /* ממרכז את המספרים בתוך הבוקסה */
        padding: 8px;
        /* קצת יותר "אוויר" ללחיצה בנייד */
    }

    /* אופציונלי: הגדלת הפונט של המספרים בנייד לקריאות טובה יותר */
    .price-inputs input {
        font-size: 16px;
    }
}

@media only screen and (max-width: 959px) {

    .container,
    body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 97%;
    }
}