/**
 * HealthyClick Smart Search - Styles
 * עיצוב מינימליסטי בסגנון Airbnb עם צבע מותג #02838D
 * כל הסגנונות עם !important למניעת דריסה מהתבנית
 */

:root {
    --hcs-primary: #02838D !important;
    --hcs-primary-dark: #026b75 !important;
    --hcs-primary-light: #E5F4F6 !important;
    --hcs-text: #222222 !important;
    --hcs-text-secondary: #717171 !important;
    --hcs-border: #DDDDDD !important;
    --hcs-background: #F7F7F7 !important;
    --hcs-white: #FFFFFF !important;
    --hcs-success: #2E7D32 !important;
    --hcs-warning: #FFB400 !important;
    --hcs-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    --hcs-shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    --hcs-radius: 12px !important;
    --hcs-radius-sm: 8px !important;
    --hcs-transition: 0.2s ease !important;
}

/* ========================================
   תיבת חיפוש
   ======================================== */

.hcs-search-wrapper {
    position: relative !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    font-family: "Open Sans Hebrew", "Open Sans", "Heebo", sans-serif !important;
    box-sizing: border-box !important;
}

.hcs-search-wrapper * {
    box-sizing: border-box !important;
}

.hcs-search-box {
	gap:8px;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    background: #FFFFFF !important;
    border: 2px solid #DDDDDD !important;
    border-radius: 50px !important;
    padding: 0 20px !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    margin: 0 !important;
    width: 100% !important;
}

.hcs-search-box:focus-within {
    border-color: #02838D !important;
    box-shadow: 0 0 0 4px #E5F4F6 !important;
}

.hcs-search-icon {
    color: #717171 !important;
}

.hcs-search-input {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    padding: 16px 0 !important;
    font-size: 16px !important;
    background: transparent !important;
    color: #222222 !important;
    direction: rtl !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.hcs-search-input:focus {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.hcs-search-input::placeholder {
    color: #717171 !important;
}

.hcs-search-clear {
    background: none !important;
    border: none !important;
    color: #717171 !important;
    cursor: pointer !important;
    padding: 8px !important;
    font-size: 16px !important;
    transition: color 0.2s ease !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.hcs-search-clear:hover {
    color: #222222 !important;
    background: none !important;
}

/* ========================================
   Autocomplete Dropdown
   ======================================== */

.hcs-autocomplete-dropdown {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: 0 !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    margin-top: 8px !important;
    z-index: 10000 !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    display: none !important;
    border: 1px solid #DDDDDD !important;
}

.hcs-autocomplete-dropdown.active {
    display: block !important;
}

.hcs-suggestion-item {
    display: flex !important;
    align-items: center !important;
    padding: 14px 20px !important;
    cursor: pointer !important;
    border-bottom: 1px solid #DDDDDD !important;
    transition: background 0.2s ease !important;
    background: #FFFFFF !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.hcs-suggestion-item:last-child {
    border-bottom: none !important;
}

.hcs-suggestion-item:hover,
.hcs-suggestion-item.active {
    background: #E5F4F6 !important;
}

.hcs-suggestion-icon {
    font-size: 20px !important;
    margin-left: 0 !important;
    margin-right: 14px !important;
    flex-shrink: 0 !important;
}

.hcs-suggestion-content {
    flex: 1 !important;
    min-width: 0 !important;
}

.hcs-suggestion-term {
    font-weight: 500 !important;
    color: #222222 !important;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hcs-suggestion-subtitle {
    font-size: 13px !important;
    color: #717171 !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.hcs-suggestion-item mark {
    background: #E5F4F6 !important;
    color: #02838D !important;
    padding: 0 2px !important;
    border-radius: 2px !important;
}


/* ========================================
   עמוד תוצאות
   ======================================== */

.hcs-results-page {
    direction: rtl !important;
    font-family: "Open Sans Hebrew", "Open Sans", "Heebo", sans-serif !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.hcs-results-page * {
    box-sizing: border-box !important;
}

.hcs-results-summary {
    margin-top: 16px !important;
    font-size: 14px !important;
    color: #717171 !important;
}

.hcs-results-summary strong {
    color: #222222 !important;
}

.hcs-results-container {
    display: flex !important;
    flex-direction: row !important;
    gap: 30px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    align-items: flex-start !important;
    position: relative !important;
}

.hcs-results-container > p {
    display: none !important;
}

.hcs-results-container > aside.hcs-filters-sidebar {
    width: 410px !important;
    min-width: 410px !important;
    flex-shrink: 0 !important;
}

.hcs-results-container > main.hcs-results-main {
    flex: 1 !important;
    min-width: 0 !important;
}

.hcs-results-container > * {
    min-height: 0 !important;
}

@media (max-width: 992px) {
    .hcs-results-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* ========================================
   סרגל סינון
   ======================================== */

.hcs-results-page .hcs-results-container .hcs-filters-sidebar,
aside.hcs-filters-sidebar {
    background: #FFFFFF !important;
    max-height: calc(100vh - 140px) !important;
    overflow-y: auto !important;
    z-index: 10 !important;
    align-self: start !important;
}

/* במובייל - חזרה לעמדה רגילה */
@media (max-width: 992px) {
    .hcs-results-page .hcs-results-container .hcs-filters-sidebar,
    aside.hcs-filters-sidebar {
        width: 100% !important;
		padding: 60px 20px 60px 20px !important;
		z-index: 99999999 !important;
    }
}

/* תיבת חיפוש בתוך הסרגל */
.hcs-filters-search-box {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #DDDDDD !important;
}

.hcs-filters-search-box .hcs-search-wrapper {
    max-width: 100% !important;
}

/* תגיות פעילות */
.hcs-active-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.hcs-active-filters:empty {
    display: none !important;
}

.hcs-active-filter-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    background: #02838D !important;
    color: #FFFFFF !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

.hcs-active-filter-tag .hcs-filter-remove {
    background: none !important;
    border: none !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    opacity: 0.8 !important;
    transition: opacity 0.2s ease !important;
}

.hcs-active-filter-tag .hcs-filter-remove:hover {
    opacity: 1 !important;
    background: none !important;
}

/* סיידבר סינון במובייל - מסך מלא */
@media (max-width: 992px) {
    .hcs-filters-sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        min-height: 100vh !important;
        z-index: 999999 !important;
        border-radius: 0 !important;
        background: #FFFFFF !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        padding-top: 60px !important;
        padding-bottom: 100px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        margin: 0 !important;
        display: none !important;
    }
	
/* תוכן הסיידבר */	
    
    .hcs-filters-sidebar.open {
        display: block !important;
    }
    
    /* מניעת גלילה כשהמודל פתוח */
    body.hcs-filters-active {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }
}

/* כפתור סגירה X */
.hcs-filters-close-btn {
    display: none !important;
}

@media (max-width: 992px) {
    .hcs-filters-close-btn {
        display: flex !important;
        position: fixed !important;
        top: 10px !important;
        right: 10px !important;
        width: 44px !important;
        height: 44px !important;
        background: #F7F7F7 !important;
        border: none !important;
        border-radius: 50% !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 28px !important;
        color: #222222 !important;
        cursor: pointer !important;
        z-index: 1000000 !important;
    }
    
    .hcs-filters-close-btn:hover {
        background: #E5F4F6 !important;
        color: #02838D !important;
    }
}

/* כפתור חיפוש בתחתית */
.hcs-filters-apply-btn {
    display: none !important;
}

@media (max-width: 992px) {
.hcs-filters-apply-btn {
        display: block !important;
        position: fixed !important;
        bottom: 0 !important;
        right: 0 !important;
        border-radius: 0 !important;
        z-index: 1000000 !important;
	        width: 100% !important;
    }
    
    .hcs-filters-apply-btn:active {
        background: #026b75 !important;
    }
}

.hcs-filters-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #DDDDDD !important;
}

.hcs-filters-header h3 {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    padding: 0 !important;
}

.hcs-clear-filters {
    background: none !important;
    border: none !important;
    color: #02838D !important;
    font-size: 13px !important;
    cursor: pointer !important;
    padding: 0 !important;
    text-decoration: underline !important;
    margin: 0 !important;
}

.hcs-clear-filters:hover {
    color: #026b75 !important;
    background: none !important;
}

.hcs-filter-group {
    margin-bottom: 20px !important;
    padding: 0 !important;
}

.hcs-filter-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

/* Dropdown עם חיפוש */
.hcs-dropdown-wrapper {
    position: relative !important;
    margin-bottom: 12px !important;
}

.hcs-dropdown-wrapper::after {
    content: '' !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23717171' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    pointer-events: none !important;
    transition: transform 0.2s ease !important;
}

.hcs-dropdown-wrapper.open::after {
    transform: translateY(-50%) rotate(180deg) !important;
}

.hcs-filter-search {
    width: 100% !important;
    padding: 10px 36px 10px 14px !important;
}

.hcs-filter-search:focus {
    border-color: #02838D !important;
    box-shadow: 0 0 0 3px rgba(2, 131, 141, 0.1) !important;
}

.hcs-filter-search::placeholder {
    color: #999999 !important;
}

.hcs-dropdown-list {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 8px !important;
    margin-top: 4px !important;
    max-height: 250px !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.hcs-dropdown-item {
    padding: 10px 14px !important;
    cursor: pointer !important;
    border-bottom: 1px solid #F7F7F7 !important;
    transition: background 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.hcs-dropdown-item:last-child {
    border-bottom: none !important;
}

.hcs-dropdown-item:hover {
    background: #E5F4F6 !important;
}

.hcs-dropdown-item.selected {
    background: #E5F4F6 !important;
    color: #02838D !important;
    font-weight: 500 !important;
}

.hcs-dropdown-item-checkbox {
    width: 16px !important;
    height: 16px !important;
    accent-color: #02838D !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.hcs-dropdown-item-label {
    flex: 1 !important;
    font-size: 14px !important;
    color: #222222 !important;
}

.hcs-dropdown-item-count {
    font-size: 12px !important;
    color: #999999 !important;
}

.hcs-dropdown-empty {
    padding: 20px !important;
    text-align: center !important;
    color: #999999 !important;
    font-size: 13px !important;
}

/* סינון בסגנון טאבים/תגיות */
.hcs-filter-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
max-height: 240px !important;
	overflow: hidden !important;
    transition: max-height 0.3s ease !important;
}

.hcs-filter-tags.expanded {
    max-height: none !important;
    overflow: visible !important;
}

.hcs-filter-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 14px !important;
    background: #F7F7F7 !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    color: #222222 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

.hcs-filter-tag:hover {
    border-color: #02838D !important;
    background: #E5F4F6 !important;
    color: #02838D !important;
}

.hcs-filter-tag.active {
    background: #02838D !important;
    border-color: #02838D !important;
    color: #FFFFFF !important;
}

.hcs-filter-tag.active:hover {
    background: #026b75 !important;
    border-color: #026b75 !important;
    color: #FFFFFF !important;
}

.hcs-filter-tag input,
.hcs-filter-tag input[type="checkbox"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    opacity: 0 !important;
}

.hcs-filter-tag span {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hcs-show-more-filters {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 14px !important;
    background: transparent !important;
    border: 1px dashed #DDDDDD !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    color: #717171 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin-top: 8px !important;
    width: 100% !important;
}

.hcs-show-more-filters:hover {
    border-color: #02838D !important;
    color: #02838D !important;
    background: transparent !important;
}

/* מודל לסינונים נוספים */
.hcs-more-filters-modal {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0,0,0,0.5) !important;
    z-index: 100000 !important;
    align-items: center !important;
    justify-content: center !important;
}

.hcs-more-filters-modal.active {
    display: flex !important;
}

.hcs-more-filters-content {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    padding: 24px !important;
    max-width: 500px !important;
    width: 90% !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
}

.hcs-more-filters-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #DDDDDD !important;
}

.hcs-more-filters-header h4 {
    margin: 0 !important;
    font-size: 16px !important;
    padding: 0 !important;
    color: #222222 !important;
}

.hcs-more-filters-close {
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    cursor: pointer !important;
    color: #717171 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.hcs-more-filters-close:hover {
    color: #222222 !important;
    background: none !important;
}

.hcs-more-filters-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.hcs-filter-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.hcs-filter-options.collapsed {
    display: none !important;
}

.hcs-checkbox-label,
.hcs-radio-label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #222222 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
}

.hcs-checkbox-label input,
.hcs-radio-label input {
    width: 18px !important;
    height: 18px !important;
    accent-color: #02838D !important;
    margin: 0 !important;
}

.hcs-filter-count {
    color: #717171 !important;
    font-size: 12px !important;
    margin-right: auto !important;
}

/* Rating Filter */
.hcs-rating-filter {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.hcs-rating-slider {
    flex: 1 !important;
    accent-color: #02838D !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
}

.hcs-rating-value {
    font-weight: 500 !important;
    color: #02838D !important;
    min-width: 40px !important;
}

/* ========================================
   רשימת תוצאות
   ======================================== */

.hcs-results-main {
    min-width: 0 !important;
}

.hcs-results-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

/* כשה-results-list מוסתר דרך jQuery .hide() */
.hcs-results-list[style*="display: none"],
.hcs-results-list[style*="display:none"] {
    display: none !important;
}

/* ========================================
   כרטיס מטפל
   ======================================== */

.hcs-therapist-card {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    overflow: visible !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    border: 1px solid #DDDDDD !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.hcs-therapist-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-2px) !important;
}

.hcs-therapist-card.promoted {
    margin-top: 16px !important;
}

.hcs-promoted-badge {
    background: #fff;
    position: absolute !important;
    top: -11px !important;
    right: 28px !important;
    padding: 2px 10px !important;
border: 1px solid #E3E3E3;
	border-radius: 20px !important;
    font-size: 12px !important;
    z-index: 3 !important;
    line-height: 1.4 !important;
}

/* תג אימות - אייקון בלבד */
.hcs-verified-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 4px !important;
    flex-shrink: 0 !important;
    cursor: help !important;
    position: relative !important;
    vertical-align: middle !important;
}

.hcs-verified-badge svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #02838D !important;
    stroke-width: 2.5 !important;
}

/* Tooltip לתג אימות */
.hcs-verified-badge:hover::after {
    content: attr(title) !important;
    position: absolute !important;
    bottom: 100% !important;
    right: 50% !important;
    transform: translateX(50%) !important;
    background: #222222 !important;
    color: #FFFFFF !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    z-index: 1000 !important;
    margin-bottom: 6px !important;
    pointer-events: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}

.hcs-verified-badge:hover::before {
    content: '' !important;
    position: absolute !important;
    bottom: 100% !important;
    right: 50% !important;
    transform: translateX(50%) !important;
    border: 5px solid transparent !important;
    border-top-color: #222222 !important;
    margin-bottom: 1px !important;
}

.hcs-card-header {
    display: flex !important;
    padding: 20px !important;
    gap: 16px !important;
    align-items: flex-start !important;
    position: relative !important;
    overflow: visible !important;
    border-radius: 12px 12px 0 0 !important;
}

.hcs-card-photo {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    border: 3px solid #DDDDDD !important;
}

.hcs-card-photo-placeholder {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 50% !important;
    background: #E5F4F6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    color: #02838D !important;
    flex-shrink: 0 !important;
}

.hcs-card-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.hcs-card-name {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.hcs-card-services {
    font-size: 14px !important;
    color: #02838D !important;
    margin-bottom: 6px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 992px) { 
    .hcs-results-list {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .hcs-therapist-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    .hcs-card-header {
        padding: 24px 15px 8px 15px !important;
		gap: 12px !important;
    }
    
    .hcs-card-photo,
    .hcs-card-photo-placeholder {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
    }
    
    .hcs-card-info {
        flex: 1 !important;
        min-width: 0 !important;
        max-width: calc(100% - 72px) !important;
        overflow: hidden !important;
    }
    
	.hcs-card-name {
    font-size: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.hcs-verified-badge {
    width: 14px !important;
    height: 14px !important;
    margin-right: 3px !important;
}

.hcs-verified-badge svg {
    width: 14px !important;
    height: 14px !important;
}
    
    .hcs-card-services {
        overflow: hidden !important;
        max-width: 100% !important;
    }
    
    .hcs-services-tabs {
        max-width: 100% !important;
        overflow: hidden !important;
        flex-wrap: wrap !important;
    }
    
    .hcs-service-tab {
        font-size: 12px !important;
        padding: 3px 10px !important;
    }
    
    .hcs-card-body {
padding: 0 15px 24px !important;
	}
    
    .hcs-card-description {
        font-size: 13px !important;
    }
    
    /* תגית מקודם במובייל */
    .hcs-promoted-badge {
        top: -11px !important;
        right: 18px !important;
        padding: 5px 14px !important;
        font-size: 11px !important;
    }
}

/* ========================================
   שירותים כטאבים
   ======================================== */

.hcs-card-services-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-bottom: 8px !important;
    margin-top: 4px !important;
}

.hcs-service-tab {
    display: inline-block !important;
    background: #e9e9e9 !important;
    border-radius: 60px !important;
    color: #454545 !important;
    font-size: 13px !important;
    padding: 4px 12px !important;
    margin-left: 4px !important;
	margin-bottom : 4px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

.hcs-service-tab:hover {
    background: #E5F4F6 !important;
    color: #02838D !important;
}

.hcs-service-more {
    background: #e9e9e9 !important;
	color: #454545 !important;
    cursor: pointer !important;
    font-weight: 500 !important;
}

.hcs-service-more:hover {
    background: #026b75 !important;
    color: #FFFFFF !important;
}

/* שירותים מוסתרים */
.hcs-services-hidden {
    display: none !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: 100% !important;
    margin-top: 4px !important;
}

.hcs-services-hidden.expanded {
    display: flex !important;
}

.hcs-card-location {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 13px !important;
    color: #717171 !important;
    margin: 0 !important;
	    padding-bottom: 8px;
}

.hcs-card-location svg {
    margin-left: 4px !important;
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0 !important;
}

.hcs-card-rating {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.hcs-rating-badge {
    background: #2E7D32 !important;
    color: #FFFFFF !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.hcs-reviews-count {
    font-size: 13px !important;
    color: #717171 !important;
}

.hcs-card-body {
padding: 0 15px 24px !important;
	margin: 0 !important;
}

.hcs-card-description {
    font-size: 14px !important;
    color: #717171 !important;
    line-height: 1.5 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hcs-card-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.hcs-tag {
    background: #F7F7F7 !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    color: #222222 !important;
    display: inline-block !important;
    margin: 0 !important;
}

.hcs-card-footer {
    display: flex !important;
    gap: 12px !important;
    padding: 16px 20px !important;
    border-top: 1px solid #DDDDDD !important;
    margin: 0 !important;
}

/* כפתורים */
.hcs-btn {
    flex: 1 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.hcs-btn-primary {
    background: #02838D !important;
    color: #FFFFFF !important;
    border: none !important;
}

.hcs-btn-primary:hover {
    background: #026b75 !important;
    color: #FFFFFF !important;
}

.hcs-btn-primary:focus {
    background: #026b75 !important;
    color: #FFFFFF !important;
    outline: none !important;
}

.hcs-btn-secondary {
    background: #FFFFFF !important;
    color: #02838D !important;
    border: 1px solid #02838D !important;
}

.hcs-btn-secondary:hover {
    background: #E5F4F6 !important;
    color: #02838D !important;
}

/* ========================================
   טעינה ומצבים ריקים
   ======================================== */

.hcs-loading {
    display: none;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 60px 20px !important;
    color: #717171 !important;
}

/* כשה-loading מוצג דרך jQuery .show() - רק כשיש style="display: block" */
.hcs-loading[style*="display: block"],
.hcs-loading[style*="display:block"] {
    display: flex !important;
}

.hcs-spinner {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 16px !important;
    display: block !important;
}

.hcs-no-results {
    display: none;
    text-align: center !important;
    padding: 60px 20px !important;
}

/* כשה-no-results מוצג דרך jQuery .show() */
.hcs-no-results[style*="display: block"],
.hcs-no-results[style*="display:block"] {
    display: block !important;
}

.hcs-no-results-icon {
    font-size: 64px !important;
    margin-bottom: 16px !important;
    opacity: 0.5 !important;
}

.hcs-no-results h3 {
    font-size: 20px !important;
    color: #222222 !important;
    margin-bottom: 8px !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.hcs-no-results p {
    color: #717171 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   Pagination
   ======================================== */

.hcs-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 40px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    list-style: none !important;
}

/* כשה-pagination מוסתר דרך jQuery .hide() */
.hcs-pagination[style*="display: none"],
.hcs-pagination[style*="display:none"] {
    display: none !important;
}

.hcs-page-btn {
    min-width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    color: #222222 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.hcs-page-btn:hover:not(.active):not(:disabled) {
    border-color: #02838D !important;
    color: #02838D !important;
    background: #FFFFFF !important;
}

.hcs-page-btn.active {
    background: #02838D !important;
    border-color: #02838D !important;
    color: #FFFFFF !important;
}

.hcs-page-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.hcs-page-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    color: #717171 !important;
}

/* ========================================
   Mobile Filter Toggle
   ======================================== */
@media (max-width: 992px) {
    .hcs-filters-header h3 {
        display: none !important;
    }
}

.hcs-mobile-filter-toggle {
    display: none;
}

@media (max-width: 992px) {
.hcs-mobile-filter-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        position: fixed !important;
        bottom: 20px !important;
        z-index: 999997 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        font-size: 14px !important;
        border-radius: 60px !important;
    }
    
    .hcs-mobile-filter-toggle:hover {
        background: #026b75 !important;
    }
    
.hcs-mobile-filter-toggle:before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='21' x2='14' y1='4' y2='4'/%3E%3Cline x1='10' x2='3' y1='4' y2='4'/%3E%3Cline x1='21' x2='12' y1='12' y2='12'/%3E%3Cline x1='8' x2='3' y1='12' y2='12'/%3E%3Cline x1='21' x2='16' y1='20' y2='20'/%3E%3Cline x1='12' x2='3' y1='20' y2='20'/%3E%3Cline x1='14' x2='14' y1='2' y2='6'/%3E%3Cline x1='8' x2='8' y1='10' y2='14'/%3E%3Cline x1='16' x2='16' y1='18' y2='22'/%3E%3C/svg%3E") !important;
}
}

/* ========================================
   Scrollbar
   ======================================== */

.hcs-filters-sidebar::-webkit-scrollbar,
.hcs-autocomplete-dropdown::-webkit-scrollbar {
    width: 6px !important;
}

.hcs-filters-sidebar::-webkit-scrollbar-track,
.hcs-autocomplete-dropdown::-webkit-scrollbar-track {
    background: transparent !important;
}

.hcs-filters-sidebar::-webkit-scrollbar-thumb,
.hcs-autocomplete-dropdown::-webkit-scrollbar-thumb {
    background: #DDDDDD !important;
    border-radius: 3px !important;
}

.hcs-filters-sidebar::-webkit-scrollbar-thumb:hover,
.hcs-autocomplete-dropdown::-webkit-scrollbar-thumb:hover {
    background: #717171 !important;
}

/* ========================================
   RTL Adjustments
   ======================================== */

[dir="rtl"] .hcs-search-icon,
.hcs-search-icon {
    margin-left: 0 !important;
    margin-right: 12px !important;
}

[dir="rtl"] .hcs-suggestion-icon,
.hcs-suggestion-icon {
    margin-left: 0 !important;
    margin-right: 14px !important;
}

[dir="rtl"] .hcs-card-location svg,
.hcs-card-location svg {
    margin-left: 4px !important;
}

/* ========================================
   תיקוני דריסה נוספים
   ======================================== */

/* איפוס סגנונות מהתבנית */
.hcs-search-wrapper input,
.hcs-results-page input {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.hcs-search-wrapper input:focus,
.hcs-results-page input:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* וידוא שהטאבים/תגיות נראים כמו כפתורים */
.hcs-filter-tag,
label.hcs-filter-tag {
    background: #F7F7F7 !important;
    border: 1px solid #DDDDDD !important;
    border-radius: 20px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    color: #222222 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

label.hcs-filter-tag:hover {
    border-color: #02838D !important;
    background: #E5F4F6 !important;
    color: #02838D !important;
}

label.hcs-filter-tag.active {
    background: #02838D !important;
    border-color: #02838D !important;
    color: #FFFFFF !important;
}

/* הסתרת checkbox בתוך label */
.hcs-filter-tag .hcs-filter-checkbox,
.hcs-filter-tag input[type="checkbox"],
label.hcs-filter-tag input[type="checkbox"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
}

/* תיקון לכפתור "עוד סינונים" */
button.hcs-show-more-filters {
    background: transparent !important;
    border: 1px dashed #DDDDDD !important;
    color: #717171 !important;
    padding: 8px 14px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

button.hcs-show-more-filters:hover {
    border-color: #02838D !important;
    color: #02838D !important;
    background: transparent !important;
}

/* תיקון לכפתור "נקה הכל" */
button.hcs-clear-filters {
    background: none !important;
    border: none !important;
    color: #02838D !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    font-size: 13px !important;
    padding: 0 !important;
    margin: 0 !important;
}

button.hcs-clear-filters:hover {
    color: #026b75 !important;
    background: none !important;
}

/* תיקון לכפתור סגירת מודל */
button.hcs-more-filters-close {
    background: none !important;
    border: none !important;
    font-size: 24px !important;
    color: #717171 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
}

button.hcs-more-filters-close:hover {
    color: #222222 !important;
    background: none !important;
}

/* תיקון דירוג סליידר */
input.hcs-rating-slider,
input[type="range"].hcs-rating-slider {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    width: 100% !important;
    accent-color: #02838D !important;
}

/* תיקון checkbox לביקור בית */
.hcs-filter-checkbox,
input[name="home_visit"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #02838D !important;
    margin: 0 8px 0 0 !important;
}

/* תיקון לפילטרים מסוג אפשרויות נוספות */
.hcs-filter-group[data-filter="options"] .hcs-filter-tag {
    padding: 8px 14px !important;
}

.hcs-filter-group[data-filter="options"] .hcs-filter-tag input[type="checkbox"] {
    display: none !important;
}

/* וידוא שהאייקונים נראים נכון */
.hcs-search-icon svg {
    width: 20px !important;
    height: 20px !important;
}

/* Reset כללי לאלמנטים */
.hcs-search-wrapper *,
.hcs-results-page *,
.hcs-autocomplete-dropdown *,
.hcs-more-filters-modal * {
    box-sizing: border-box !important;
}

/* תיקון לתוצאות הדרופדאון */
.hcs-dropdown-header {
    padding: 12px 20px !important;
    font-size: 12px !important;
    color: #717171 !important;
    background: #F7F7F7 !important;
    border-bottom: 1px solid #DDDDDD !important;
    margin: 0 !important;
}

/*תיקון ריקוד מסך*/
html, body {
    overflow-x: hidden !important;
}

.hcs-results-page {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

.hcs-results-container {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

@media (max-width: 992px) {
    .hcs-results-page {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
    
    .hcs-results-container {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .hcs-results-header {
        padding: 0 !important;
        margin-bottom: 20px !important;
    }
    
    .hcs-search-wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .hcs-search-box {
        max-width: 100% !important;
        width: 100% !important;
    }
}