/* Warehouses.ae
   Light: orange + white · Dark: orange + charcoal */
:root,
[data-bs-theme="light"] {
    --wh-orange: #ea580c;
    --wh-orange-hover: #c2410c;
    --wh-orange-soft: #fff4ec;
    --wh-ink: #1f1f1f;
    --wh-surface: #ffffff;
    --wh-surface-2: #f6f6f4;
    --wh-border: #e4e4e0;
    --wh-border-strong: #cfcfca;
    --wh-muted: #6b6b66;
    --wh-radius: 6px;
    --wh-radius-lg: 10px;
    --wh-footer-bg: #f6f6f4;
    --wh-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .05);

    --bs-primary: var(--wh-orange);
    --bs-primary-rgb: 234, 88, 12;
    --bs-primary-text-emphasis: var(--wh-orange-hover);
    --bs-primary-bg-subtle: var(--wh-orange-soft);
    --bs-primary-border-subtle: #fed7aa;
    --bs-link-color: var(--wh-orange);
    --bs-link-color-rgb: 234, 88, 12;
    --bs-link-hover-color: var(--wh-orange-hover);
    --bs-link-hover-color-rgb: 194, 65, 12;
    --bs-body-bg: var(--wh-surface);
    --bs-body-color: var(--wh-ink);
    --bs-border-color: var(--wh-border);
    --bs-secondary-color: var(--wh-muted);
    --bs-border-radius: var(--wh-radius);
    --bs-border-radius-lg: var(--wh-radius-lg);
    --bs-border-radius-sm: 4px;
    --bs-focus-ring-color: rgba(234, 88, 12, .25);
}

[data-bs-theme="dark"] {
    --wh-orange: #f97316;
    --wh-orange-hover: #fb8a3c;
    --wh-orange-soft: rgba(249, 115, 22, .12);
    --wh-ink: #ededeb;
    --wh-surface: #141414;
    --wh-surface-2: #1b1b1b;
    --wh-border: #2d2d2b;
    --wh-border-strong: #3d3d3a;
    --wh-muted: #a3a39e;
    --wh-footer-bg: #101010;
    --wh-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);

    --bs-primary: var(--wh-orange);
    --bs-primary-rgb: 249, 115, 22;
    --bs-primary-text-emphasis: #fdba74;
    --bs-primary-bg-subtle: rgba(249, 115, 22, .12);
    --bs-primary-border-subtle: rgba(249, 115, 22, .35);
    --bs-link-color: var(--wh-orange);
    --bs-link-color-rgb: 249, 115, 22;
    --bs-link-hover-color: #fdba74;
    --bs-link-hover-color-rgb: 253, 186, 116;
    --bs-body-bg: var(--wh-surface);
    --bs-body-color: var(--wh-ink);
    --bs-tertiary-bg: var(--wh-surface-2);
    --bs-secondary-bg: #222220;
    --bs-border-color: var(--wh-border);
    --bs-secondary-color: var(--wh-muted);
    color-scheme: dark;
}

body {
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    background: var(--wh-surface);
    color: var(--wh-ink);
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}
body.lang-ar { font-family: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-weight: 700; }
a { text-decoration: none; }
img { max-width: 100%; height: auto; }
.skip-link { position: absolute; inset-inline-start: 1rem; top: 1rem; z-index: 2000; background: var(--wh-orange); color: #fff; padding: .5rem 1rem; }
[dir="rtl"] .flip-rtl { transform: scaleX(-1); display: inline-block; }
.hp-field { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.text-primary { color: var(--wh-orange) !important; }

/* Buttons & forms */
.btn { font-weight: 600; border-radius: var(--wh-radius); }
.btn-primary {
    --bs-btn-bg: var(--wh-orange); --bs-btn-border-color: var(--wh-orange);
    --bs-btn-hover-bg: var(--wh-orange-hover); --bs-btn-hover-border-color: var(--wh-orange-hover);
    --bs-btn-active-bg: var(--wh-orange-hover); --bs-btn-active-border-color: var(--wh-orange-hover);
    --bs-btn-disabled-bg: var(--wh-orange); --bs-btn-disabled-border-color: var(--wh-orange);
    --bs-btn-color: #fff; --bs-btn-hover-color: #fff; --bs-btn-active-color: #fff;
    --bs-btn-focus-shadow-rgb: 234, 88, 12;
}
.btn-outline-primary {
    --bs-btn-color: var(--wh-orange); --bs-btn-border-color: var(--wh-orange);
    --bs-btn-hover-bg: var(--wh-orange); --bs-btn-hover-border-color: var(--wh-orange); --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--wh-orange); --bs-btn-active-border-color: var(--wh-orange); --bs-btn-active-color: #fff;
}
.btn-whatsapp { background: #25d366; border-color: #25d366; color: #fff; }
.btn-whatsapp:hover, .btn-whatsapp:focus { background: #1fb457; border-color: #1fb457; color: #fff; }
.btn-icon { width: 38px; height: 38px; display: inline-grid; place-items: center; color: var(--wh-ink); background: transparent; border: 1px solid var(--wh-border); border-radius: var(--wh-radius); padding: 0; font-weight: 600; font-size: .9rem; }
.btn-icon:hover { border-color: var(--wh-border-strong); color: var(--wh-ink); }
.form-control, .form-select { border-radius: var(--wh-radius); border-color: var(--wh-border-strong); }
.form-control:focus, .form-select:focus { border-color: var(--wh-orange); box-shadow: 0 0 0 .2rem rgba(234, 88, 12, .15); }
.form-check-input:checked { background-color: var(--wh-orange); border-color: var(--wh-orange); }
.form-label { font-weight: 600; font-size: .82rem; color: var(--wh-muted); margin-bottom: .3rem; }
.pagination { --bs-pagination-active-bg: var(--wh-orange); --bs-pagination-active-border-color: var(--wh-orange); --bs-pagination-color: var(--wh-ink); --bs-pagination-hover-color: var(--wh-orange); }

/* Header */
.site-header { background: var(--wh-surface); border-bottom: 1px solid var(--wh-border); }
.site-header .navbar { padding-block: .7rem; }
.site-header .navbar-brand { padding: 0; margin-inline-end: 1.5rem; }
.site-header .nav-link { position: relative; font-weight: 500; color: var(--wh-ink); padding-inline: .85rem !important; }
.site-header .nav-link:hover, .site-header .nav-link.active { color: var(--wh-orange); }
@media (min-width: 992px) {
    .site-header .nav-link.active::after { content: ""; position: absolute; inset-inline: .85rem; bottom: -.75rem; height: 2px; background: var(--wh-orange); }
}
.dropdown-menu { border-color: var(--wh-border); border-radius: var(--wh-radius); box-shadow: 0 6px 18px rgba(0, 0, 0, .08); }
.dropdown-item:active { background: var(--wh-orange); }
.brand { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; font-size: 1.2rem; color: var(--wh-ink); direction: ltr; }
.brand:hover { color: var(--wh-ink); }
.brand-mark { width: 32px; height: 32px; border-radius: var(--wh-radius); display: inline-grid; place-items: center; background: var(--wh-orange); color: #fff; font-size: 1rem; flex: none; }
.brand-tld { color: var(--wh-orange); }
.brand-textual { display: inline-flex; align-items: center; gap: .5rem; }
.brand .logo { height: 44px; width: auto; max-width: 220px; object-fit: contain; display: block; }
.brand .for-dark { display: none; }
[data-bs-theme="dark"] .brand .for-light { display: none; }
[data-bs-theme="dark"] .brand .for-dark { display: block; }
[data-bs-theme="dark"] .brand .brand-textual.for-dark { display: inline-flex; }
.theme-icon-dark { display: none; }
[data-bs-theme="dark"] .theme-icon-light { display: none; }
[data-bs-theme="dark"] .theme-icon-dark { display: inline; }
.navbar-toggler { color: var(--wh-ink); }
.navbar-toggler:focus { box-shadow: none; }

/* Hero */
.hero { padding: 3.5rem 0 3rem; background: var(--wh-surface-2); border-bottom: 1px solid var(--wh-border); }
.hero-title { font-size: clamp(1.8rem, 3.6vw, 2.6rem); margin-bottom: .6rem; letter-spacing: -.01em; }
body.lang-ar .hero-title { letter-spacing: 0; }
.hero-lead { color: var(--wh-muted); font-size: 1.08rem; margin-bottom: 1.75rem; max-width: 40rem; }
.search-box { background: var(--wh-surface); border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); padding: 1rem 1.25rem 1.25rem; box-shadow: var(--wh-shadow); }
.search-box .btn-primary { min-height: 38px; }
.quick-links { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; margin-top: 1rem; font-size: .88rem; color: var(--wh-muted); }
.quick-links a { color: var(--wh-ink); }
.quick-links a:hover { color: var(--wh-orange); }
.purpose-tabs { display: flex; gap: 1.5rem; border-bottom: 1px solid var(--wh-border); margin-bottom: 1rem; }
.purpose-tabs label { padding: .35rem 0 .6rem; cursor: pointer; font-weight: 600; color: var(--wh-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.purpose-tabs .btn-check:checked + label { color: var(--wh-ink); border-bottom-color: var(--wh-orange); }
.purpose-tabs .btn-check:focus-visible + label { outline: 2px solid var(--wh-orange); }

/* Sections */
.section { padding: 3rem 0; }
.section-alt { background: var(--wh-surface-2); border-block: 1px solid var(--wh-border); }
.section-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.section-title { font-size: 1.45rem; margin: 0; }
.section-title::after { content: ""; display: block; width: 36px; height: 3px; background: var(--wh-orange); margin-top: .55rem; border-radius: 2px; }
.section-head .section-title::after { margin-bottom: 0; }
.link-arrow { font-weight: 600; font-size: .9rem; }
.page-head { padding: 2.25rem 0 1.75rem; border-bottom: 1px solid var(--wh-border); background: var(--wh-surface-2); }
.page-title { font-size: clamp(1.5rem, 2.8vw, 2rem); }
.page-sub { color: var(--wh-muted); }
.breadcrumb-bar { padding: .6rem 0; border-bottom: 1px solid var(--wh-border); font-size: .82rem; background: var(--wh-surface-2); }
.breadcrumb-item a { color: var(--wh-muted); }
.breadcrumb-item a:hover { color: var(--wh-orange); }
.breadcrumb-item.active { color: var(--wh-ink); }
.narrow { max-width: 800px; }

/* Plain link lists (emirates, types, areas) */
.link-grid { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .5rem; }
.link-grid a, .area-link { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: .75rem .9rem; border: 1px solid var(--wh-border); border-radius: var(--wh-radius); background: var(--wh-surface); color: var(--wh-ink); font-weight: 500; }
.link-grid a, .area-link { transition: border-color .2s, box-shadow .2s; }
.link-grid a:hover, .area-link:hover { border-color: var(--wh-orange); color: var(--wh-ink); box-shadow: var(--wh-shadow); }
.link-grid .count, .area-link .count { color: var(--wh-muted); font-size: .82rem; font-weight: 400; }
.type-ic { color: var(--wh-orange); margin-inline-end: .5rem; }
.cta-band { display: flex; justify-content: space-between; align-items: center; gap: 1rem 2rem; flex-wrap: wrap; padding: 1.5rem 1.75rem; border: 1px solid var(--wh-border); border-inline-start: 4px solid var(--wh-orange); border-radius: var(--wh-radius); background: var(--wh-surface-2); }
.cta-band p { color: var(--wh-muted); }
.seo-copy { color: var(--wh-muted); line-height: 1.8; }

/* Listing card */
.listing-card { position: relative; display: flex; flex-direction: column; background: var(--wh-surface); border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); overflow: hidden; transition: box-shadow .2s, border-color .2s; }
.listing-card:hover { border-color: var(--wh-border-strong); box-shadow: var(--wh-shadow); }
.listing-card:hover .listing-title a { color: var(--wh-orange); }
.listing-card-media { position: relative; display: block; aspect-ratio: 3 / 2; background: var(--wh-surface-2); }
.listing-card-media img { width: 100%; height: 100%; object-fit: cover; }
.badge-stack { position: absolute; top: .6rem; inset-inline-start: .6rem; display: flex; gap: .3rem; flex-wrap: wrap; }
.badge { font-weight: 600; font-size: .72rem; padding: .35em .55em; border-radius: 3px; }
.badge-purpose { background: var(--wh-orange); color: #fff; }
.badge-soft { background: var(--wh-surface); color: var(--wh-ink); border: 1px solid var(--wh-border); }
.badge-featured { background: #1f1f1f; color: #fff; }
.media-count { position: absolute; bottom: .6rem; inset-inline-end: .6rem; background: rgba(0, 0, 0, .65); color: #fff; font-size: .75rem; padding: .15rem .45rem; border-radius: 3px; }
.listing-card-body { padding: .9rem 1rem 1rem; display: flex; flex-direction: column; gap: .3rem; flex: 1; }
.listing-price { font-size: 1.15rem; font-weight: 700; color: var(--wh-orange); }
.listing-title { font-size: .95rem; font-weight: 600; margin: 0; line-height: 1.4; }
.listing-title a { color: var(--wh-ink); }
.listing-location { color: var(--wh-muted); font-size: .85rem; }
.listing-specs { list-style: none; padding: .6rem 0 0; margin: auto 0 0; display: flex; flex-wrap: wrap; gap: .3rem 1rem; border-top: 1px solid var(--wh-border); font-size: .82rem; color: var(--wh-muted); }
.listing-specs i { margin-inline-end: .2rem; }
.listing-type { font-size: .78rem; color: var(--wh-muted); }

/* Search page */
.filter-card { background: var(--wh-surface); border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); padding: 1.1rem; }
@media (min-width: 992px) { .offcanvas-lg { position: sticky; top: 80px; } }
.results-bar { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.results-bar .form-select { width: auto; }
.empty-state { text-align: center; padding: 3rem 1rem; border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); }
.empty-state > i { font-size: 2rem; color: var(--wh-muted); }
.seo-block { padding: 1.5rem; border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); }
.stat { border: 1px solid var(--wh-border); border-radius: var(--wh-radius); padding: .75rem .9rem; height: 100%; }
.stat span { display: block; color: var(--wh-muted); font-size: .78rem; }
.stat strong { font-size: 1.05rem; }
.chip-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.chip { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .7rem; border-radius: var(--wh-radius); border: 1px solid var(--wh-border); color: var(--wh-ink); font-size: .85rem; }
.chip span { color: var(--wh-muted); font-size: .75rem; }
.chip:hover { border-color: var(--wh-orange); color: var(--wh-ink); }
.chip-accent { border-color: var(--wh-orange); color: var(--wh-orange); font-weight: 600; }

/* FAQ */
.faq { --bs-accordion-border-color: var(--wh-border); --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-active-bg: var(--wh-surface-2); --bs-accordion-active-color: var(--wh-ink); --bs-accordion-border-radius: var(--wh-radius); --bs-accordion-inner-border-radius: var(--wh-radius); --bs-accordion-bg: var(--wh-surface); }
.faq .accordion-button { font-weight: 600; font-size: .95rem; }

/* Listing page */
.listing-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; }
.listing-h1 { font-size: clamp(1.35rem, 2.6vw, 1.8rem); margin: 0 0 .3rem; }
.listing-price-lg { font-size: 1.6rem; font-weight: 700; }
.gallery-main { position: relative; border-radius: var(--wh-radius-lg); overflow: hidden; background: #000; }
.gallery-main .carousel-item img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.gallery-main .media-count { z-index: 3; }
.gallery-thumbs { display: flex; gap: .4rem; overflow-x: auto; padding: .5rem 0; }
.gallery-thumbs button { flex: none; border: 2px solid transparent; padding: 0; border-radius: 4px; overflow: hidden; background: none; opacity: .65; }
.gallery-thumbs button.active, .gallery-thumbs button:hover { border-color: var(--wh-orange); opacity: 1; }
.gallery-thumbs img { width: 110px; height: 72px; object-fit: cover; display: block; }
.gallery-empty img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: var(--wh-radius-lg); }
.key-specs { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); }
.key-specs li { padding: .9rem 1rem; display: flex; flex-direction: column; border-inline-end: 1px solid var(--wh-border); }
.key-specs li:last-child { border-inline-end: 0; }
.key-specs i { display: none; }
.key-specs strong { font-size: 1.1rem; }
.key-specs span { color: var(--wh-muted); font-size: .8rem; order: -1; }
.content-card { border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); padding: 1.25rem 1.4rem; margin-bottom: 1rem; background: var(--wh-surface); }
.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 2rem; margin: 0; }
.facts > div { display: flex; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--wh-border); }
.facts dt { font-weight: 400; color: var(--wh-muted); }
.facts dd { margin: 0; font-weight: 600; text-align: end; }
.feature-list { list-style: none; padding: 0; margin: 0; columns: 2 200px; column-gap: 2rem; }
.feature-list li { padding: .3rem 0; break-inside: avoid; }
.feature-list i { color: var(--wh-orange); margin-inline-end: .4rem; }
.rich-text { line-height: 1.8; }
.rich-text h2 { font-size: 1.25rem; margin-top: 1.75rem; }
.rich-text h3 { font-size: 1.1rem; margin-top: 1.5rem; }
.rich-text img { border-radius: var(--wh-radius); }
.rich-text table { width: 100%; margin: 1rem 0; border-collapse: collapse; }
.rich-text th, .rich-text td { border: 1px solid var(--wh-border); padding: .5rem .75rem; }
.rich-text blockquote { border-inline-start: 3px solid var(--wh-orange); padding-inline-start: 1rem; color: var(--wh-muted); }
.map { height: 320px; border-radius: var(--wh-radius); overflow: hidden; border: 1px solid var(--wh-border); z-index: 0; }
.contact-card { top: 80px; border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); padding: 1.25rem; background: var(--wh-surface); z-index: 5; }
.contact-card-head { margin-bottom: 1rem; padding-bottom: .9rem; border-bottom: 1px solid var(--wh-border); }
.form-note { font-size: .76rem; color: var(--wh-muted); margin: .6rem 0 0; }
.share-row { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--wh-border); flex-wrap: wrap; }
.mobile-cta { position: fixed; inset: auto 0 0 0; z-index: 1030; display: flex; gap: .5rem; padding: .6rem .75rem calc(.6rem + env(safe-area-inset-bottom)); background: var(--wh-surface); border-top: 1px solid var(--wh-border); }
.mobile-cta .btn { flex: 1; }
.mobile-cta .btn-outline-primary { flex: 0 0 auto; }
@media (max-width: 991.98px) { body:has(.mobile-cta) { padding-bottom: 70px; } body:has(.mobile-cta) .wa-float { display: none; } }

/* Locations / blog / contact */
.location-group { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid var(--wh-border); }
.post-card { position: relative; border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); overflow: hidden; display: flex; flex-direction: column; background: var(--wh-surface); }
.post-card-media img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.post-card-body { padding: 1rem; }
.post-card-body time { color: var(--wh-muted); font-size: .8rem; }
.post-card-body h3 { font-size: 1rem; margin: .35rem 0; }
.post-card-body h3 a { color: var(--wh-ink); }
.post-card:hover h3 a { color: var(--wh-orange); }
.post-card-body p { color: var(--wh-muted); margin: 0; font-size: .9rem; }
.post-cover { width: 100%; border-radius: var(--wh-radius-lg); margin-bottom: 2rem; }
.contact-list li { display: flex; gap: .9rem; padding: .75rem 0; border-bottom: 1px solid var(--wh-border); }
.contact-list li:last-child { border-bottom: 0; }
.contact-list i { color: var(--wh-orange); font-size: 1.1rem; }
.contact-list span { display: block; font-size: .78rem; color: var(--wh-muted); }
.error-code { font-size: clamp(3.5rem, 12vw, 6rem); font-weight: 700; line-height: 1; color: var(--wh-orange); }

/* About page */
.about-intro p { font-size: 1.02rem; }
.check-list { list-style: none; padding: 0; margin: 0; }
.check-list li { display: flex; gap: .6rem; padding: .45rem 0; border-bottom: 1px solid var(--wh-border); }
.check-list li:last-child { border-bottom: 0; }
.check-list i { color: var(--wh-orange); font-size: 1.1rem; line-height: 1.3; }
.stats-strip { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); }
.stats-strip li { padding: 1.25rem 1rem; text-align: center; border-inline-end: 1px solid var(--wh-border); border-bottom: 1px solid var(--wh-border); margin-bottom: -1px; }
.stats-strip strong { display: block; font-size: 1.6rem; font-weight: 700; color: var(--wh-orange); line-height: 1.2; }
.stats-strip .stat-title { display: block; font-weight: 600; margin-top: .25rem; }
.stats-strip .stat-sub { display: block; color: var(--wh-muted); font-size: .82rem; }
.about-card { border: 1px solid var(--wh-border); border-radius: var(--wh-radius-lg); padding: 1.25rem; background: var(--wh-surface); }
.about-card > i { color: var(--wh-orange); font-size: 1.4rem; }
.about-card h3 { font-size: 1.02rem; margin: .5rem 0 .35rem; }
.about-card p { color: var(--wh-muted); margin: 0; font-size: .92rem; }
.values-list { list-style: none; counter-reset: v; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.25rem 2rem; }
.values-list li { counter-increment: v; position: relative; padding-inline-start: 2.6rem; }
.values-list li::before { content: counter(v, decimal-leading-zero); position: absolute; inset-inline-start: 0; top: 0; font-weight: 700; color: var(--wh-orange); }
.values-list h3 { font-size: 1rem; margin-bottom: .3rem; }
.values-list p { color: var(--wh-muted); margin: 0; font-size: .92rem; }
.trust-badges { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.trust-badges li { display: inline-flex; gap: .4rem; align-items: center; padding: .45rem .8rem; border: 1px solid var(--wh-orange); border-radius: var(--wh-radius); color: var(--wh-orange); font-weight: 600; background: var(--wh-surface); }

/* Footer — follows the light / dark theme */
.site-footer { background: var(--wh-footer-bg); color: var(--wh-muted); border-top: 1px solid var(--wh-border); }
.site-footer .brand { color: var(--wh-ink); }
.footer-title { font-size: .8rem; font-weight: 700; color: var(--wh-ink); margin-bottom: .9rem; text-transform: uppercase; letter-spacing: .06em; }
body.lang-ar .footer-title { text-transform: none; letter-spacing: 0; font-size: .95rem; }
.footer-links li { margin-bottom: .45rem; }
.footer-links a, .footer-contact a { color: var(--wh-muted); font-size: .9rem; }
.footer-links a:hover, .footer-contact a:hover { color: var(--wh-orange); }
.footer-contact li { display: flex; gap: .6rem; margin-bottom: .55rem; font-size: .9rem; }
.footer-contact i { color: var(--wh-orange); }
.footer-social { color: var(--wh-ink); }
.footer-social:hover { color: var(--wh-orange); border-color: var(--wh-orange); }
.footer-popular { border-top: 1px solid var(--wh-border); }
.footer-popular a { display: inline-block; font-size: .82rem; color: var(--wh-muted); padding: .2rem .6rem; border: 1px solid var(--wh-border); border-radius: var(--wh-radius); }
.footer-popular a:hover { color: var(--wh-orange); border-color: var(--wh-orange); }
.footer-bottom { border-top: 1px solid var(--wh-border); font-size: .82rem; }
.footer-bottom a { color: var(--wh-ink); font-weight: 600; }
.footer-bottom a:hover { color: var(--wh-orange); }
.wa-float { position: fixed; bottom: 1.1rem; inset-inline-end: 1.1rem; z-index: 1040; width: 52px; height: 52px; border-radius: 50%; background: #25d366; color: #fff; display: grid; place-items: center; font-size: 1.6rem; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); }
.wa-float:hover { color: #fff; background: #1fb457; }

.offcanvas { --bs-offcanvas-bg: var(--wh-surface); }
.alert { border-radius: var(--wh-radius); }
@media (max-width: 575.98px) {
    .section { padding: 2.25rem 0; }
    .hero { padding: 2rem 0 1.75rem; }
    .search-box { padding: .9rem; }
    .listing-price-lg { font-size: 1.35rem; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}