/* Listing detail page — the əmlakagenti design language (owner, 2026-10-20).
   A theme layer over properties/detail.html and baskets/property_detail.html:
   Montserrat, one blue, icon chips on the fact tiles, a contact card with the
   price on top, WhatsApp in its own green. Layout and content stay where they
   were — this file only changes how they look. */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url("fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url("fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root { --acc: #3D7AA4; --acc-soft: rgba(61,122,164,.09); --k-navy: #0F1720; --k-text: #2B3440; --k-muted: #5F6B78;
  --k-line: #E3E7EC; --k-bg: #F5F7F9; --k-wa: #1FAF5A; --k-green: #08875A; --k-green-50: #E9F9F0;
  --k-shadow: 0 2px 6px rgba(16,30,70,.04), 0 14px 36px rgba(16,30,70,.07); }

.kap { font-family: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; color: var(--k-text); }
body:has(.kap) { background: #fff; }
.kap .ic { width: 1em; height: 1em; display: inline-block; vertical-align: middle; flex: none; }
.kap h1 { color: var(--k-navy); font-weight: 800 !important; letter-spacing: -.025em !important; }
.kap h2 { color: var(--k-navy); font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.015em !important; }
.kap h1 .k-lock .ic { width: 24px; height: 24px; color: var(--k-muted); vertical-align: middle; }
.kap .k-lock-s { width: 14px !important; height: 14px !important; color: var(--k-muted); vertical-align: -2px; }
.kap .k-row { display: inline-flex; align-items: center; gap: 6px; }

/* gallery */
.kap [data-rsp~="hero"] { border-radius: 24px !important; }
.kap .allbtn { border-radius: 12px !important; font-weight: 600 !important; padding: 9px 16px !important; }

/* deal / type badges at the top */
.kap section.kfup > div:first-child > span, .kap section.kfup > div:first-child > a { border-radius: 99px !important; font-size: 12.5px !important; padding: 5px 12px !important; }

/* fact tiles: the icon sits in a soft square, like the panel's stat cards */
.kap [data-rsp~="specs"], .kap [data-rsp~="amenities"] { gap: 12px !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; overflow: visible !important; }
.kap [data-rsp~="specs"] > div, .kap [data-rsp~="amenities"] > div { border: 1px solid var(--k-line); border-radius: 18px; padding: 16px !important; min-width: 0; }
.kap [data-rsp~="specs"] > div > .ic, .kap [data-rsp~="amenities"] > div > .ic {
  box-sizing: content-box; width: 20px !important; height: 20px !important; padding: 11px; border-radius: 14px;
  background: var(--acc-soft); color: var(--acc) !important; }
.kap [data-rsp~="specs"] > div > .ic[style*="#B45309"] { background: #FFF2E8; color: #C4500B !important; }

/* "Yaxınlıqda" rows */
.kap section > div[style*="minmax(260px"] { gap: 12px !important; background: transparent !important; border: 0 !important; overflow: visible !important; }
.kap section > div[style*="minmax(260px"] > div { border: 1px solid var(--k-line); border-radius: 18px; }
.kap section > div[style*="minmax(260px"] > div > .ic { box-sizing: content-box; width: 20px !important; height: 20px !important; padding: 10px; border-radius: 13px; background: var(--acc-soft); }

/* sidebar contact card */
.kap .d-card { border: 1px solid var(--k-line); border-radius: 24px; padding: 24px; background: #fff; box-shadow: var(--k-shadow); display: flex; flex-direction: column; gap: 18px; }
.kap .dc-price { display: grid; gap: 4px; }
.kap .dc-price b { font-size: 28px; font-weight: 800; color: var(--k-navy); letter-spacing: -.02em; line-height: 1.15; font-variant-numeric: tabular-nums; }
.kap .dc-price b small { font-size: 16px; font-weight: 700; color: var(--k-muted); }
.kap .dc-price b.muted-price { font-size: 22px; color: var(--k-muted); }
.kap .dc-price > span { font-size: 13.5px; color: var(--k-muted); }
.kap .dc-person { display: flex; align-items: center; gap: 12px; padding: 14px 0; border-top: 1px solid var(--k-line); border-bottom: 1px solid var(--k-line); }
.kap .dc-person img { width: 44px; height: 44px; border-radius: 14px; }
.kap .dc-person b { display: block; color: var(--k-navy); font-size: 15px; }
.kap .dc-person small { font-size: 12.5px; color: var(--k-muted); }
.kap .k-badge { justify-self: start; display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 99px; font-size: 12px; font-weight: 600; }
.kap .k-badge.green { background: var(--k-green-50); color: var(--k-green); }
.kap .k-wa { background: var(--k-wa) !important; color: #fff !important; }
.kap .k-wa:hover { background: #179B4E !important; }
.kap .btnp .ic, .kap .btng .ic, .kap .k-wa .ic, [data-rsp~="mobilebar"] .ic { width: 18px; height: 18px; }
.kap .btng { background: #EEF1F4 !important; }

/* Khalif Zəmanəti */
.kap .kz-box { border-radius: 20px !important; }
.kap .kz-li { display: flex; align-items: flex-start; gap: 8px; }
.kap .kz-li .ic { width: 15px; height: 15px; color: var(--k-green); margin-top: 2px; }

/* admin bubble */
.adm-fab { background: linear-gradient(180deg, #4383AD 0%, #3D7AA4 100%) !important; box-shadow: 0 10px 26px rgba(61,122,164,.3) !important; }
.adm-fab .ic { width: 24px; height: 24px; }
.adm-ic .ic { width: 15px; height: 15px; }
.adm-item.adm-primary { background: #3D7AA4 !important; border-color: #3D7AA4 !important; }

/* mobile CTA bar */
[data-rsp~="mobilebar"] a { border-radius: 14px !important; }
@media (max-width: 640px) {
  .kap [data-rsp~="specs"], .kap [data-rsp~="amenities"] { gap: 10px !important; }
  .kap [data-rsp~="specs"] > div, .kap [data-rsp~="amenities"] > div { padding: 12px !important; gap: 10px !important; border-radius: 16px; }
  .kap [data-rsp~="specs"] > div > .ic, .kap [data-rsp~="amenities"] > div > .ic { padding: 9px; border-radius: 12px; width: 18px !important; height: 18px !important; }
}