/*
 Theme Name:   Listingpro Child
 Theme URI:    http://studio.cridio.com/listingpro/
 Description:  Listingpro Child Theme
 Author:       cridio team
 Author URI:   http://cridio.com/
 Template:     listingpro
 Version:      1.0.0
 Tags:         listingpro, directory, listing, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  listingpro
*/

/* Page overlay */
/* Page overlay 
.page-header-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
    background: rgba(0,0,0,0.3) !important;
}
*/

/* Blog banner styles - clean and minimal */
.blog-single-page {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    height: 350px !important;
    background-image: url('https://www.hovalot.com/wp-content/uploads/2025/05/blog_moving_banner2-1.webp') !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Blog banner content container */
.blog-heading-inner-container {
    min-height: 350px !important;
    padding: 150px 20px 0 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Blog banner title - larger */
.blog-single-page h1 {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-shadow: 3px 3px 6px rgba(0,0,0,0.6) !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
    letter-spacing: 0.5px !important;
}
/* Position the loading dots where the magnifying glass was */
.header-container .lp-search-btn-header .searchloading.loader-inner-header {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    height: auto !important;
    z-index: 10 !important;
}

/* הורדת כותרת הבאנר כדי שלא תתחבא מאחורי ה-header */
.lp_auto_loc_container {
    margin-top: -66px !important;
}

/*  */
.input-group-addon.lp-border.lp-where {
    top: 6px !important;
}

/* הסתרת רק המילה "מיקום" - ספציפי לשדה המיקום בלבד 
.input-group:not(.search-form-field) .input-group-addon.lp-border {
    display: none !important;
}
*/

/* תיקון מיקום הטקסט הנבחר בשדה המיקום כדי שלא יחפוף למילה "מיקום" */
#select2-searchlocation-container {
    padding-right: 60px !important;
    text-align: right !important;
}

/* Hide the crosshairs icon in location search */
.lp-location-search .fa-crosshairs {
    display: none !important;
}

/* Fix homepage location search form overlap */
.lp-location-search #select2-searchlocation-container {
    padding-right: 100px !important;
    text-align: right !important;
}

/* Alternative selector in case the ID changes */
.lp-location-search .select2-selection__rendered {
    padding-right: 100px !important;
    text-align: right !important;
}

/* Ensure the "מיקום" label stays positioned correctly */
.lp-location-search .input-group-addon.lp-border.lp-where {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
    pointer-events: none !important;
}

.search-form-field.input-group.width-49-percent.margin-right-15 {
    left: 10px !important;
}

/* התיקון העיקרי - מכוון לפורם עצמו */
.header-container .lp-search-chnage-styles-st .form-inline.top-search-form {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
    gap: 3px !important;
}

/* תיקון אלמנט השדות */
.header-container .form-inline.top-search-form .search-form-field.input-group.width-49-percent {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 80px !important;
    max-width: 40% !important;
    margin-right: 3px !important;
}

.header-container .form-inline.top-search-form .input-group.width-49-percent {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 80px !important;
    max-width: 40% !important;
    margin-right: 3px !important;
}

/* תיקון כפתור החיפוש */
.header-container .form-inline.top-search-form .lp-search-btn-header.pos-relative {
    flex: 0 0 auto !important;
    width: 45px !important;
    min-width: 40px !important;
    height: 38px !important;
    margin-left: 0 !important;
    order: 999 !important; /* מוודא שהכפתור יהיה אחרון */
}

/* וודא שהכפתור נשאר במקום */
.header-container .lp-search-btn-header .lp-search-btn {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    position: relative !important;
}

.header-container .lp-search-btn-header .fa-magnifying-glass {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
}

/* תיקון נוסף למסכים קטנים */
@media (max-width: 1200px) {
    .header-container .form-inline.top-search-form .search-form-field.input-group.width-49-percent,
    .header-container .form-inline.top-search-form .input-group.width-49-percent {
        max-width: 35% !important;
        min-width: 70px !important;
    }
    
    .header-container .form-inline.top-search-form .lp-search-btn-header.pos-relative {
        width: 40px !important;
        min-width: 35px !important;
    }
}

@media (max-width: 992px) {
    .header-container .form-inline.top-search-form .search-form-field.input-group.width-49-percent,
    .header-container .form-inline.top-search-form .input-group.width-49-percent {
        max-width: 30% !important;
        min-width: 60px !important;
    }
    
    .header-container .form-inline.top-search-form .lp-search-btn-header.pos-relative {
        width: 38px !important;
        min-width: 32px !important;
    }
}


/* Breadcrumbs */
.blog-single-page .breadcrumbs {
    font-size: 14px !important;
    margin-bottom: 15px !important;
    opacity: 0.9 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
}

.blog-single-page ul.breadcrumbs li a {
    color: #ffffff !important;
    opacity: 0.8 !important;
    text-decoration: none !important;
}

.blog-single-page .breadcrumbs a:hover {
    text-decoration: underline !important;
}

/* Author info */
.blog-single-page .lp-blog-grid-author {
    margin-top: 20px !important;
    font-size: 13px !important;
}

.blog-single-page ul.lp-blog-grid-author li {
    color: #ffffff !important;
    margin: 0 8px !important;
}

.blog-single-page ul.lp-blog-grid-author li a {
    color: #ffffff !important;
    opacity: 0.9 !important;
    background: rgba(255,255,255,0.1) !important;
    padding: 5px 10px !important;
    border-radius: 15px !important;
    margin: 2px !important;
}

/* Hide user avatar */
.blog-single-page .lp-blog-user-thumb {
    display: none !important;
}



/* Blog content area styling - IMPORTANT for article body */
.blog-single-inner-container {
    padding: 40px 30px !important;
    margin: 20px auto !important;
    max-width: 1000px !important;
}

.blog-content {
    padding: 20px 0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}

.blog-content p {
    margin-bottom: 20px !important;
    line-height: 1.7 !important;
    padding: 0 15px !important;
}

.blog-content ol,
.blog-content ul {
    padding: 0 30px !important;
    margin: 20px 0 !important;
}

.blog-content li {
    margin-bottom: 15px !important;
    line-height: 1.6 !important;
}

.blog-content h3 {
    margin: 30px 15px 20px 15px !important;
    padding: 15px 0 !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
}

.blog-content hr {
    margin: 30px 15px !important;
    border-color: #ddd !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .blog-heading-inner-container {
        padding: 120px 15px 0 15px !important;
    }
    
    .blog-single-page h1 {
        font-size: 32px !important;
    }
    
    .blog-single-inner-container {
        padding: 20px 15px !important;
        margin: 10px !important;
    }
    
    .blog-content p {
        padding: 0 10px !important;
    }
    
    .blog-content h3 {
        margin: 20px 10px 15px 10px !important;
        font-size: 20px !important;
    }
}

/* פרטים נוספים בתוצאות החיפוש יישור לעברית
 Fix the order of extra fields - label first, then value */
.features-listing.extra-fields ul li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-direction: row !important;
}

.features-listing.extra-fields ul li strong {
    order: 1 !important;
    margin-left: 0 !important;
}

.features-listing.extra-fields ul li span {
    order: 2 !important;
    margin-right: 0 !important;
    font-weight: bold !important;
}

/*
הכפתור X שנמצא על המילה סוג
 Move the X button to the right so it doesn't cover the "סוג" label */
.what-placeholder .cross-search-q.fa.fa-times-circle {
    right: 2px !important;
    left: auto !important;
    position: absolute !important;
    top: 7px !important;
    transform: translateY(-50%) !important;
    /*z-index: 5 !important;*/
}
/* banner in mobile need to fix to wide */
@media (max-width: 768px) {
    /* Make the banner responsive instead of hiding it */
    body.custom-background {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    /* Prevent horizontal scrolling */
    body, html {
        overflow-x: hidden !important;
        width: 100% !important;
    }
    
    /* Make banner container responsive and taller */
    .lp-home-banner-contianer {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: hidden !important;
        background-size: cover !important;
        background-position: center !important;
        min-height: 100vh !important; /* Full screen height */
        display: flex !important;
        align-items: center !important; /* Center content vertically */
    }
    
    /* Make banner content responsive and centered */
    .lp-home-banner-contianer-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 80px 15px 40px 15px !important; /* Extra top padding for menu */
        overflow: hidden !important;
        margin-top: 60px !important; /* Push content below the menu */
    }
    
    /* Make search form responsive */
    .lp-search-bar {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px !important;
        margin: 20px 0 !important;
        overflow: hidden !important;
        background: rgba(255, 255, 255, 0.95) !important; /* Slight transparency */
        border-radius: 8px !important;
    }
    
    /* Make form elements stack vertically on mobile */
    .lp-search-bar form {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .lp-search-bar .form-group {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    
    /* Make sure container doesn't overflow */
    .container {
        max-width: 100% !important;
        padding: 0 15px !important;
    }
}

/* Hide empty email links */
.lp-listing-email a[href="mailto:"],
.lp-listing-email a[href="mailto:"] span:empty,
.lp-listing-email a[href="mailto:"] span:not(:has(text)) {
    display: none !important;
}

/* Hide the entire li if the email is empty */
.lp-listing-email:has(a[href="mailto:"]) {
    display: none !important;
}

/* Alternative approach - hide li with empty span */
.lp-listing-email:has(span:empty) {
    display: none !important;
}

/* Fallback for older browsers that don't support :has() */
.lp-listing-email a[href="mailto:"] {
    display: none !important;
}

.lp-listing-email a[href="mailto:"] + * {
    display: none !important;
}

/* Hide parent li when email link is empty */
li.lp-listing-email:has(a[href="mailto:"]) {
    display: none !important;
}

/* תיקון מיקום תמונת הפרופיל והתאריך */
/* תיקון עם positioning מוחלט */
.container .row {
    position: relative !important;
    min-height: 100px !important;
}

.lp-banner-top-thumb {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}

.lp-banner-top-detail {
    margin-right: 120px !important; /* מקום לתמונה */
    margin-left: 200px !important; /* מקום לתאריך */
}

.lp-banner-date {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
}

.lp-author-banner .lp-banner-top .lp-banner-date {
    margin-top: -5px;
 }

.lp-banner-top-detail {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    text-align: center !important;
    width: 120px !important;
}

.lp-banner-top-thumb {
    margin-top: 30px !important;
}

/* הסתר את המרקר הריק */
.lp-banner-top-detail p {
    display: none !important;
}

/* או אם אתה רוצה להסתיר רק את המרקר עצמו */
.lp-banner-top-detail .fa-map-marker-alt {
    display: none !important;
}

/* או להסתיר את כל ה-p שריק */
.lp-banner-top-detail p:empty,
.lp-banner-top-detail p:has(.fa-map-marker-alt:only-child) {
    display: none !important;
}
.widget-box.business-contact .user_text {
    display: none !important;
}

/* Hide the user_text section */
.widget-box.business-contact .user_text {
    display: none !important;
}


/*ליד עיצוב משופר לטופס */
.widget-box.business-contact {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    border: 2px solid #007cba !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 124, 186, 0.15) !important;
    padding: 25px !important;
    margin: 20px 0 !important;
}


/* שיפור הכותרת - פחות חתוכה */
.widget-box.business-contact .contact-form::before {
    content: "הצעת מחיר להובלה";
    display: block;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: white;
    background: linear-gradient(135deg, #007cba 0%, #0056a3 100%) !important;
    margin: 5px -25px 20px -25px !important;
    padding: 15px;
    border-radius: 12px 12px 8px 8px !important;
    box-shadow: 0 3px 10px rgba(0, 124, 186, 0.3) !important;
}

/* שיפור שדות הקלט */
.widget-box.business-contact .form-control {
    border: 2px solid #e9ecef !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    background: white !important;
}

.widget-box.business-contact .form-control:focus {
    border-color: #007cba !important;
    box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.1) !important;
    outline: none !important;
}

/* שיפור האייקונים */
.widget-box.business-contact .fa-envelope {
    color: #007cba !important;
    font-size: 18px !important;
}

/* שיפור הכפתור */
.widget-box.business-contact .lp-review-btn {
    background: linear-gradient(135deg, #007cba 0%, #0056a3 100%) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 15px 30px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: white !important;
    box-shadow: 0 5px 15px rgba(0, 124, 186, 0.3) !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.widget-box.business-contact .lp-review-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(0, 124, 186, 0.4) !important;
}


/* מחשבון  */
.ccb-summary-list__body {
    display: none!important;
}
/* Hide the accordion toggle button */
.ccb-summary-list__accordion-btn {
    display: none !important;
}

/* Replace "Total Summary" text with Hebrew */
.ccb-summary-list__header .ccb-header-title {
    font-size: 0; /* Hide original text */
}

.ccb-summary-list__header .ccb-header-title::before {
    content: "סיכום כולל";
    font-size: 1.5rem; /* Larger font size */
    font-weight: bold; /* Make it bold */
    color: inherit;
    display: inline-block; /* Ensure proper display */
}

/* תיקון יישור RTL למחשבון עברית */

/* יישור כותרות השדות לימין */
.ccb-field__title {
    text-align: right !important;
    direction: rtl !important;
}

/* יישור כותרות הטוגלים לימין */
.ccb-toggle-field .ccb-field__title,
.ccb-toggle-item__label {
    text-align: right !important;
    direction: rtl !important;
}

/* יישור כל השדות לימין */
.ccb-field {
    direction: rtl !important;
    text-align: right !important;
}

/* יישור התוכן של השדות */
.ccb-field__input-wrapper {
    direction: rtl !important;
}

/* יישור הטקסט בתוך הטקסט אזורים */
.ccb-field__input-wrapper textarea,
.ccb-field__input-wrapper input {
    text-align: right !important;
    direction: rtl !important;
}

/* יישור הדרופדאון */
.ccb-dropdown {
    direction: rtl !important;
    text-align: right !important;
}

.ccb-dropdown__label {
    text-align: right !important;
}

/* יישור הרדיו בטונים */
.ccb-radio-field {
    direction: rtl !important;
}

.ccb-radio-label {
    direction: rtl !important;
    text-align: right !important;
}

/* יישור כותרת המחשבון */
.ccb-header-title {
    text-align: right !important;
    direction: rtl !important;
}

/* יישור הטוגלים */
.ccb-toggle-field {
    direction: rtl !important;
}

.ccb-default-toggle {
    direction: rtl !important;
}

.ccb-toggle-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; /* רווח קטן בין המילה לטוגל */
    flex-direction: row !important; /* סדר רגיל - תווית ואז טוגל */
}

.ccb-toggle-item__label-wrap {
    margin-left: 8px !important; /* רווח קטן משמאל לתווית */
    margin-right: 0 !important;
}

.ccb-toggle-wrapper {
    margin: 0 !important;
}

/* יישור הסליידר */
.ccb-range-field {
    direction: rtl !important;
}

/* יישור הסיכום */
.ccb-totals-list {
    direction: rtl !important;
}

.ccb-total-row__name {
    text-align: right !important;
}
/* יישור הסליידר */
.ccb-range-field {
    direction: rtl !important;
}

/* יישור הסיכום */
.ccb-totals-list {
    direction: rtl !important;
}

.ccb-total-row__name {
    text-align: right !important;
}

/* הוספת רווח בין רדיו בטונים לטקסט */
.ccb-radio-label input[type="radio"] {
    margin-left: 10px !important; /* רווח משמאל לרדיו (בגלל RTL) */
    margin-righ


div.features-listing.extra-fields ul li span {
    display: block !important;
    direction: rtl !important;
    text-align: right !important;
    width: 75% !important;
    font-weight: bold !important;
}


/* תיקון פשוט לעברית בבלוג */

/* יישור עברית בגריד הבלוג */
.lp-blog-grid-title h4,
.lp-blog-grid-title h4 a,
.lp-blog-grid-title p {
    direction: rtl !important;
    text-align: right !important;
    font-family: 'Arial', 'Noto Sans Hebrew', sans-serif !important;
}

/* תיקון תוכן הפוסט */
.post-content,
.entry-content,
.blog-content {
    direction: rtl !important;
    text-align: right !important;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content p,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content p {
    direction: rtl !important;
    text-align: right !important;
}