/* ===== Толгой, хөл хэсэг (header.php, footer.php) — бүх хуудсанд ===== */
:root{
	--l-navy:#1b3a8c; --l-navy-2:#122a6b; --l-green:#5fa83b; --l-blue:#2a86d6; --l-orange:#f2922c;
	--l-ink:#1d2433; --l-muted:#667085; --l-line:#e6e9f0; --l-surface:#fff; --l-soft:#f5f7fb;
}
[data-bs-theme=dark]{
	--l-ink:#e8ecf4; --l-muted:#9aa4b8; --l-line:#2a3142; --l-surface:#171c27; --l-soft:#11151e;
}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:1030;}
.sh-top{background:var(--l-navy-2);color:rgba(255,255,255,.82);font-size:13px;}
.sh-top .container{min-height:38px;}
.sh-contact{display:flex;gap:22px;align-items:center;}
.sh-contact a,.sh-contact span{color:inherit;text-decoration:none;display:inline-flex;align-items:center;}
.sh-contact a:hover{color:#fff;}
.sh-contact i{margin-right:7px;opacity:.75;}
.sh-social{display:flex;gap:6px;}
.sh-social a{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.82);text-decoration:none;}
.sh-social a:hover{background:rgba(255,255,255,.12);color:#fff;}

.sh-main{background:var(--l-surface);border-bottom:1px solid var(--l-line);transition:box-shadow .25s;}
.site-header.is-scrolled .sh-main{box-shadow:0 6px 24px rgba(16,24,40,.08);}
[data-bs-theme=dark] .site-header.is-scrolled .sh-main{box-shadow:0 6px 24px rgba(0,0,0,.35);}
.sh-main .navbar{min-height:76px;gap:16px;flex-wrap:nowrap;}

.sh-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0;margin-right:auto;}
.sh-brand img{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:#fff;}
.sh-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.25;}
.sh-brand-text b{font-size:15.5px;font-weight:800;color:var(--l-navy);}
[data-bs-theme=dark] .sh-brand-text b{color:#c9d6ff;}
.sh-brand-text small{font-size:12px;color:var(--l-muted);margin-top:2px;}

.sh-nav{gap:2px;}
.sh-nav .nav-link{
	position:relative;font-weight:600;font-size:15px;color:var(--l-ink);padding:10px 14px !important;border-radius:10px;
}
.sh-nav .nav-link:hover{color:var(--l-navy);background:var(--l-soft);}
[data-bs-theme=dark] .sh-nav .nav-link:hover{color:#c9d6ff;}
.sh-nav .nav-link.active{color:var(--l-navy);}
[data-bs-theme=dark] .sh-nav .nav-link.active{color:#9db6ff;}
.sh-nav .dropdown-menu{border:1px solid var(--l-line);border-radius:12px;padding:6px;box-shadow:0 12px 32px rgba(16,24,40,.12);}
.sh-nav .dropdown-item{border-radius:8px;padding:8px 12px;font-size:14.5px;}
.sh-nav .dropdown-item:active{background:var(--l-navy);}

.sh-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.sh-icon{
	width:42px;height:42px;border-radius:12px;border:1px solid var(--l-line);background:var(--l-surface);
	color:var(--l-ink);display:inline-flex;align-items:center;justify-content:center;font-size:18px;padding:0;
}
.sh-icon:hover{border-color:var(--l-navy);color:var(--l-navy);}
[data-bs-theme=dark] .sh-icon:hover{border-color:#9db6ff;color:#9db6ff;}
.sh-icon.dropdown-toggle::after{display:none;}
.sh-burger{font-size:24px;}
.sh-cta{
	display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;
	background:var(--l-navy);color:#fff !important;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap;
	transition:background .2s,transform .2s;
}
.sh-cta:hover{background:var(--l-navy-2);transform:translateY(-1px);}

.sh-searchbar{border-top:1px solid var(--l-line);background:var(--l-surface);}
.sh-searchbar form{display:flex;align-items:center;gap:12px;padding:14px 0;}
.sh-searchbar i{color:var(--l-muted);font-size:18px;}
.sh-searchbar input{flex:1;border:0;background:transparent;font-size:17px;color:var(--l-ink);outline:none;}
.sh-searchbar button{border:0;background:var(--l-navy);color:#fff;border-radius:10px;padding:8px 18px;font-weight:600;}

@media (min-width:992px){
	.sh-offcanvas{flex-grow:0 !important;}
	.sh-nav .nav-link.active::after{
		content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;border-radius:3px;background:var(--l-orange);
	}
	.sh-nav .nav-link.dropdown-toggle.active::after{right:28px;}
}
@media (min-width:992px) and (max-width:1199.98px){
	.sh-brand-text small{display:none;}
	.sh-brand-text b{font-size:14px;max-width:190px;}
	.sh-nav .nav-link{padding:10px 10px !important;font-size:14.5px;}
}
@media (max-width:991.98px){
	.sh-main .navbar{min-height:66px;}
	.sh-brand img{width:44px;height:44px;flex-basis:44px;}
	.sh-brand-text b{font-size:14px;}
	.sh-offcanvas{max-width:320px;background:var(--l-surface);}
	.sh-offcanvas .offcanvas-header{border-bottom:1px solid var(--l-line);}
	.sh-offcanvas .offcanvas-title{font-weight:700;color:var(--l-ink);}
	.sh-offcanvas .offcanvas-body{display:flex;flex-direction:column;gap:14px;}
	.sh-nav .nav-link{padding:12px 14px !important;}
	.sh-nav .nav-link.active{background:var(--l-soft);}
	.sh-nav .dropdown-menu{box-shadow:none;background:var(--l-soft);margin:2px 0 6px 10px;}
	.sh-cta{justify-content:center;height:48px;}
	.sh-search-m{display:flex;align-items:center;gap:10px;border:1px solid var(--l-line);border-radius:12px;padding:0 14px;height:46px;}
	.sh-search-m i{color:var(--l-muted);}
	.sh-search-m input{flex:1;border:0;background:transparent;outline:none;color:var(--l-ink);}
}
@media (max-width:399.98px){
	.sh-brand-text small{display:none;}
	.sh-brand-text b{font-size:13px;}
}

/* ---------- Footer ---------- */
.site-footer{background:#0f1b3d;color:rgba(255,255,255,.78);font-size:14.5px;position:relative;}
.sf-stripe{display:flex;height:4px;}
.sf-stripe span{flex:1;}
.sf-stripe span:nth-child(1){background:var(--l-green);}
.sf-stripe span:nth-child(2){background:var(--l-blue);}
.sf-stripe span:nth-child(3){background:var(--l-orange);}
.sf-main{padding:56px 12px 44px;}
.site-footer h4{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:6px 0 18px;}
.sf-brand{display:flex;align-items:center;gap:14px;text-decoration:none;}
.sf-logo{flex:0 0 60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.sf-logo img{width:54px;height:54px;}
.sf-brand b{color:#fff;font-size:17px;line-height:1.3;}
.sf-about{margin:16px 0 18px;line-height:1.7;max-width:360px;}
.sf-social{display:flex;gap:8px;}
.sf-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;}
.sf-social a:hover{background:var(--l-orange);}
.sf-links,.sf-contact{list-style:none;padding:0;margin:0;}
.sf-links li{margin-bottom:10px;}
.sf-links a,.sf-contact a{color:rgba(255,255,255,.78);text-decoration:none;}
.sf-links a:hover,.sf-contact a:hover{color:#fff;text-decoration:underline;}
.sf-contact li{display:flex;gap:10px;margin-bottom:12px;line-height:1.5;}
.sf-contact i{color:var(--l-orange);margin-top:2px;}
.sf-meeting{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;}
.sf-m-date{color:#fff;font-weight:700;font-size:15.5px;margin-bottom:6px;}
.sf-m-meta{display:flex;flex-direction:column;gap:4px;font-size:13.5px;}
.sf-m-meta i{margin-right:6px;color:var(--l-orange);}
.sf-m-btn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-weight:600;color:#fff;text-decoration:none;
	background:var(--l-orange);padding:9px 16px;border-radius:10px;font-size:14px;}
.sf-m-btn:hover{color:#fff;background:#d97d1a;}
.sf-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:13px;color:rgba(255,255,255,.6);}
.sf-top{color:rgba(255,255,255,.75);text-decoration:none;}
.sf-top:hover{color:#fff;}
[data-bs-theme=dark] .site-footer{background:#0a0f1c;}

/* Тохируулга: цэс нэг мөрөнд багтах */
.sh-nav .nav-link{white-space:nowrap;}
@media (min-width:992px){
	.sh-brand-text b{max-width:240px;}
}
@media (min-width:992px) and (max-width:1399.98px){
	.sh-brand-text small{display:none;}
}
/* Гүйлгэхэд дээд мөр алга болж, үндсэн мөр л наалттай үлдэнэ */
@media (min-width:992px){ .site-header{top:-38px;} }