/*
 * ============================================================
 * FILE    : /assets/css/man-shell.css
 * VERSION : PTSP MAN Website Shell v1.0
 * ACUAN   : style.css Theme MAN Kota Blitar v1.9.6
 * FUNGSI  : Header, navigasi, footer, responsive publik PTSP
 * ============================================================
 */

:root{
    --mkb-green:#0b5d3b;
    --mkb-green-dark:#073f2b;
    --mkb-green-soft:#eaf3ee;
    --mkb-gold:#d3ad32;
    --mkb-dark:#173027;
    --mkb-text:#26332e;
    --mkb-muted:#69766f;
    --mkb-light:#f6f9f7;
    --mkb-white:#fff;
    --mkb-border:#e2e9e5;
    --mkb-container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
.mkb-shell-body{margin:0;background:#fff;color:var(--mkb-text);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
.mkb-shell-body a{text-decoration:none}
.mkb-shell-body img{max-width:100%;height:auto}
.mkb-shell-body .container{width:min(calc(100% - 36px),var(--mkb-container));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== Identitas ===== */
.mkb-headbar{background:linear-gradient(90deg,#fff 0%,#f4f8f6 52%,#edf5f0 100%);border-bottom:1px solid #e2e9e5}
.mkb-headbar-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.mkb-headbar-brand{display:flex;align-items:center;gap:15px;min-width:0;color:#18342a}
.mkb-headbar-logos{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.mkb-head-logo{display:block;object-fit:contain}
.mkb-head-logo-kemenag{width:54px;height:54px}
.mkb-head-logo-man{width:56px;height:56px}
.mkb-head-logo-sep{width:1px;height:38px;background:#d8e2dc}
.mkb-headbar-copy{display:flex;flex-direction:column;line-height:1.15}
.mkb-headbar-ministry{color:#6b7772;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.mkb-headbar-school{margin-top:4px;color:#0b5d3b;font-size:23px;font-weight:800;letter-spacing:.01em}
.mkb-headbar-sub{margin-top:3px;color:#34463e;font-size:11px;font-weight:600}
.mkb-headbar-contact{display:flex;align-items:center;gap:24px}
.mkb-contact-item{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.mkb-contact-label{color:#7b8881;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.mkb-contact-item strong{color:#43534c;font-size:12px;font-weight:700}

/* ===== Navigasi ===== */
.mkb-main-header{position:sticky;top:0;z-index:1200;background:#fff;border-bottom:1px solid #e3eae6;box-shadow:0 5px 18px rgba(13,59,42,.06)}
.mkb-main-header-inner{min-height:58px;display:flex;align-items:center;gap:18px}
.mkb-nav{flex:1 1 auto;min-width:0}
.mkb-primary-menu-v050{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.mkb-menu-item{position:relative}
.mkb-menu-item>a{min-height:58px;display:flex;align-items:center;padding:0 12px;color:#24342e;font-size:13px;font-weight:750;white-space:nowrap;position:relative}
.mkb-menu-item>a:hover{color:#0b5d3b;background:#f6f9f7}
.mkb-menu-item>a::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:transparent;border-radius:3px 3px 0 0}
.mkb-menu-item>a:hover::after{background:#d3ad32}

.mkb-header-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin-left:auto}
.mkb-action-button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap}
.mkb-action-ptsp{background:#0b5d3b;color:#fff}
.mkb-action-ptsp:hover{background:#08472d;color:#fff}
.mkb-action-psb{background:#d3ad32;color:#211b08}
.mkb-action-psb:hover{background:#c49c20;color:#211b08}

.mkb-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #dce6e1;border-radius:9px;background:#fff;cursor:pointer}
.mkb-menu-line{width:18px;height:2px;border-radius:99px;background:#0b5d3b}

/* ===== Footer ===== */
.mkb-footer-v090{margin-top:0;background:#173027;color:#dce6e1}
.mkb-footer-main-v090{padding:52px 0 38px}
.mkb-footer-grid-v090{display:grid;grid-template-columns:1.45fr .72fr .82fr 1.05fr;gap:34px}
.mkb-footer-brand-head-v090{display:flex;align-items:center;gap:9px}
.mkb-footer-brand-head-v090>img{width:48px;height:48px;object-fit:contain}
.mkb-footer-brand-head-v090>div{display:flex;flex-direction:column;line-height:1.2}
.mkb-footer-brand-head-v090 small{color:#a9bbb1;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.mkb-footer-brand-head-v090 strong{margin-top:3px;color:#fff;font-size:18px}
.mkb-footer-brand-head-v090 span{margin-top:3px;color:#bdcbc4;font-size:10px}
.mkb-footer-desc-v090{max-width:430px;margin:18px 0 0;color:#b9c8c0;font-size:12px;line-height:1.7}
.mkb-footer-column-v090 h3,.mkb-footer-contact-v090 h3{margin:0 0 15px;color:#fff;font-size:15px}
.mkb-footer-column-v090 nav{display:grid;gap:8px}
.mkb-footer-column-v090 a,.mkb-footer-contact-v090 a{color:#c8d6cf;font-size:12px}
.mkb-footer-column-v090 a:hover,.mkb-footer-contact-v090 a:hover{color:#fff}
.mkb-contact-item-v090{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.mkb-contact-item-v090 span{display:block;color:#8fa49a;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.mkb-contact-item-v090 strong,.mkb-contact-item-v090 a{display:block;margin-top:3px;color:#dce6e1;font-size:11px;line-height:1.5}
.mkb-footer-bottom-v090{border-top:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.08)}
.mkb-footer-bottom-inner-v090{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#99aba2;font-size:10px}

/* ===== Responsive ===== */
@media(max-width:1120px){
    .mkb-menu-item>a{padding-inline:9px;font-size:12px}
    .mkb-action-button{padding-inline:10px}
}
@media(max-width:980px){
    .mkb-contact-item:nth-child(2){display:none}
}
@media(max-width:900px){
    .mkb-headbar-inner{min-height:78px}
    .mkb-headbar-contact{display:none}
    .mkb-head-logo-kemenag,.mkb-head-logo-man{width:43px;height:43px}
    .mkb-headbar-school{font-size:18px}
    .mkb-headbar-ministry{display:none}
    .mkb-main-header-inner{min-height:52px}
    .mkb-menu-toggle{display:flex}
    .mkb-nav{display:none;position:absolute;left:0;right:0;top:52px;max-height:calc(100vh - 52px);overflow:auto;background:#fff;border-top:1px solid #e2e9e5;box-shadow:0 18px 35px rgba(20,45,35,.14)}
    .mkb-nav.is-open{display:block}
    .mkb-primary-menu-v050{display:block;padding:10px 14px 16px}
    .mkb-menu-item{display:block}
    .mkb-menu-item>a{width:100%;min-height:44px;padding:10px 12px;border-radius:8px;font-size:14px;white-space:normal}
    .mkb-menu-item>a::after{display:none}
    .mkb-footer-grid-v090{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
    .mkb-shell-body .container{width:min(calc(100% - 26px),var(--mkb-container))}
    .mkb-head-logo-kemenag,.mkb-head-logo-sep{display:none}
    .mkb-headbar-school{font-size:16px}
    .mkb-headbar-sub{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .mkb-action-button{min-height:34px;padding:0 9px;font-size:11px}
    .mkb-footer-grid-v090{grid-template-columns:1fr}
    .mkb-footer-bottom-inner-v090{padding:14px 0;align-items:flex-start;flex-direction:column}
}