/* Bali Residences Melaka — CSS awam.
   Semua warna/fon/bucu datang daripada token tema (--c-*, --f-*, --r), dikeluarkan oleh
   Appearance\Themes dalam <style id="brm-tema-css">. Nilai di :root di bawah = Editorial
   (sandaran sahaja). @font-face juga dikeluarkan oleh Themes (fon tema aktif sahaja). */

:root{
	--c-bg:#FBFAF7; --c-surface:#FFFFFF; --c-ink:#1B1716; --c-muted:#655C58; --c-line:#E4DDD6;
	--c-accent:#9E1B1B; --c-accent-ink:#FFFFFF; --c-soft:#F4E3DF; --c-soft-ink:#7A1515;
	--c-hd-bg:#9E1B1B; --c-hd-ink:#FFF7F2; --c-dark:#1B1716; --c-dark-ink:#FBFAF7;
	--c-cta2:#F2C14E; --c-cta2-ink:#1B1716; --c-ok:#2E6B3F; --c-zebra:#FAF6F3;
	--r:2px; --r-kad:3px; --disp-w:700; --disp-ls:-.02em;
	--f-tajuk:Georgia,"Times New Roman",serif;
	--f-teks:system-ui,-apple-system,"Segoe UI",sans-serif;
	--f-angka:ui-monospace,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font:16px/1.6 var(--f-teks);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--c-dark);color:var(--c-dark-ink);padding:10px 14px;z-index:100}
.skip:focus{left:8px}
main{display:block}
.s-in{max-width:1100px;margin-inline:auto;padding-inline:20px}
.num{font-family:var(--f-angka);font-variant-numeric:tabular-nums}

/* Header */
.s-hd{background:var(--c-hd-bg);color:var(--c-hd-ink);border-bottom:1px solid var(--c-line)}
.s-hd .s-in{display:flex;align-items:center;gap:20px;padding-block:14px;position:relative}
.s-logo{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:20px;line-height:1.1;margin-right:auto;text-decoration:none;letter-spacing:var(--disp-ls)}
.s-logo small{display:block;font-family:var(--f-teks);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.s-nav{display:none;gap:22px;font-size:14px;font-weight:500}
.s-nav a,.s-menu nav a{text-decoration:none}
.s-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.s-menu summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;border:1px solid currentColor;border-radius:var(--r);padding:6px 12px}
.s-menu summary::-webkit-details-marker{display:none}
.s-menu nav{position:absolute;right:20px;top:100%;z-index:20;display:grid;min-width:220px;background:var(--c-dark);color:var(--c-dark-ink);padding:8px 0;border-radius:var(--r);box-shadow:0 12px 30px -12px rgba(0,0,0,.5)}
.s-menu nav a{padding:10px 18px}
/* Menu penuh dari 1000px: 720–999px melimpah bila Menginap/Tentang + Disimpan ada (diukur 9 Okt; pratonton header-disimpan.html A) */
@media (min-width:1000px){.s-nav{display:flex}.s-menu{display:none}}

/* Tipografi umum */
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent)}
.h-disp{font-family:var(--f-tajuk);font-weight:var(--disp-w);letter-spacing:var(--disp-ls);line-height:1.06;text-wrap:balance;margin:0}
.h-disp em{font-style:italic;color:var(--c-accent)}
.lede{color:var(--c-muted);font-size:18px;max-width:58ch;margin:0}
.kosong{color:var(--c-muted);font-style:italic}

/* Gambar */
.img{position:relative;overflow:hidden;background:var(--c-line);border-radius:var(--r-kad)}
.img img{width:100%;height:100%;object-fit:cover}
.img-kosong{aspect-ratio:4/3;background:linear-gradient(160deg,var(--c-accent) 0 38%,color-mix(in srgb,var(--c-accent) 55%,var(--c-dark)) 38% 62%,var(--c-dark) 62%)}

/* Butang */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--f-teks);padding:13px 18px;border-radius:var(--r);text-decoration:none;justify-self:start;border:0;cursor:pointer}
.btn-pri{background:var(--c-accent);color:var(--c-accent-ink)}
.btn:hover{filter:brightness(.92)}
.btn-wa{background:#1F7A4D;color:#FFFFFF}

/* Halaman utama — setiap bahagian ialah <section> tersendiri (susunan ikut Tetapan → Rupa) */
.hero{padding-block:24px 28px;display:grid;gap:24px;align-items:center}
.hero-t{display:grid;gap:16px;justify-items:start}
.hero .h-disp{font-size:clamp(36px,8vw,64px)}
.hero .img{aspect-ratio:4/5;order:-1;max-height:420px;width:100%}
.statline{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--c-muted);margin:0}
.statline b{color:var(--c-ink);font-weight:600}
@media (min-width:860px){.hero{grid-template-columns:1.1fr .9fr;gap:40px;padding-block:44px 36px}.hero .img{order:0;max-height:none}}

.sec{padding-block:28px}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;border-top:3px solid var(--c-ink);padding-top:10px}
.sec-h h2{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:clamp(22px,3vw,30px);letter-spacing:var(--disp-ls);margin:0}
.sec-h a{font-size:14px;font-weight:600;color:var(--c-accent);text-decoration:none}

.cats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:860px){.cats{grid-template-columns:repeat(4,1fr)}}
.cat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);text-decoration:none;font-weight:600}
.cat:hover{border-color:var(--c-ink)}
.cat span{font-size:13px;color:var(--c-muted)}

.near{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-line)}
.near li{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--c-line)}
.near .km{font-size:20px;color:var(--c-accent)}
.near .km small{display:block;font:500 11px/1 var(--f-teks);color:var(--c-muted)}
.near a{text-decoration:none}
.near b{display:block;font-weight:600}
.near a:hover b{text-decoration:underline}
.near span span{font-size:13px;color:var(--c-muted)}
.near .jalan{display:block;font-size:12px;line-height:1.3;margin-top:2px}
/* Berhampiran (halaman tempat) & Rancang seterusnya (itinerary/panduan) — Fasa 2 */
.dekat,.kait{padding-block:28px 8px}
.dekat-grid,.kait-grid{display:grid;gap:28px}
@media (min-width:760px){.dekat-grid.dua,.kait-grid.dua{grid-template-columns:1fr 1fr;gap:40px}}
.dekat h3,.kait h3{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:19px;margin:0 0 6px}
.dekat .nota-kaki,.kait .nota-kaki{font-size:13px;color:var(--c-muted);margin:12px 0 0}
.near.turut .km{font-size:22px}
.near .km.jenis{font:600 11px/1.2 var(--f-teks);letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);overflow-wrap:anywhere}
.tag{font-size:12px;font-weight:600;padding:3px 8px;border-radius:var(--r);background:var(--c-soft);color:var(--c-soft-ink);white-space:nowrap}

.itin{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-kad);padding:20px;display:grid;gap:10px}
.itin .h-disp{font-size:24px}
.itin p{margin:0;color:var(--c-muted)}
.lagi{font-weight:600;color:var(--c-accent);text-decoration:none;font-size:14px}

.stay{background:var(--c-dark);color:var(--c-dark-ink);border-radius:var(--r-kad);padding:24px;display:grid;gap:12px;align-content:start}
.stay .eyebrow{color:inherit}
.stay h3{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:26px;line-height:1.1;margin:0}
.stay p{margin:0}
.stay .btn-pri{background:var(--c-cta2);color:var(--c-cta2-ink)}

/* Artikel / tempat */
.crumb{font-size:13px;color:var(--c-muted);padding-top:20px}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
.p-head{display:grid;gap:12px;padding-block:12px 20px;max-width:760px}
.p-head .h-disp{font-size:clamp(32px,6vw,54px)}
.byline{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--c-muted);margin:0}
.stamp{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--c-ok)}
.stamp::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.stamp-lama{color:var(--c-muted)}

.p-grid{display:grid;gap:28px;align-items:start;padding-bottom:16px}
@media (min-width:900px){.p-grid{grid-template-columns:minmax(0,1fr) 340px;gap:40px}.p-grid.p-tunggal{grid-template-columns:minmax(0,1fr)}}
.aside{display:grid;gap:16px;order:-1}
@media (min-width:900px){.aside{order:0;position:sticky;top:16px}}

.prose{display:grid;gap:16px;font-size:17px;max-width:66ch}
.prose>*{margin:0}
.prose>.img{aspect-ratio:16/9}
.prose>p:first-of-type:not(.brm-tarikh)::first-letter{font-family:var(--f-tajuk);font-weight:var(--disp-w);float:left;font-size:3.4em;line-height:.85;padding:4px 8px 0 0;color:var(--c-accent)}
.prose h2{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:26px;letter-spacing:var(--disp-ls);line-height:1.15;margin-top:12px}
.prose h3{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:20px;margin-top:6px}
.prose a{color:var(--c-accent);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:6px}
.prose blockquote{border-left:3px solid var(--c-accent);padding-left:16px;font-family:var(--f-tajuk);font-style:italic;font-size:20px}
.prose figure{display:grid;gap:6px}
.prose figcaption{font-size:13px;color:var(--c-muted)}
.prose table{border-collapse:collapse;width:100%;font-size:15px}
.prose .wp-block-table{overflow-x:auto}
.prose th,.prose td{border-bottom:1px solid var(--c-line);padding:8px 10px;text-align:left}
.prose tr:nth-child(even){background:var(--c-zebra)}
.prose hr{border:0;border-top:1px solid var(--c-line)}
.prose details{border:1px solid var(--c-line);border-radius:var(--r);padding:10px 14px;background:var(--c-surface)}
.prose summary{font-weight:600;cursor:pointer}

/* Fakta pantas */
.fakta{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-kad);overflow:hidden}
.fakta h2{margin:0;padding:14px 18px;font:700 13px/1 var(--f-teks);letter-spacing:.12em;text-transform:uppercase;background:var(--c-dark);color:var(--c-dark-ink)}
.fakta table{width:100%;border-collapse:collapse;font-size:14.5px}
.fakta th,.fakta td{text-align:left;vertical-align:top;padding:10px 18px;border-bottom:1px solid var(--c-line)}
.fakta tr:nth-child(even){background:var(--c-zebra)}
.fakta th{font-weight:500;color:var(--c-muted);width:42%}
.fakta td{font-weight:600}
.fakta .km{font-size:17px;color:var(--c-accent);font-weight:500}
.fakta .note-s{display:block;font-weight:400;font-size:12px;color:var(--c-muted)}
.fakta .src{padding:12px 18px;font-size:13px;color:var(--c-muted);display:grid;gap:4px}
.fakta .src a{color:var(--c-accent)}

.cta-in{border:1px dashed var(--c-line);border-radius:var(--r-kad);padding:16px 18px;display:grid;gap:8px;font-size:14px;background:var(--c-surface)}
.cta-in b{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:18px}
.cta-in p{margin:0;color:var(--c-muted)}

.penafian{border-left:4px solid var(--c-accent);background:var(--c-soft);color:var(--c-soft-ink);padding:14px 18px;margin-bottom:24px;max-width:760px;display:grid;gap:4px;border-radius:0 var(--r) var(--r) 0}
.penafian strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.penafian p{margin:0}

/* Arkib */
.a-head{padding-block:28px 12px;display:grid;gap:10px}
.a-head .h-disp{font-size:clamp(30px,5.5vw,48px)}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-block:10px 18px;border-bottom:1px solid var(--c-line);margin-bottom:22px}
.fchip{font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:var(--r);border:1px solid var(--c-line);background:var(--c-surface);text-decoration:none}
.fchip:hover{border-color:var(--c-ink)}
.fchip.on{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}
.cards{display:grid;gap:24px}
@media (min-width:600px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{display:grid;gap:10px;align-content:start;text-decoration:none;border-top:1px solid var(--c-line);padding-top:12px}
.card .img{aspect-ratio:3/2}
.card h3{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:21px;line-height:1.15;letter-spacing:var(--disp-ls);margin:0}
.card:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.card p{margin:0;font-size:14.5px;color:var(--c-muted)}
.meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:13px;color:var(--c-muted)}
.meta .num{color:var(--c-accent)}
/* Gaya kad: senarai padat */
.cards.senarai{grid-template-columns:1fr;gap:0;border-top:1px solid var(--c-line)}
.cards.senarai .card{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"img h" "img meta" "img p";column-gap:16px;row-gap:4px;border-top:0;padding:14px 0;border-bottom:1px solid var(--c-line)}
.cards.senarai .img{grid-area:img;aspect-ratio:1/1}
.cards.senarai h3{grid-area:h;font-size:18px}
.cards.senarai .meta{grid-area:meta}
.cards.senarai p{grid-area:p;font-size:14px}
.pages ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:28px 0 0}
.pages a,.pages span{display:inline-block;min-width:40px;text-align:center;padding:8px 12px;border:1px solid var(--c-line);border-radius:var(--r);text-decoration:none}
.pages .current{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}

/* Footer */
.s-ft{margin-top:40px;background:var(--c-dark);color:var(--c-dark-ink);font-size:13.5px}
.s-ft .s-in{padding-block:28px;display:grid;gap:12px}
.s-ft p{margin:0}
.s-ft nav,.s-ft .sosial{display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:600}
.s-ft a{text-decoration:none}
.s-ft a:hover{text-decoration:underline}
.s-ft .disc{max-width:70ch}


@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Peta (Leaflet) — Fasa 2 */
.peta-kanvas{width:100%;height:240px;border:1px solid var(--c-line);border-radius:var(--r-kad);background:var(--c-zebra);z-index:0}
.peta-besar{height:min(65vh,560px);margin-bottom:24px}
.brm-peta-menginap .peta-kanvas{height:340px}
.leaflet-container{font-family:var(--f-teks)}
.leaflet-popup-content{font-size:14px;line-height:1.4;color:#1B1716}
.leaflet-popup-content a{color:inherit}
.brm-pin{background:none;border:0}
.brm-pin span{display:grid;place-items:center;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--c-accent);border:2px solid #FFFFFF;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.brm-pin-makan span{background:var(--c-dark)}
.brm-pin-rumah span{width:30px;height:30px;background:var(--c-cta2);color:var(--c-cta2-ink);font-size:16px;font-weight:700}
.brm-pin-rumah span{transform:rotate(-45deg)}
.peta-penapis{display:grid;gap:10px;margin-bottom:16px}
.peta-kump{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.peta-kump-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);min-width:5.5rem}
.peta-penapis .fchip{cursor:pointer;font-family:var(--f-teks);color:var(--c-ink)}
.peta-penapis .fchip[aria-pressed="true"]{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}
.peta-kiraan{margin:0;font-size:13.5px;color:var(--c-muted)}
.peta-senarai-tajuk{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:22px;margin:8px 0 12px}
.peta-senarai{margin:0;padding:0 0 0 1.4em;display:grid;gap:0;border-top:1px solid var(--c-line)}
.peta-senarai li{padding:10px 0;border-bottom:1px solid var(--c-line)}
.peta-senarai li a{font-weight:600;text-decoration:none}
.peta-senarai li a:hover{text-decoration:underline}
.peta-senarai .meta{margin-top:2px}

/* Butang share (Fasa 2) */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px}
.share-l{color:var(--c-muted);font-weight:600}
.sbtn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:7px 12px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);color:var(--c-ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.sbtn svg{width:16px;height:16px;flex:none}
.sbtn:hover{border-color:var(--c-ink)}
.sbtn.utama{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}
.sbtn[hidden]{display:none}
/* v0.21.0 Tetapan → Butang kongsi → "Ikon sahaja" (nama pd aria-label/title) */
.sbtn.ikon{min-width:44px;min-height:44px;padding:0;justify-content:center}
.sbtn.ikon svg{width:18px;height:18px}
.share-ok{color:var(--c-ok);font-weight:600}
.share-ok:empty{display:none}
.prose>.share{border-top:1px solid var(--c-line);padding-top:16px;margin-top:8px}

/* Carian, penapis & susun — arkib Tempat/Makan (Fasa 2) */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cari{display:grid;gap:12px;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:14px;margin:0 0 20px}
.cari .baris{display:flex;flex-wrap:wrap;gap:8px}
.cari input[type=search]{flex:1 1 240px;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-bg);color:var(--c-ink);font:inherit}
.cari select{min-height:44px;padding:6px 10px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);color:var(--c-ink);font:inherit;font-size:15px;max-width:100%}
.cari .btn{min-height:44px}
.cari .filters{margin:0}
.cari .kepala{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--c-line);padding-top:12px}
.cari .aktif{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0}
.cari .pil{background:var(--c-soft);color:var(--c-soft-ink);padding:4px 10px;border-radius:14px;font-size:13px;font-weight:600;text-decoration:none}
.cari .kosong-l{font-size:13.5px}
.cari .susun{font-size:14px;display:flex;align-items:center;gap:6px}
@media (max-width:599px){.cari .baris>select,.cari .baris>.btn{flex:1 1 100%}}

/* Acara (Fasa 2) */
.evs{display:grid;margin:0 0 8px}
.ev{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px 0;border-top:1px solid var(--c-line);text-decoration:none;color:inherit}
.ev:hover h3{text-decoration:underline;text-underline-offset:4px}
.tkh{display:grid;text-align:center;align-self:start;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r);padding:6px 0}
.tkh b{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:28px;line-height:1.05}
.tkh small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent)}
.tkh small:last-child{color:var(--c-muted);font-weight:600}
.ev-isi{display:grid;gap:4px;align-content:start}
.ev h3{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:21px;line-height:1.15;letter-spacing:var(--disp-ls);margin:0}
.ev .meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13.5px;color:var(--c-muted)}
.lencana{justify-self:start;display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:12px;background:var(--c-soft);color:var(--c-soft-ink)}
.lencana.kini{background:var(--c-accent);color:var(--c-accent-ink)}
.lalu{background:var(--c-surface);border:1px solid var(--c-line);border-left:4px solid var(--c-muted);padding:12px 14px;margin:12px 0 0;font-size:15px}
.lalu a{color:var(--c-accent);font-weight:600}

/* ---- Web app / PWA (pratonton dev-tests/preview/pwa.html) ---- */
.brm-pasang{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-width:420px;margin-inline:auto;background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line);border-radius:var(--r);box-shadow:0 8px 24px rgba(0,0,0,.18);padding:12px 14px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;font-size:14px;line-height:1.4}
.brm-pasang img{width:40px;height:40px;border-radius:10px;grid-row:span 2}
.brm-pasang-langkah{grid-column:1/-1;margin:6px 0 0;padding-left:18px;color:var(--c-muted);font-size:13.5px}
.brm-pasang-tindak{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.brm-pasang .btn{min-height:40px;padding:8px 16px;font-size:14px;cursor:pointer;border:0}
.brm-btn-hantu{background:none;color:var(--c-muted)}
.brm-luar-jalur{position:sticky;top:0;z-index:55;background:var(--c-ink);color:var(--c-bg);font-size:13px;padding:8px 16px;display:flex;justify-content:space-between;gap:8px}
.brm-luar-jalur a{color:inherit;font-weight:600}
.brm-luar a[href*="/keluar/"]{opacity:.5;pointer-events:none}
.brm-luar .brm-peta{position:relative}
.brm-luar .brm-peta::after{content:"Peta perlukan internet";position:absolute;inset:0;z-index:500;display:grid;place-items:center;background:color-mix(in srgb,var(--c-bg) 85%,transparent);color:var(--c-muted);font-size:14px}
.brm-luar-ikon{color:var(--c-accent)}
.brm-disimpan li{grid-template-columns:minmax(0,1fr) auto}
.brm-disimpan small{color:var(--c-muted);font-size:12px;white-space:nowrap}

/* ---- Polisi Privasi: baris tarikh kemas kini (tanpa huruf hiasan) ---- */
.prose>p.brm-tarikh{font-size:14px;color:var(--c-muted)}

/* ---- Kecemasan & kemudahan (pratonton dev-tests/preview/kecemasan.html) ---- */
.kec{padding-block:28px 8px}
.kec-talian{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px}
.kec-talian a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-surface);text-decoration:none;color:var(--c-ink)}
.kec-talian a b{font-family:var(--f-angka);font-size:20px;color:var(--c-accent)}
.kec-talian a span{font-size:13px;line-height:1.3}
.kec-talian a.utama{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-ink)}
.kec-talian a.utama b{color:var(--c-accent-ink)}
.kec .near li{grid-template-columns:4.5rem minmax(0,1fr) auto}
.kec .jenis{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
.kec .tindak{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.kec .tindak a{font-size:13px;font-weight:600;padding:8px 10px;border:1px solid var(--c-line);border-radius:var(--r);text-decoration:none;color:var(--c-accent);white-space:nowrap}
.kec .sumber{font-size:12.5px;color:var(--c-muted);margin-top:10px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:600px){
	.kec .near li{grid-template-columns:3.6rem minmax(0,1fr)}
	.kec .tindak{grid-column:2;justify-content:flex-start}
	.kec-talian{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
	.kec-talian a{flex-direction:column;align-items:flex-start;gap:2px;padding:10px}
	.kec-talian a span{font-size:12px}
}

/* ---- Simpan ♡, Cetak & Kod QR (Fasa 3 — pratonton dev-tests/preview/cetak-qr-simpan.html) ---- */
.sbtn.simpan[aria-pressed=true]{background:var(--c-soft);color:var(--c-soft-ink);border-color:var(--c-soft-ink)}
.sbtn.simpan[aria-pressed=true] svg,.hati[aria-pressed=true] svg{fill:currentColor}
.hd-simpan{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.hd-simpan[hidden],.hd-simpan .bil[hidden]{display:none}
.hd-simpan svg{width:15px;height:15px;flex:none}
.hd-simpan .bil,.hd-ikon .bil{background:var(--c-cta2);color:var(--c-cta2-ink);border-radius:9px;font:600 11.5px/1.5 var(--f-angka);padding:0 6px}
/* Bawah 1000px (butang Menu): ♡ + kiraan sentiasa kelihatan di sebelah Menu */
.hd-ikon{display:inline-flex;align-items:center;gap:4px;min-height:40px;min-width:40px;justify-content:center;color:inherit;text-decoration:none}
.hd-ikon svg{width:20px;height:20px}
.hd-ikon[hidden],.hd-ikon .bil[hidden]{display:none}
@media (min-width:1000px){.hd-ikon{display:none}}
/* Penukar bahasa (pratonton bahasa-en.html pilihan A): "EN"/"BM" berikon glob, semua lebar */
.hd-bhs{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 8px;color:inherit;text-decoration:none;font:600 13.5px/1 var(--f-teks);letter-spacing:.04em;border:1px solid transparent;border-radius:var(--r);white-space:nowrap;flex:none}
.hd-bhs:hover,.hd-bhs:focus-visible{border-color:currentColor}
.hd-bhs svg{width:17px;height:17px}
/* Menu penuh + Menginap/Tentang + penukar melimpah 50px @1000 (diukur, cek-en-header.mjs) → rapatkan jarak */
@media (min-width:1000px) and (max-width:1099px){.s-nav{gap:16px}}
/* Kad: <a> tidak boleh mengandungi butang → pembalut, hati di penjuru */
.kad-w{position:relative;min-width:0}
.hati{position:absolute;top:20px;right:8px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--c-accent);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.25);padding:0}
.hati[hidden]{display:none}
.hati svg{width:20px;height:20px}
.hati:focus-visible{outline:3px solid var(--c-ink);outline-offset:2px}
.cards.senarai .kad-w .card{padding-right:52px}
.cards.senarai .hati{top:14px;right:0}
.evs .kad-w .ev{padding-right:52px}
.evs .hati{top:14px;right:0}
/* Tetingkap Kod QR — kod sentiasa gelap atas putih (juga tema gelap) */
dialog.qr{border:1px solid var(--c-line);border-radius:var(--r-kad);padding:22px;max-width:340px;width:calc(100% - 32px);background:var(--c-surface);color:var(--c-ink);text-align:center}
dialog.qr::backdrop{background:rgba(0,0,0,.5)}
dialog.qr h2{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:20px;margin:0 0 4px}
dialog.qr p{margin:0 0 14px;font-size:14px;color:var(--c-muted)}
dialog.qr .kod{width:min(240px,100%);aspect-ratio:1;margin:0 auto 14px;background:#fff}
.kod svg{display:block;width:100%;height:100%}
dialog.qr .bt{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
/* Halaman /disimpan/ */
.dsp-nota{display:flex;gap:10px;align-items:flex-start;background:var(--c-surface);border:1px solid var(--c-line);border-left:4px solid var(--c-ok);padding:12px 14px;font-size:14px;margin:0 0 22px}
.dsp-nota svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--c-ok)}
.dsp-nota p{margin:0}
.dsp-kump h2{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:20px;margin:22px 0 6px}
.dsp ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-line)}
.dsp li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--c-line)}
.dsp li img,.dsp li .img-kosong{width:72px;height:72px;aspect-ratio:1;object-fit:cover;display:block}
.dsp li a{font-weight:700;text-decoration:none;color:var(--c-ink);overflow-wrap:anywhere}
.dsp li a:hover{text-decoration:underline}
.dsp li small{display:block;color:var(--c-muted);font-size:13px;margin-top:2px}
.dsp-kaki{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;font-size:13.5px;color:var(--c-muted)}
@media (max-width:480px){.dsp li{grid-template-columns:56px minmax(0,1fr);gap:10px}.dsp li img,.dsp li .img-kosong{width:56px;height:56px}.dsp li .sbtn{grid-column:2;justify-self:start}}
/* ---- Ikuti kami (ganti surat berita; pratonton dev-tests/preview/ikuti-kami.html A) ---- */
.ik{border:1px solid var(--c-line);border-radius:var(--r-kad);background:var(--c-surface);padding:20px;display:grid;gap:12px;margin-top:8px}
.ik h2{font-family:var(--f-tajuk);font-weight:var(--disp-w);font-size:22px;line-height:1.15;margin:0}
.ik p{margin:0;font-size:14.5px;color:var(--c-muted)}
.ik-s{display:flex;flex-wrap:wrap;gap:8px}
.ik-s a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--c-line);border-radius:var(--r);background:var(--c-bg);color:var(--c-ink);font-weight:600;font-size:14px;text-decoration:none}
.ik-s a:hover{border-color:var(--c-ink)}
.ik-s svg{width:18px;height:18px;flex:none}
.ik-s a.utama{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}
.ik.gelap{background:var(--c-dark);color:var(--c-dark-ink);border:0;border-radius:0;padding:32px 0;margin:0}
.ik.gelap .s-in{display:grid;gap:12px}
.ik.gelap p{color:color-mix(in srgb,var(--c-dark-ink) 75%,transparent)}
.ik.gelap .ik-s a{background:transparent;color:var(--c-dark-ink);border-color:color-mix(in srgb,var(--c-dark-ink) 35%,transparent)}
.ik.gelap .ik-s a.utama{background:var(--c-cta2);color:var(--c-cta2-ink);border-color:var(--c-cta2)}
@media (min-width:860px){.ik.gelap .s-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;column-gap:40px}}

/* Bahagian cetakan — tersorok di skrin */
.cetak-kepala,.cetak-tempat,.cetak-kaki{display:none}

@media print{
	@page{size:A4;margin:14mm 14mm 16mm}
	html,body{background:#fff!important;color:#111!important}
	body{font-size:11pt;line-height:1.5}
	.skip,.s-hd,.s-ft,.share,.aside,.stay,.cta-in,.hati,.brm-pasang,.brm-luar-jalur,dialog,.kec-pautan,.ik{display:none!important}
	a{color:inherit!important;text-decoration:none!important}
	.s-in{max-width:none!important;padding-inline:0!important}
	.p-grid{display:block!important}
	img{max-height:70mm;width:auto;break-inside:avoid}
	h1,h2,h3{break-after:avoid}
	li,tr{break-inside:avoid}
	/* Itinerary: kepala cetakan + QR menggantikan kepala skrin; tanpa gambar, peta & cadangan */
	.itin-w .crumb,.itin-w .p-head,.itin-w .prose>.img,.itin-w .kait,.itin-w .brm-peta{display:none!important}
	.cetak-kepala{display:grid!important;grid-template-columns:minmax(0,1fr) 30mm;gap:6mm;align-items:start;border-bottom:2px solid #111;padding-bottom:4mm;margin-bottom:5mm}
	.cetak-laman{font-size:8.5pt;letter-spacing:.06em;text-transform:uppercase;color:#444}
	.cetak-tajuk{font-family:var(--f-tajuk);font-weight:700;font-size:22pt;line-height:1.1;margin:1mm 0 2mm}
	.cetak-ring{margin:0;font-size:10.5pt;color:#333}
	.cetak-qr{text-align:center;font-size:7pt;line-height:1.25;color:#444}
	.cetak-qr .kod{width:28mm;height:28mm;margin:0 auto 1mm}
	.itin-w .prose{border:0!important;box-shadow:none!important;padding:0!important;background:none!important;max-width:none;font-size:11pt;gap:2mm}
	.itin-w .prose>p:first-of-type::first-letter{float:none;font:inherit;color:inherit;padding:0}
	.prose.itin h2{font-size:13pt;margin:5mm 0 1mm}
	.prose.itin ul{list-style:none;padding-left:0;gap:1.5mm}
	/* Kotak tanda: ::before mutlak — BUKAN grid pd <li> (teks + <a> jadi dua sel, pautan jatuh ke baris lain) */
	.prose.itin ul>li{position:relative;padding-left:7mm}
	.prose.itin ul>li::before{content:"";position:absolute;left:0;top:1.3mm;width:3.2mm;height:3.2mm;border:1.4px solid #111}
	.cetak-tempat{display:block!important;break-inside:avoid;margin-top:6mm}
	.cetak-tempat h2{margin:0 0 1mm}
	.cetak-tempat table{width:100%;border-collapse:collapse;font-size:9.5pt}
	.cetak-tempat th,.cetak-tempat td{text-align:left;padding:1.5mm 2mm;border-bottom:1px solid #bbb;vertical-align:top}
	.cetak-tempat th{border-bottom:1.5px solid #111;font-size:8pt;text-transform:uppercase;letter-spacing:.04em}
	.cetak-tempat td.n{font-family:var(--f-angka);white-space:nowrap}
	.cetak-kaki{display:flex!important;justify-content:space-between;flex-wrap:wrap;gap:3mm;border-top:1px solid #bbb;margin-top:7mm;padding-top:2mm;font-size:8pt;color:#555}
}