/* Halaman Destinasi: info singkat, CTA, destinasi lain, dan daftar /destinasi/ */
:root{--mjd-orange:#E8730F;--mjd-blue:#1470b6;--mjd-ink:#0b2a47;--mjd-line:#e3edf5}

/* ajakan memesan */
.mjt-dxcta{margin:32px 0;padding:24px 26px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#fff;background:linear-gradient(135deg,#0b3a63,#1470b6);font-family:Roboto,Arial,sans-serif}
.mjt-dxcta strong{display:block;font-size:20px;line-height:1.3}
.mjt-dxcta span{display:block;margin-top:4px;opacity:.9;font-size:15px}
.mjt-dxcta a{padding:13px 24px;border-radius:999px;background:var(--mjd-orange);color:#fff!important;font-weight:700;text-decoration:none!important;white-space:nowrap}
.mjt-dxcta a:hover{background:#cf6309}

/* destinasi lain */
.mjt-dxrel{margin:34px 0 10px;font-family:Roboto,Arial,sans-serif}
.mjt-dxrel h2{margin:0 0 14px!important;color:var(--mjd-ink);font-size:22px!important;font-weight:800;padding-left:12px;border-left:5px solid var(--mjd-orange)}
.mjt-dxrel ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mjt-dxrel li{margin:0}
.mjt-dxrel li a{display:block;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--mjd-line);text-decoration:none!important;color:var(--mjd-ink);box-shadow:0 10px 24px -22px rgba(11,58,99,.7);transition:transform .2s}
.mjt-dxrel li a:hover{transform:translateY(-3px)}
.mjt-dxrel img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.mjt-dxrel li span{display:block;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.35}
.mjt-dxrel__all{display:inline-block;margin-top:14px;color:var(--mjd-orange)!important;font-weight:700;text-decoration:none!important}

/* halaman daftar */
.mjt-dx{font-family:Roboto,Arial,sans-serif}
.mjt-dx__lead{margin:0 0 20px;color:#5a6b7b;font-size:16px;line-height:1.6}
.mjt-dx__bar{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.mjt-dx__search{width:100%;height:50px;padding:0 16px!important;border:1.5px solid #dbe6ef!important;border-radius:14px!important;font-size:15px;box-sizing:border-box}
.mjt-dx__search:focus{outline:0;border-color:var(--mjd-orange)!important;box-shadow:0 0 0 4px rgba(232,115,15,.15)}
.mjt-dx__chips{display:flex;flex-wrap:wrap;gap:8px}
.mjt-dxchip{padding:8px 16px;border:1.5px solid var(--mjd-line);border-radius:999px;background:#fff;color:#12324f;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
.mjt-dxchip:hover{border-color:#bcd3e6}
.mjt-dxchip.is-on{border-color:var(--mjd-orange);background:#fff7ee;color:#c25a05}
.mjt-dx__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mjt-dx__grid li{margin:0}
.mjt-dx__grid li[hidden]{display:none}
.mjt-dx__grid a{display:block;padding:10px 10px 14px;border-radius:20px;background:#fff;border:1px solid #e6eef5;text-decoration:none!important;color:#12324f;box-shadow:0 10px 24px -22px rgba(11,58,99,.7);transition:transform .25s,box-shadow .25s}
.mjt-dx__grid a:hover{transform:translateY(-4px);box-shadow:0 22px 36px -22px rgba(11,58,99,.6)}
.mjt-dx .mjt-dest__img{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;margin-bottom:12px;background:#dbe6ef}
.mjt-dx .mjt-dest__img img{width:100%;height:100%;object-fit:cover;display:block}
.mjt-dx .mjt-dest__img i{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);color:#0b2a47;font-style:normal;font-weight:700}
.mjt-dx__grid strong{display:block;padding:0 4px;font-size:16px;font-weight:700;line-height:1.3}
.mjt-dx__grid small{display:block;padding:2px 4px 0;color:#6b7e8f;font-size:13px}
.mjt-dx__empty{margin:18px 0;color:#4a5b6b}

@media(max-width:1000px){.mjt-dx__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mjt-dxrel ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mjt-dx__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mjt-dxcta{padding:20px}}

/* kotak rujukan antar-artikel */
.mjt-dxlink{margin:28px 0;padding:18px 20px;border-radius:16px;background:#f4f9fd;border:1px solid var(--mjd-line);border-left:5px solid var(--mjd-orange);font-family:Roboto,Arial,sans-serif}
.mjt-dxlink strong{display:block;margin-bottom:8px;color:var(--mjd-ink);font-size:16px}
.mjt-dxlink a{color:var(--mjd-blue);font-weight:700;text-decoration:none!important}
.mjt-dxlink a:hover{color:var(--mjd-orange)}
.mjt-dxlink ul{margin:0;padding-left:20px}
.mjt-dxlink li{margin:4px 0}