/*
Theme Name: MyBandung Child
Template: jannah
Version: 1.4.1
Description: MyBandung city guide child theme.
*/
:root{--blue:#078bd3;--yellow:#ffd400;--ink:#111827;--muted:#6b7280;--line:#e5e7eb}
body.home .container,body.home #content,body.home .site-content,body.home .main-content{max-width:none;width:100%}
.mb-home{width:min(1220px,calc(100% - 40px));margin:auto;padding:24px 0 60px;color:var(--ink)}
.mb-home *{box-sizing:border-box}.mb-home a{text-decoration:none}
.mb-discover{background:linear-gradient(135deg,#078bd3,#0875bd);border-radius:20px;padding:38px;margin-bottom:28px;color:white}
.mb-discover h1{color:white;font-size:38px;margin:0 0 8px}.mb-discover p{margin:0 0 20px}
.mb-search{display:flex;max-width:760px;background:white;border-radius:12px;padding:5px}
.mb-search input{flex:1;border:0!important;padding:13px!important}.mb-search button{border:0;background:var(--yellow);font-weight:700;border-radius:9px;padding:0 22px}
.mb-quick{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.mb-quick a{color:white;border:1px solid #ffffff66;padding:7px 13px;border-radius:99px}
.mb-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;margin:28px 0 42px}.mb-feature,.mb-side-card{position:relative;overflow:hidden;border-radius:16px;background:#173f65}
.mb-feature{min-height:480px}.mb-side{display:grid;gap:18px}.mb-side-card{min-height:231px}.mb-cover{position:absolute;width:100%;height:100%;object-fit:cover}.mb-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#078bd3,#173f65)}
.mb-shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,#000d)}.mb-hero-copy{position:absolute;z-index:2;bottom:0;padding:28px}.mb-side-card .mb-hero-copy{padding:20px}
.mb-kicker{background:var(--yellow);color:#111;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:800;text-transform:uppercase}.mb-hero h2,.mb-hero h3{color:white;margin:10px 0 0}.mb-hero h2{font-size:36px}.mb-hero h3{font-size:21px}.mb-hero a{color:white}
.mb-section{margin:44px 0}.mb-heading{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:20px}.mb-heading h2{font-size:27px;margin:0}.mb-heading a{font-weight:700;color:var(--blue)}
.mb-explore,.mb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mb-explore a{padding:20px;background:#f5f7fa;border:1px solid var(--line);border-radius:13px;color:var(--ink)}.mb-explore strong{display:block;font-size:18px}.mb-explore span,.mb-meta,.mb-excerpt{font-size:12px;color:var(--muted)}
.mb-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:white}.mb-thumb{position:relative;display:block;aspect-ratio:16/10;background:#eee;overflow:hidden}.mb-thumb img{width:100%;height:100%;object-fit:cover}.mb-body{padding:15px}.mb-card h3{font-size:18px;line-height:1.3;margin:7px 0}.mb-card h3 a{color:var(--ink)}
.mb-latest{display:grid;grid-template-columns:2fr 1fr;gap:32px}.mb-list{display:grid;gap:18px}.mb-row{display:grid;grid-template-columns:210px 1fr;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.mb-row-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px}.mb-row-thumb img{width:100%;height:100%;object-fit:cover}.mb-row h3{font-size:21px;margin:6px 0}.mb-row h3 a{color:var(--ink)}.mb-excerpt{font-size:13px}
.mb-aside{background:#f5f7fa;padding:23px;border-radius:14px;height:max-content}.mb-area-links{display:flex;flex-wrap:wrap;gap:8px}.mb-area-links span{background:white;border:1px solid var(--line);padding:7px 10px;border-radius:99px;font-size:12px}
@media(max-width:900px){.mb-hero{grid-template-columns:1fr}.mb-side{grid-template-columns:1fr 1fr}.mb-grid,.mb-explore{grid-template-columns:repeat(2,1fr)}.mb-latest{grid-template-columns:1fr}}
@media(max-width:600px){.mb-home{width:calc(100% - 24px)}.mb-discover{padding:24px 19px}.mb-discover h1{font-size:27px}.mb-feature{min-height:350px}.mb-side{grid-template-columns:1fr}.mb-grid{grid-template-columns:1fr}.mb-row{grid-template-columns:115px 1fr}.mb-row h3{font-size:16px}.mb-excerpt{display:none}}