/* the cell is the list child: a phone — the row, under the fourth card; a desktop — one card cell, the sixth,
   its width and padding copied from a result card by the script, as tall as its row (Ram, 08.10) */
.sc-wa-cell { box-sizing: border-box; width: 100%; grid-column: 1 / -1; margin: 2px 0 26px; }
.sc-wa-card { position: relative; box-sizing: border-box; width: 100%; overflow: hidden; padding: 18px 16px 16px; border: 0; border-radius: 10px; background: linear-gradient(160deg, #fbfefb 0%, #f2fbf0 55%, #e8f8e6 100%);   /* light, so the WhatsApp green bubbles stand out (Ram, 08.10) */ box-shadow: 0 1px 3px rgba(0, 0, 0, .15);   /* a result card s own shadow and corners: one of them, not a box above them (Ram, 08.10) */ color: #0b3d33; text-align: right; isolation: isolate; }
.sc-wa-card__blob { position: absolute; z-index: -1; border-radius: 50%; filter: blur(40px); opacity: .45; pointer-events: none; }   /* soft glows, no edge (Ram, 08.10) */
.sc-wa-card__blob--1 { top: -80px; left: -70px; width: 220px; height: 220px; background: radial-gradient(circle at 30% 30%, #8ee9a8, rgba(37, 211, 102, 0)); animation: sc-wa-float 9s ease-in-out infinite alternate; }
.sc-wa-card__blob--2 { bottom: -90px; right: -60px; width: 240px; height: 240px; background: radial-gradient(circle at 60% 40%, #a8efd9, rgba(18, 140, 126, 0)); animation: sc-wa-float 11s ease-in-out infinite alternate-reverse; }
/* a low window (Ram, 08.10): a new line pushes the older up and out — blurred and faded at the top, as a chat scrolls */
.sc-wa-card__chat { position: relative; height: 112px; margin: 0 0 12px; overflow: hidden; }   /* no box of its own: the bubbles on the card itself (Ram, 08.10) */
.sc-wa-card__feed { display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; height: 100%; box-sizing: border-box; padding: 4px 2px 6px; -webkit-mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .35) 18px, #000 40px); mask-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .35) 18px, #000 40px); }
.sc-wa-card__chat::before { content: ""; position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 34px; -webkit-backdrop-filter: blur(2.5px); backdrop-filter: blur(2.5px); -webkit-mask-image: linear-gradient(to bottom, #000, transparent); mask-image: linear-gradient(to bottom, #000, transparent); pointer-events: none; }
.sc-wa-card__google { display: flex; align-items: center; gap: 6px; margin: -2px 0 8px; color: #1f4a40; font-size: 13px; }
.sc-wa-card__google svg { flex: 0 0 auto; }
.sc-wa-card__google b { color: #0b3d33; font-size: 14px; }
.sc-wa-card__stars { color: #fbbc05; font-size: 13px; letter-spacing: 1px; }
.sc-wa-card__msg { position: relative; max-width: 82%; padding: 7px 11px; border-radius: 12px; font-size: 14px; line-height: 1.35; box-shadow: 0 1px 1px rgba(11, 61, 51, .12); }
.sc-wa-card__msg--in { align-self: flex-start; border-top-right-radius: 4px; background: #fff; color: #111b21; }
/* ours in the WhatsApp message green, the visitor in white (Ram, 08.10) — on a lighter card than before */
.sc-wa-card__msg--out { align-self: flex-end; border-top-left-radius: 4px; background: #d9fdd3; color: #111b21; }
.sc-wa-card__msg--out i { margin-inline-start: 6px; color: #53bdeb; font-size: 11px; }
.sc-wa-card__msg--out.sc-wa-card__typing { background: #fff; }
.sc-wa-card__msg { flex: 0 0 auto; }
.sc-wa-card__msg[hidden], .sc-wa-card__msg.is-hidden { display: none; }
.sc-wa-card__msg.is-pop { animation: sc-wa-pop .38s cubic-bezier(.34, 1.56, .64, 1) both; }
.sc-wa-card__typing { display: inline-flex; gap: 4px; align-items: center; width: max-content; padding: 10px 12px; animation: sc-wa-pop .25s ease-out both; }
.sc-wa-card__typing i { width: 6px; height: 6px; border-radius: 50%; background: #8696a0; animation: sc-wa-dot 1s ease-in-out infinite; }
.sc-wa-card__typing i:nth-child(2) { animation-delay: .15s; }
.sc-wa-card__typing i:nth-child(3) { animation-delay: .3s; }
.sc-wa-card__title { margin: 0 0 6px; color: #075e54; font-size: 19px; font-weight: 800; line-height: 1.25; }
.sc-wa-card__text { margin: 0 0 10px; color: #0b3d33; font-size: 15.5px; font-weight: 500; line-height: 1.45; }   /* bigger, and the promise in bold (Ram, 08.10) */
.sc-wa-card__text strong { color: #075e54; font-weight: 800; }
.sc-wa-card__perks { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; padding: 0; list-style: none; }
.sc-wa-card__perks li { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .8); color: #075e54; font-size: 12.5px; font-weight: 600; }
.sc-wa-card__perks i { color: #25d366; font-size: 11px; }
.sc-wa-card__cta, .sc-wa-card__cta:hover, .sc-wa-card__cta:focus { position: relative; display: flex; align-items: center; justify-content: center; gap: 9px; overflow: hidden; height: 50px; border-radius: 14px; background: #25d366; box-shadow: 0 2px 6px rgba(37, 211, 102, .25), inset 0 0 14px rgba(17, 243, 104, .6); color: #fff; font-size: 16.5px; font-weight: 700; text-decoration: none; }
.sc-wa-card__cta:active { background: #128c7e; transform: scale(.98); }
.sc-wa-card__cta i { font-size: 22px; animation: sc-wa-wiggle 3.2s ease-in-out infinite; }
.sc-wa-card__shine { position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .45), rgba(255, 255, 255, 0)); transform: skewX(-20deg); animation: sc-wa-shine 3.6s ease-in-out infinite; }


@keyframes sc-wa-pop { from { opacity: 0; transform: translateY(8px) scale(.94); } to { opacity: 1; transform: none; } }
@keyframes sc-wa-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
@keyframes sc-wa-float { from { transform: translate(0, 0); } to { transform: translate(18px, 14px); } }
@keyframes sc-wa-shine { 0%, 55% { left: -40%; } 100% { left: 120%; } }
@keyframes sc-wa-wiggle { 0%, 82%, 100% { transform: rotate(0); } 86% { transform: rotate(-14deg); } 90% { transform: rotate(12deg); } 94% { transform: rotate(-8deg); } 97% { transform: rotate(5deg); } }

@media (prefers-reduced-motion: reduce) {
    .sc-wa-card *, .sc-wa-card *::after { animation: none !important; }
    .sc-wa-card .sc-wa-card__msg.is-hidden { display: block; }
    .sc-wa-card .sc-wa-card__typing { display: none; }
}
.sc-wa-cell.sc-wa-off { display: none !important; }
@media (min-width: 768px) {
    /* the cell adds nothing to its row: the result cards set the height, the card is laid over the cell (inside its
       padding) and the chat takes what is left — a growing talk grew the row (Ram, 08.10) */
    /* sized as a result card by the CSS itself (#results-lists.grid > .list-item: 33.333%, 8/8/12) — not left to the
       script, which a refresh once caught not yet run: the cell sat as a sliver beside the fourth card (Ram, 08.10) */
    .sc-wa-cell { position: relative; display: block; flex: 0 0 33.333%; width: auto; min-height: 380px; margin: 0; padding: 8px 8px 12px; }
    .sc-wa-card { position: absolute; top: 8px; right: 8px; bottom: 12px; left: 8px; display: flex; flex-direction: column; width: auto; padding: 16px 14px 14px; border-radius: 10px; }   /* the result cards corners */
    .sc-wa-card__chat { flex: 1 1 0; height: auto; min-height: 0; }
    .sc-wa-card__text { margin-bottom: 8px; font-size: 15px; line-height: 1.4; }
    .sc-wa-card__perks { margin-bottom: 12px; }
    .sc-wa-card__cta, .sc-wa-card__cta:hover, .sc-wa-card__cta:focus { flex: 0 0 auto; height: 46px; font-size: 15.5px; }
}


.search-results-footer_suggestions_links { margin-top: 28px; }
.search-results-footer_suggestions_links .footer-link_title { margin-bottom: 10px; }
.search-results-footer_suggestions_links ul { gap: 8px; }
.search-results-footer_suggestions_links ul > li { margin: 0; }
.search-results-footer_suggestions_links ul > li a { height: 34px; padding: 0 14px; gap: 6px; border: 0; border-radius: 999px; box-shadow: none; background: #f2f2f2; color: #151d25; font-size: 14px; font-weight: 500; transition: background-color .15s; }
.search-results-footer_suggestions_links ul > li a:hover { background: #e6e6e6; color: #151d25; box-shadow: none; transform: none; }
.search-results-footer_suggestions_links ul > li a .sc-km { color: #8a8a8a; font-size: 12px; font-weight: 400; }
.search-results-footer_suggestions_links ul > li.sc-links-toggle a { border: 1px solid #d9d9d9; background: #fff; }
.search-results-footer_suggestions_links ul > li.sc-links-toggle a:hover { background: #f2f2f2; }


/* a filter whose list is open looks pressed; one whose pick is loading turns its icon into a spinner (Ram, 08.10) */
#search-results_filters .filter.active > .filter-button, #search-results_filters .filter.active > .filter-button:hover { background: #f3f3f3; border-color: rgba(0, 0, 0, .8); }
#search-results_filters .filter.sc-loading > .filter-button:before { content: "\f3f4"; display: inline-block; animation: sc-filter-spin .8s linear infinite; }
@keyframes sc-filter-spin { to { transform: rotate(360deg); } }
/* the space type is one pick: no "נקה" / "החל" — a pick applies itself (Ram, 08.10) */
#search-results_filters .filter[data-filter="space_type"] .filter-container_actions { display: none; }
.filter[data-filter="amenities_place"] .filter-button:before { content: "\f562"; }
.filter[data-filter="amenities_transport"] .filter-button:before { content: "\f238"; }
.filter[data-filter="amenities_equipment"] .filter-button:before { content: "\f552"; }
.sc-persons { margin: 14px 0 4px; padding-top: 12px; border-top: 1px solid #eef0f3; text-align: right; }
.sc-persons__title { margin-bottom: 8px; color: #64748b; font-size: 12px; font-weight: 600; }
.sc-persons__list { display: flex; flex-wrap: wrap; gap: 6px; }
.sc-persons__pill { display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border: 1px solid #d4d4d4; border-radius: 999px; background: #fff; box-shadow: none; color: #151d25; font: inherit; font-size: 14px; line-height: 1.3; white-space: nowrap; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.sc-persons__pill i { font-size: .8em; }
.sc-persons__pill:hover, .sc-persons__pill.is-on { border-color: #151d25; background: #151d25; color: #fff; }
/* the section headings of the space-type menu and the amenity buttons, on a desktop: small group labels in the
   text colour, an icon each, a little room under them (Ram, 08.10) */
@media (min-width: 481px) {
    #search-results_filters .filter[data-filter="space_type"] .filter-section_title,
    #search-results_filters .filter[data-filter^="amenities_"] .filter-section_title,
    #search-results_filters .filter[data-filter="persons_min"] .filter-section_title,
    #search-results_filters .filter[data-filter="pricing"] .filter-section_title { margin-bottom: 14px; color: #151d25; font-size: 14px; font-weight: 700; letter-spacing: .2px; }
    /* every list heads at the same height: "לכמה אנשים?" sat 15px above "משך השכרה" (Ram, 08.10) */
    #search-results_filters .filter[data-filter="persons_min"] .filter-container_inner { padding-top: 25px; }
}
/* an active filter: a clear circle on its button, as the search field has — a click clears that filter (Ram, 08.10) */
#search-results_filters .filter.sc-has-fx .filter-button { padding-inline-end: 38px; }
#search-results_filters .sc-fx { position: absolute; top: 50%; inset-inline-end: 9px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin: -11px 0 0; padding: 0; border: 0; border-radius: 50%; background: #f3f3f3; box-shadow: none; color: #151d25; cursor: pointer; transition: background-color .15s ease; }
#search-results_filters .sc-fx:before { font-family: "Font Awesome 7 Pro"; font-weight: 400; font-size: 10px; content: "\f00d"; }
#search-results_filters .sc-fx:hover { background: #e5e7eb; }
#search-results_filters .filter.sc-loading .sc-fx { display: none; }
@media (max-width: 480px) {
    #search-results_filters .sc-fx { display: none; }
    #search-results_filters .filter.sc-has-fx .filter-button { padding-inline-end: 12px; }
}
#search-results_filters .filter-section_title .sc-section-icon { width: 18px; margin-inline-end: 6px; text-align: center; font-size: 14px; }
/* "לכמה אנשים?" and "משך השכרה" head as the other lists: a person, a clock (Ram, 08.10) */
#search-results_filters .filter[data-filter="persons_min"] .filter-section_title > span:before,
#search-results_filters .filter[data-filter="pricing"] .filter-section_title > span:before { display: inline-block; width: 18px; margin-inline-end: 6px; font-family: "Font Awesome 7 Pro"; font-weight: 300; font-size: 14px; text-align: center; content: "\f007"; }
#search-results_filters .filter[data-filter="pricing"] .filter-section_title > span:before { content: "\f017"; }
#search-results_filters .filter.sc-amen-hidden, #search-results_filters .filter:has(.sc-amen-none):not(.sc-amen-shown) { display: none !important; }
#search-results_filters .filter[data-filter^="amenities_"] .filter-section:not(.sc-more-open) .filter-checkbox_option[data-sc-more="1"] { display: none; }
#search-results_filters .filter[data-filter^="amenities_"] .sc-amen-more { display: inline-flex; align-items: center; gap: 4px; margin: 6px 0 2px; padding: 0; border: 0; background: none; box-shadow: none; color: #151d25; font: inherit; font-size: 13.5px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }


@media (max-width: 1439px) {   /* a phone and a small desktop (Ram, 07.10) */
    #search-results_content-information:not(.is-open) { position: relative; max-height: var(--sc-intro-h, 5lh); overflow: hidden; }
    #search-results_content-information.is-clamped:not(.is-open) { margin-bottom: 0; }   /* "קרא עוד" right under the cut */
    #search-results_content-information.is-clamped:not(.is-open)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.6em; background: linear-gradient(rgba(255, 255, 255, 0), #fff); pointer-events: none; }
    .sc-intro-more, .sc-intro-more:hover, .sc-intro-more:focus, .sc-intro-more:active { display: inline-flex; align-items: center; gap: 4px; margin: 2px 0 12px; padding: 0; border: 0; background: none; box-shadow: none; color: inherit; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
    .sc-intro-more::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .15s ease; }
    .sc-intro-more[aria-expanded="true"]::after { margin-top: 3px; transform: rotate(-135deg); }
}
@media (min-width: 1440px) { .sc-intro-more { display: none; } }
/* the price bump (a phone only — a desktop tried and dropped, Ram 05.10): assets/css/space-card.css */
html.mobile-filters-active .filters-section.regular-filters { padding-bottom: calc(120px + env(safe-area-inset-bottom)); }
html.mobile-filters-active #filters-section_mobile-actions::before { height: 40px; }
/* the filters drawer on a phone (Ram, 08.10): tighter; one big blue "סנן תוצאות" with a small "נקה סננים" beside it,
   spinning till the results are in (the drawer closes then); the amenities two a row */
@media (max-width: 480px) {
    #search-results_filters .filters-section.regular-filters .filters-section-inner { padding: 14px 18px 0; margin-bottom: 0; }
    #search-results_filters .filters-section.regular-filters .filter { margin-bottom: 14px; }
    #search-results_filters .filters-section.regular-filters .filter:not(:last-child):after { margin-top: 14px; }
    #search-results_filters .filters-section.regular-filters .filter-section_title { margin-bottom: 2px; font-size: 16px; }
    #search-results_filters .filters-section.regular-filters .filter-section + .filter-section { margin-top: 10px; }
    #search-results_filters .filters-section.regular-filters .filter-checkbox_option { margin-bottom: 0; }
    #search-results_filters .filters-section.regular-filters .filter-checkbox_option label { padding: 6px 0; }
    #search-results_filters .filters-section.regular-filters .filter[data-filter^="amenities_"] .filter-checkbox_options { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
    #search-results_filters .filters-section.regular-filters .filter[data-filter^="amenities_"] .filter-checkbox_options::before,
    #search-results_filters .filters-section.regular-filters .filter[data-filter^="amenities_"] .filter-checkbox_options::after { display: none; }   /* the clearfix took a grid cell */
    #search-results_filters .filters-section.regular-filters .filters-section_actions { align-items: center; gap: 14px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); }
    #search-results_filters .filters-section.regular-filters .filters-section_actions button.submit,
    #search-results_filters .filters-section.regular-filters .filters-section_actions button.submit:hover { order: -1; flex: 1 1 auto; gap: 8px; height: 48px; padding: 0 20px; border-radius: 12px; background: #0042ff; color: #fff; font-size: 16px; font-weight: 700; }
    #search-results_filters .filters-section.regular-filters .filters-section_actions button.submit.is-loading { pointer-events: none; }
    #search-results_filters .filters-section.regular-filters .filters-section_actions button.submit.is-loading::before { content: "\f3f4"; display: inline-block; font-family: var(--fontawesome); font-weight: 300; animation: sc-drawer-spin .8s linear infinite; }
    #search-results_filters .filters-section.regular-filters .filters-section_actions button.clear { flex: 0 0 auto; height: auto; padding: 4px 2px; color: #4b5563; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
}
@keyframes sc-drawer-spin { to { transform: rotate(360deg); } }
@media (max-width: 480px) {
    #search-results_filters { flex-wrap: nowrap; align-items: center; gap: 8px; }
    #search-results_filters-inner { flex: 1 1 auto; min-width: 0; }
    #search-results_filters-mobile { flex: 0 0 auto; margin-top: 15px; gap: 6px; }   /* the location sits 15px down too */
    #search-results_filters-mobile > div { flex: 0 0 auto !important; }
    #search-results_filters-mobile > div button { position: relative; width: auto; height: 32px; padding: 0 10px; color: #151d25; }
    #search-results_filters-mobile > #search-results_filters-mobile_map button { width: 32px; padding: 0; }
    #search-results_filters-mobile > #search-results_filters-mobile_map button .icon { margin: 0; }
    #search-results_filters-mobile > #search-results_filters-mobile_map button .label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    /* inside the button, after its label (on its left in RTL — Ram, 08.10) — over its edge the bar above clipped it */
    .sc-filter-count { order: 1; flex: 0 0 auto; min-width: 18px; height: 18px; margin-inline-start: 6px; padding: 0 5px; border-radius: 9px; background: #0042ff; color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
}
/* The bottom banner (#search-b-mobile): the WhatsApp button, the accessibility
   button and the cookie banner stand above it, not on it, lifted by its height
   (--sc-bm-h, set below). A margin: the cookie banner animates translate, the
   WhatsApp button transform, and UserWay pins its bottom inline !important. */
/* the search field hint whole on a phone — smaller and a touch tighter (Ram, 08.10); the typed text stays 16px,
   or iOS zooms the page in on focus */
@media (max-width: 480px) { html body .filter .fc-search .fc-search-input::placeholder { font-size: 13px; letter-spacing: -.3px; } }
@media (max-width: 480px) { html body #search-results #search-results_filters { margin-top: -8px; padding-bottom: 8px; } html body #search-results #search-results_filters-inner, html body #search-results #search-results_filters-mobile { margin-top: 8px; } }   /* a phone: 8px over and under the search row — stuck at the top too; the bar pulled up as much as its row is pushed down, or the header cut the row at the top of the page (Ram, 09.10; were 15px) */
@media (max-width: 600px) { html body.admin-bar #search-results #search-results_filters { top: 0; } }   /* signed in on a phone the WordPress bar scrolls away (absolute under 600px) — the filters stuck 46px down, the page showing above them (Ram, 09.10) */
@media (max-width: 375px) { html body .filter .fc-search .fc-search-input::placeholder { font-size: 12px; } }
@media (max-width: 640px) {
    body.search-b-mobile-active #listingup-whatsapp-button,
    body.search-b-mobile-active .userway_buttons_wrapper,
    body.search-b-mobile-active #lu-cookie-banner { margin-bottom: var(--sc-bm-h, 0px) !important; }
    body.search-b-mobile-active #footer-inner { padding-bottom: var(--sc-bm-h, 0px); }   /* the footer ends above it (style.css pads a #footer-bottom no longer there) */
}


.count-results:has(.results-heading-title:empty), .results-heading-title:empty { display: none; }
.sc-nearby-note { margin: 0 0 16px; padding: 12px 16px; border-radius: 10px; background: #f3eafd; color: #4a1d6b; }
.sc-nearby-note__title { margin: 0 0 4px; color: inherit; font-size: 18px; font-weight: 700; line-height: 1.3; }
.sc-nearby-note__title i { margin-inline-end: 4px; font-size: .85em; }
.sc-nearby-note p { margin: 0; font-size: 15px; line-height: 1.45; }
#results-notification.no-results:has(.sc-nearby-note) { display: block; padding: 0; background: none; }
/* the link pills past the first ones: in the page (each area reachable), shown on "+ עוד" (content-links.php) */
.search-results-footer_suggestions_links ul:not(.sc-links-all) li.sc-links-extra { display: none; }
#results-notification.no-results:has(.sc-nearby-note):before { content: none; }
.sc-nearby-note--none { display: block; }
.sc-nearby-note--none .sc-nearby-note__title { display: block; }
.sc-nearby-note--none > span { display: block; font-size: 15px; line-height: 1.45; }
@media (max-width: 767px) {
    .sc-nearby-note--none > span { font-size: 14px; line-height: 1.35; }
    .sc-nearby-note { padding: 10px 12px; }
    .sc-nearby-note__title { font-size: 16px; line-height: 1.25; }
    .sc-nearby-note p { font-size: 14px; line-height: 1.35; }
}

/*# sourceURL=search-style-inline-css */