/* Ekstensi website versi dua: dua bahasa, katalog, dan detail properti */
.language-switch{display:flex;gap:3px;align-items:center;border:1px solid rgba(214,176,113,.43);padding:3px;flex:none}
.language-switch button{padding:7px 9px;border:0;background:transparent;color:#e0d6c3;font-size:11px;font-weight:800;cursor:pointer}
.language-switch button[aria-pressed="true"]{background:var(--gold);color:#161712}
.listings{background:#ece7dd;color:#1b211a}
.listings .eyebrow{color:#957038}.listings .h2{max-width:790px}
.listings-intro{max-width:660px;color:#555d54;font-size:15px;line-height:1.95;margin:0 0 28px}
.listings-toolbar{display:grid;grid-template-columns:1fr 190px 155px;gap:10px;margin-bottom:24px}
.listings-toolbar input,.listings-toolbar select{width:100%;border:1px solid #c4bbaa;background:#fffdf9;border-radius:0;padding:14px 14px;color:#253026;font:inherit;font-size:13px;min-height:47px}
.listings-toolbar input:focus-visible,.listings-toolbar select:focus-visible{outline:2px solid #b28f55;outline-offset:2px}
.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.listing-card{background:#fffefa;border:1px solid #ded4c4;overflow:hidden;display:flex;flex-direction:column}
.listing-card-media{aspect-ratio:1.48;background:linear-gradient(135deg,#444d40,#1d2b24);position:relative}
.listing-card-media img{display:block;width:100%;height:100%;object-fit:cover}
.listing-card-status{position:absolute;top:12px;left:12px;background:#f4ece0;color:#3a392b;padding:6px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.listing-card-content{padding:22px;display:flex;flex-direction:column;flex:1}
.listing-card-content h3{font:400 25px/1.25 var(--serif);margin:10px 0}
.listing-card-location{color:#6b7468;font-size:12px;margin-bottom:12px}
.listing-card-price{font-weight:700;color:#8d6a39;font-size:18px;margin-bottom:12px}
.listing-card-spec{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:#626c60;padding:13px 0;border-top:1px solid #e8e1d5;border-bottom:1px solid #e8e1d5;margin-top:auto}
.listing-card-open{display:block;margin-top:18px;border:1px solid #a78555;background:transparent;padding:13px;color:#51402a;font-size:12px;font-weight:700;text-align:center;cursor:pointer}
.listing-card-open:hover{background:#d7b172;color:#151510}
.listing-message{padding:35px 26px;text-align:center;border:1px solid #d8cebd;background:#fffbf4;color:#5e675b;line-height:1.85;font-size:14px}
.listing-message strong{display:block;color:#30382f;font-family:var(--serif);font-size:23px;font-weight:400;margin-bottom:8px}
.listing-fineprint{font-size:11px;color:#70766a;line-height:1.8;margin-top:24px}
.detail-dialog{position:fixed;inset:0;background:rgba(6,9,7,.79);z-index:120;display:none;align-items:center;justify-content:center;padding:20px}
.detail-dialog.open{display:flex}
.detail-shell{width:min(950px,100%);max-height:min(94vh,890px);overflow:auto;background:#fffdf7;color:#232820;position:relative;box-shadow:0 25px 90px #0009}
.detail-close{position:absolute;right:13px;top:13px;z-index:2;background:#101410;color:#e8c17d;border:1px solid #c59b5c;font-size:27px;width:43px;height:43px;cursor:pointer}
.detail-photo{width:100%;height:clamp(210px,37vw,420px);object-fit:cover;background:#2a3029}
.detail-thumbs{display:flex;gap:9px;padding:13px 22px;overflow:auto}
.detail-thumbs button{border:2px solid transparent;padding:0;background:transparent;cursor:pointer;flex:none}
.detail-thumbs button:focus-visible,.detail-thumbs button.active{border-color:#ad884c}
.detail-thumbs img{width:90px;height:63px;object-fit:cover}
.detail-content{padding:22px clamp(20px,4vw,45px) 39px}
.detail-content h2{font:400 clamp(31px,4vw,49px)/1.15 var(--serif);margin:13px 0}
.detail-description{color:#4e574d;line-height:1.95;white-space:pre-line}
.detail-specs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.detail-specs span{background:#f1ece2;border:1px solid #e1d7c6;padding:10px 13px;font-size:12px}
.detail-price{font-weight:700;font-size:23px;color:#a17840}
.detail-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.detail-links a{padding:13px 20px;background:#151911;color:#f4e0bd;font-size:13px;font-weight:700}
.detail-links a.secondary{background:transparent;color:#594628;border:1px solid #ae8a55}
.catalogue-shortcut{margin-top:22px;font-size:12px}
.catalogue-shortcut a{color:#8b642e;text-decoration:underline}
@media(max-width:1020px){.header .inner{gap:12px}.brand{min-width:unset}.brand-name{font-size:14px}.nav{gap:12px}.nav a{font-size:11px}.listings-toolbar{grid-template-columns:1fr 1fr}.listings-toolbar input{grid-column:1/-1}}
@media(max-width:760px){.language-switch{margin-left:auto}.listings-toolbar{grid-template-columns:1fr}.listings-toolbar input{grid-column:auto}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-card-content{padding:16px}}
@media(max-width:580px){.listing-grid{grid-template-columns:1fr}.detail-dialog{padding:10px}.detail-photo{height:270px}}

.detail-links button{padding:13px 20px;background:#151911;color:#f4e0bd;border:0;font-size:13px;font-weight:700;cursor:pointer}
.detail-links button.secondary{background:transparent;color:#594628;border:1px solid #ae8a55}
