/* Sewa Rent — search & discovery (E3). Prefix .sewa-srch-, colours/radii/spacing from tokens.css only. */

/* ---------- Listing cards (inside Listeo's card link) ---------- */
.sewa-srch-card{display:flex;flex-direction:column;gap:var(--sewa-space-2);margin:var(--sewa-space-2) 0 0}
.sewa-srch-card:empty{display:none}
.sewa-srch-card .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.sewa-srch-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sewa-space-1) var(--sewa-space-3);font-size:13px;line-height:1.5;color:var(--sewa-text)}
.sewa-srch-badge{display:inline-flex;align-items:center;gap:var(--sewa-space-1);padding:1px var(--sewa-space-2);border-radius:var(--sewa-radius-pill);background:var(--sewa-bg-soft);border:1px solid var(--sewa-line);color:var(--sewa-navy);font-size:12px;font-weight:600;line-height:1.6;white-space:nowrap}
.sewa-srch-badge i{font-size:12px}
.sewa-srch-badge--verified i{color:var(--sewa-ok)}
.sewa-srch-area{display:inline-flex;align-items:center;gap:var(--sewa-space-1);min-width:0}
.sewa-srch-area i{color:var(--sewa-accent);font-size:12px}
.sewa-srch-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sewa-space-1) var(--sewa-space-3);font-size:13px;line-height:1.5;color:var(--sewa-text)}
.sewa-srch-fact{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0;white-space:nowrap}
.sewa-srch-fact i{color:var(--sewa-muted);font-size:12px;width:14px;text-align:center}
.sewa-srch-card--compact{margin-top:var(--sewa-space-1)}
.sewa-srch-card--compact .sewa-srch-card-top,.sewa-srch-card--compact .sewa-srch-facts{color:inherit}
.sewa-srch-card--compact .sewa-srch-badge{background:var(--sewa-bg)}

/* Our Verified pill replaces Listeo's title tick on the new card layout (same condition: listeo_core_is_verified). */
.listing-card-container-nl .listing-title-badges-nl .verified-icon-nl{display:none}

.sewa-srch-price{margin:var(--sewa-space-2) 0 0;font-size:13px;line-height:1.35;color:var(--sewa-text)}
.sewa-srch-price-amount{font-size:var(--sewa-font-size-lg);font-weight:700;color:var(--sewa-navy);white-space:nowrap}
.sewa-srch-price-unit{white-space:nowrap}
.sewa-srch-price-more{margin:2px 0 0;font-size:12px;line-height:1.35;color:var(--sewa-muted)} /* TRACKER 2.61: motorbike week/month rates */
.sewa-srch-price-rate{white-space:nowrap}

/* ---------- Quick filters (sidebar / half-map search form) ---------- */
.sewa-srch-filters{margin:var(--sewa-space-6) 0 var(--sewa-space-2)}
.sewa-srch-filters fieldset{border:0;margin:0;padding:0;min-width:0}
.sewa-srch-filters-title{display:block;width:auto;border:0;margin:0 0 var(--sewa-space-2);padding:0;font-size:var(--sewa-font-size);font-weight:600;color:var(--sewa-text)}
.sewa-srch-checks{position:relative}
.sewa-srch-checks label{display:block;margin:0 0 var(--sewa-space-2);font-size:var(--sewa-font-size-sm)}
/* Keep the native checkbox focusable (Listeo hides it with display:none). */
.sewa-srch-checks input[type=checkbox]{display:block!important;position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.sewa-srch-checks input[type=checkbox]:focus-visible + label:before{outline:2px solid var(--sewa-accent);outline-offset:2px}

/* ---------- Empty state on category archives ---------- */
.sewa-srch-empty{margin:var(--sewa-space-2) 0 var(--sewa-space-12);padding:var(--sewa-space-8) var(--sewa-space-6);border:1px dashed var(--sewa-line);border-radius:var(--sewa-radius);background:var(--sewa-bg-soft);text-align:center;color:var(--sewa-text)}
.sewa-srch-empty[hidden]{display:none}
.sewa-srch-empty-icon{display:block;margin:0 auto var(--sewa-space-3);font-size:28px;color:var(--sewa-accent)}
.sewa-srch-empty h3{margin:0 0 var(--sewa-space-2);font-size:22px;line-height:1.3;color:var(--sewa-navy)}
.sewa-srch-empty p{max-width:560px;margin:0 auto var(--sewa-space-4);font-size:var(--sewa-font-size)}
.sewa-srch-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sewa-space-3) var(--sewa-space-6);margin-bottom:0!important}
.sewa-srch-empty-actions .button{margin:0;border-radius:var(--sewa-radius-pill);min-height:44px;display:inline-flex;align-items:center}
.sewa-srch-empty-alt{font-weight:600;color:var(--sewa-navy);text-decoration:underline;display:inline-flex;align-items:center;min-height:44px} /* W5: 44 px tap targets */
.sewa-srch-is-empty #listings-not-found{display:none}
/* TRACKER 2.97в: suggestions + partner line on an empty search (any results page). */
.sewa-srch-empty-sugg{margin:var(--sewa-space-6) auto 0;max-width:620px}
.sewa-srch-empty p.sewa-srch-empty-sugg-title{margin:var(--sewa-space-4) auto var(--sewa-space-2);font-weight:600;color:var(--sewa-navy)}
.sewa-srch-empty-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
.sewa-srch-empty-chips a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--sewa-line);border-radius:var(--sewa-radius-pill);background:#fff;color:var(--sewa-navy);font-weight:500}
.sewa-srch-empty-chips a:hover,.sewa-srch-empty-chips a:focus-visible{border-color:var(--sewa-navy)}
.sewa-srch-empty-n{color:var(--sewa-text-subtle,#5f6368);font-weight:400}
.sewa-srch-empty p.sewa-srch-empty-partner{margin:var(--sewa-space-6) auto 0;color:var(--sewa-text)}
/* TRACKER 2.97 (analytics.php): small "Cookie settings" link under archive results (pages without a footer). */
.sewa-an-archive-link{margin:var(--sewa-space-4,16px) 0 var(--sewa-space-6,24px);text-align:center;font-size:14px}
.sewa-an-archive-link a{color:var(--sewa-text-subtle,#5f6368);text-decoration:underline;display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.sewa-srch-empty-partner a{font-weight:600;color:var(--sewa-red-text,#c41034);text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}

@media (max-width:767px){
  .sewa-srch-empty{padding:var(--sewa-space-6) var(--sewa-space-4)}
  .sewa-srch-empty h3{font-size:19px}
  .sewa-srch-empty p{font-size:16px;line-height:1.5} /* TRACKER 2.95: body text >= 16px on phones */
}

/* Price slider always on (visual review #25): no "Enable / Disable Price Filter" toggle. */
.sewa-price-always .slider-disable{display:none}
.sewa-price-always .range-slider-container{margin-bottom:0}

/* Reviews on cards (TRACKER 2.66, includes/reviews.php): "★ 4.8 (12)" replaces Listeo's number-only / "No reviews yet" line. */
.details-sidebar-upper-nl .listing-rating-nl{display:none}
.sewa-rv-stars{display:inline-flex;align-items:center;gap:var(--sewa-space-1);margin:var(--sewa-space-1) 0 0;font-size:13px;line-height:1.3;color:var(--sewa-text);white-space:nowrap}
.details-sidebar-col-nl:has(> .sewa-rv-stars){flex-wrap:wrap}
.details-sidebar-col-nl > .sewa-rv-stars{flex:none;width:100%;order:-1}
.sewa-rv-star{color:var(--sewa-warn)}
.sewa-rv-count{color:var(--sewa-muted)}

/* Unread messages (TRACKER 2.67): dot on the header avatar when Listeo's "Messages" item carries a badge. */
.user-menu .user-name{position:relative}
.user-menu:has(.nav-tag.messages) .user-name::after{content:"";position:absolute;top:0;left:22px;width:10px;height:10px;border-radius:50%;background:var(--sewa-accent);border:2px solid var(--sewa-white)}

/* ---------- Category dropdown "What do you want to rent?" (TRACKER 2.95; field sewa-category, hero + /listings/) ----------
   Name = red (small-text shade) bold, subtitle = calm grey on its own line, in every state (Listeo turns the subtitle white
   on li.active). Chosen category = soft red tint + red bar + check; keyboard position (bootstrap-select li.active) = navy
   inset ring, so focus and selection stay distinguishable; mouse hover = neutral grey. */
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li a{position:relative;padding:10px 40px 10px 14px;border-radius:8px;color:var(--sewa-text-subtle);white-space:normal;line-height:1.35}
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li a span.text{display:block;color:var(--sewa-red-text);font-size:16px;font-weight:700;line-height:1.35;white-space:normal}
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li a small.text-muted,
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.active a small.text-muted,
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.selected a small.text-muted{display:block;margin:2px 0 0;padding:0;color:var(--sewa-text-subtle);font-size:14px;font-weight:400;line-height:1.4;opacity:1}
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li:first-child a span.text{color:var(--sewa-text-subtle);font-weight:500} /* "any category" row */
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li a:hover,
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li a:focus,
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.active a{background:var(--sewa-hover-bg);color:var(--sewa-text-subtle);outline:none}
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.active a{box-shadow:inset 0 0 0 2px var(--sewa-focus)}
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.selected a,
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.selected a:hover{background:var(--sewa-select-bg);box-shadow:inset 4px 0 0 var(--sewa-red-text)}
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.selected.active a{box-shadow:inset 4px 0 0 var(--sewa-red-text),inset 0 0 0 2px var(--sewa-focus)}
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .dropdown-menu li.selected:not(:first-child) a::after{content:"";position:absolute;top:50%;right:14px;width:16px;height:16px;margin-top:-8px;background:var(--sewa-red-text);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 11.6 2.6 8l-1.4 1.4 5 5 9-9-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 11.6 2.6 8l-1.4 1.4 5 5 9-9-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
/* 2.122: category icon left of every row (same icons as the home cards / archive slider), centred on name + subtitle;
   dark grey, red on the chosen row and in the closed field. bootstrap-select renders <i class="sewa-cat-ico fa fa-…">. */
.sewa-category-field .bootstrap-select .dropdown-menu li a{display:flex;align-items:center;column-gap:12px}
.sewa-category-field .bootstrap-select .dropdown-menu li a span.text{flex:1 1 auto;min-width:0}
.sewa-category-field .bootstrap-select .dropdown-menu li:first-child a{padding-left:50px}
.sewa-category-field .bootstrap-select .sewa-cat-ico{flex:0 0 24px;width:24px;margin:0;font-size:20px;line-height:1;text-align:center;color:var(--sewa-text-strong)}
.sewa-category-field .bootstrap-select .dropdown-menu li.selected .sewa-cat-ico{color:var(--sewa-red-text)}
.sewa-category-field .bootstrap-select .filter-option-inner-inner .sewa-cat-ico{display:inline-block;width:22px;margin-right:8px;font-size:17px;vertical-align:-1px;color:var(--sewa-red-text)}
/* Closed field: hint in calm grey, a chosen category in the text colour, bold (option "0" = any category, "" = bootstrap-select title option). */
:is(.sewa-category-field,.sewa-location-field) .bootstrap-select .filter-option-inner-inner{color:var(--sewa-text-subtle)}
:is(.sewa-category-field,.sewa-location-field):has(option:checked:not([value="0"]):not([value=""])) .bootstrap-select .filter-option-inner-inner{color:var(--sewa-navy);font-weight:600}
/* ---------- Location dropdown of our places (TRACKER 2.116б; field sewa-location, hero + /listings/) ----------
   Same visual language as the category list above: markets = red bold, their areas indented, "Anywhere in Indonesia"
   calm grey; country rows (only once a 2nd country has listings) = small navy caps. Type-to-filter box on top; no
   free text is ever submitted. Phones: the open list is a full-screen sheet with large rows and a close button. */
.sewa-location-field .bootstrap-select .dropdown-menu .sewa-loc-market span.text{font-size:17px}
.sewa-location-field .bootstrap-select .dropdown-menu a.sewa-loc-area,.sewa-location-field .bootstrap-select .dropdown-menu li.sewa-loc-area a{padding-left:34px}
.sewa-location-field .bootstrap-select .dropdown-menu .sewa-loc-area span.text{color:var(--sewa-text-strong);font-weight:400} /* 2.121: areas regular very dark grey, markets red bold */
.sewa-location-field .bootstrap-select .dropdown-menu .sewa-loc-country span.text{color:var(--sewa-navy);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.sewa-location-field .bootstrap-select .bs-searchbox{position:relative;z-index:2;padding:4px 4px 8px;margin:0 0 4px;background:var(--sewa-white);border-bottom:1px solid var(--sewa-grey-e2)} /* 2.121: solid box, the list starts below its edge */
.sewa-location-field .bootstrap-select .bs-searchbox.sewa-loc-scrolled{box-shadow:0 6px 8px -6px rgba(var(--sewa-black-rgb),.22)}
.sewa-location-field .bootstrap-select .bs-searchbox .form-control,.sewa-location-field .bootstrap-select .bs-searchbox .form-control:focus{box-sizing:border-box;width:100%;height:44px;line-height:normal;margin:0;padding:0 40px 0 14px;font-size:16px;border:1px solid var(--sewa-grey-dd);border-radius:10px;background:var(--sewa-white);color:var(--sewa-text)}
.sewa-location-field .bootstrap-select .bs-searchbox .form-control:focus{border-color:var(--sewa-focus)}
.sewa-location-field .bootstrap-select .bs-searchbox:after{top:50%;right:18px;height:auto;line-height:1;font-size:14px;transform:translateY(-50%);color:var(--sewa-text-subtle)}
.sewa-location-field .bootstrap-select .dropdown-menu li.no-results{padding:12px 14px;color:var(--sewa-text-subtle);background:none}
.sewa-location-field .bootstrap-select .popover-title{display:none}
.sewa-location-field .bootstrap-select .dropdown-menu .inner{overscroll-behavior:contain}
/* 2.121: on tablets/desktops the open list never runs past the bottom of the screen (bootstrap-select sized it for 10
   two-line rows: 710 px, the lower rows were only reachable by scrolling the page). */
@media (min-width:768px){.sewa-location-field .bootstrap-select .dropdown-menu .inner{max-height:min(440px,calc(100vh - 220px))!important;min-height:180px!important}}
@media (max-width:767px){
	html.sewa-loc-sheet-open,html.sewa-loc-sheet-open body{overflow:hidden}
	html.sewa-loc-sheet-open .sewa-loc-raised{z-index:100050!important}
	.sewa-location-field .bootstrap-select:is(.open,.show) > .dropdown-menu{position:fixed!important;inset:0!important;top:0!important;left:0!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0 0 env(safe-area-inset-bottom,0)!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column;z-index:100050;transform:none!important;overflow:hidden!important;background:var(--sewa-white)}
	.sewa-location-field .bootstrap-select:is(.open,.show) .popover-title{display:flex;align-items:center;flex:0 0 auto;min-height:56px;margin:0;padding:0 64px 0 18px;border-bottom:1px solid var(--sewa-grey-ee);background:var(--sewa-white);color:var(--sewa-text);font-size:18px;font-weight:700;position:relative}
	.sewa-location-field .bootstrap-select .popover-title .close{position:absolute;top:6px;right:6px;width:44px;height:44px;margin:0;padding:0;font-size:30px;line-height:44px;color:var(--sewa-text);opacity:.8;background:none;border:0}
	.sewa-location-field .bootstrap-select:is(.open,.show) .bs-searchbox{flex:0 0 auto;padding:10px 16px 6px}
	.sewa-location-field .bootstrap-select .bs-searchbox:after{right:30px}
	.sewa-location-field .bootstrap-select:is(.open,.show) .dropdown-menu .inner{display:block!important;flex:1 1 auto;max-height:none!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:4px 8px 16px}
	.sewa-location-field .bootstrap-select .dropdown-menu li a{display:flex;align-items:center;min-height:52px;padding:12px 44px 12px 16px}
	.sewa-location-field .bootstrap-select .dropdown-menu a.sewa-loc-area,.sewa-location-field .bootstrap-select .dropdown-menu li.sewa-loc-area a{padding-left:36px}
}