/* ===== Нүүр хуудас (index.php) ===== */
:root{
	--h-navy:#1b3a8c;
	--h-navy-2:#122a6b;
	--h-green:#5fa83b;
	--h-blue:#2a86d6;
	--h-orange:#f2922c;
	--h-ink:#1d2433;
	--h-muted:#667085;
	--h-line:#e6e9f0;
	--h-surface:#ffffff;
	--h-soft:#f5f7fb;
	--h-radius:18px;
	--h-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);
}
[data-bs-theme=dark]{
	--h-ink:#e8ecf4;
	--h-muted:#9aa4b8;
	--h-line:#2a3142;
	--h-surface:#171c27;
	--h-soft:#11151e;
	--h-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
}

.home main{background:var(--h-soft);}
.home .h-section{padding:72px 0;}
.home .h-eyebrow{
	display:inline-flex;align-items:center;gap:8px;
	font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--h-navy);
	background:rgba(27,58,140,.08);padding:6px 14px;border-radius:50px;margin-bottom:18px;
}
[data-bs-theme=dark] .home .h-eyebrow{color:#9db6ff;background:rgba(157,182,255,.12);}
.home .h-title{font-size:30px;font-weight:700;color:var(--h-ink);margin:0 0 8px;}
.home .h-lead{color:var(--h-muted);margin:0;max-width:620px;}
.home .h-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap;}
.home .h-link{font-weight:600;color:var(--h-navy);text-decoration:none;white-space:nowrap;}
[data-bs-theme=dark] .home .h-link{color:#9db6ff;}
.home .h-link:hover{text-decoration:underline;}

/* ---- Hero ---- */
.h-hero{
	position:relative;overflow:hidden;background:var(--h-surface);
	padding:64px 0 88px;border-bottom:1px solid var(--h-line);
}
.h-hero::before{
	content:"";position:absolute;inset:auto -10% -55% auto;width:620px;height:620px;border-radius:50%;
	background:radial-gradient(circle,rgba(42,134,214,.10),transparent 65%);
}
.h-hero::after{
	content:"";position:absolute;left:-160px;top:-160px;width:420px;height:420px;border-radius:50%;
	background:radial-gradient(circle,rgba(242,146,44,.10),transparent 65%);
}
.h-hero .container{position:relative;z-index:1;}
.h-hero h1{
	font-size:44px;line-height:1.18;font-weight:800;color:var(--h-ink);
	margin:0 0 18px;letter-spacing:-.01em;
}
.h-hero h1 .hl{color:var(--h-navy);}
[data-bs-theme=dark] .h-hero h1 .hl{color:#9db6ff;}
.h-hero p.lead{font-size:18px;color:var(--h-muted);max-width:560px;margin-bottom:30px;}
.h-btn{
	display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:12px;
	font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;
}
.h-btn-primary{background:var(--h-navy);color:#fff;box-shadow:0 8px 20px rgba(27,58,140,.25);}
.h-btn-primary:hover{background:var(--h-navy-2);color:#fff;transform:translateY(-2px);}
.h-btn-ghost{background:transparent;color:var(--h-ink);border:1.5px solid var(--h-line);}
.h-btn-ghost:hover{border-color:var(--h-navy);color:var(--h-navy);}
[data-bs-theme=dark] .h-btn-ghost:hover{border-color:#9db6ff;color:#9db6ff;}
.h-hero-note{margin-top:22px;font-size:14px;color:var(--h-muted);display:flex;align-items:center;gap:8px;}
.h-hero-note i{color:var(--h-green);font-size:18px;}

.h-emblem{position:relative;width:min(100%,400px);aspect-ratio:1;margin:0 auto;}
.h-emblem-ring{
	position:absolute;inset:0;border-radius:50%;
	background:conic-gradient(from 200deg,var(--h-green) 0 33%,var(--h-blue) 0 66%,var(--h-orange) 0 100%);
	padding:6px;
	-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
	        mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));
	opacity:.35;
}
.h-emblem-core{
	position:absolute;inset:22px;border-radius:50%;background:#fff;
	box-shadow:0 20px 50px rgba(27,58,140,.15);display:flex;align-items:center;justify-content:center;
}
.h-emblem-core img{width:86%;height:auto;}
.h-chip{
	position:absolute;display:flex;align-items:center;gap:8px;background:var(--h-surface);
	border:1px solid var(--h-line);border-radius:50px;padding:8px 14px 8px 8px;
	font-size:13px;font-weight:600;color:var(--h-ink);box-shadow:var(--h-shadow);white-space:nowrap;
}
.h-chip span{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;}
.h-chip.c1{left:-18px;top:18%;} .h-chip.c1 span{background:var(--h-green);}
.h-chip.c2{right:-24px;top:8%;} .h-chip.c2 span{background:var(--h-blue);}
.h-chip.c3{right:-6px;bottom:12%;} .h-chip.c3 span{background:var(--h-orange);}

/* ---- Pillars ---- */
.h-pillars{margin-top:-48px;position:relative;z-index:2;}
.h-pillar{
	height:100%;background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--h-radius);
	padding:26px;box-shadow:var(--h-shadow);position:relative;overflow:hidden;
}
.h-pillar::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--c);}
.h-pillar .ic{
	width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;
	font-size:24px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);margin-bottom:16px;
}
.h-pillar h3{font-size:18px;font-weight:700;color:var(--h-ink);margin:0 0 8px;}
.h-pillar p{color:var(--h-muted);font-size:15px;margin:0;line-height:1.6;}

/* ---- Steps ---- */
.h-steps{counter-reset:step;}
.h-step{
	position:relative;height:100%;padding:28px 24px 24px;background:var(--h-surface);
	border:1px solid var(--h-line);border-radius:var(--h-radius);
}
.h-step .num{
	width:40px;height:40px;border-radius:50%;background:var(--h-navy);color:#fff;font-weight:700;
	display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.h-step h4{font-size:17px;font-weight:700;color:var(--h-ink);margin:0 0 6px;}
.h-step p{font-size:14.5px;color:var(--h-muted);margin:0;line-height:1.6;}
@media (min-width:768px){
	.h-steps .col-md-4:not(:last-child) .h-step::after{
		content:"\F138";font-family:bootstrap-icons;position:absolute;right:-22px;top:34px;
		font-size:20px;color:var(--h-line);z-index:1;
	}
	[data-bs-theme=dark] .h-steps .col-md-4:not(:last-child) .h-step::after{color:#3a4358;}
}

/* ---- News ---- */
.h-thumb{
	display:block;position:relative;overflow:hidden;background:var(--h-soft);
	aspect-ratio:16/10;border-radius:14px;
}
.h-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
a:hover > .h-thumb img,.h-thumb:hover img{transform:scale(1.04);}
.h-thumb.ph{
	display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,rgba(95,168,59,.14),rgba(42,134,214,.14) 50%,rgba(242,146,44,.14));
}
.h-thumb.ph img{width:34%;height:auto;object-fit:contain;opacity:.55;filter:grayscale(.2);}
.h-tag{
	display:inline-block;font-size:12px;font-weight:600;color:var(--h-navy);
	background:rgba(27,58,140,.08);padding:4px 10px;border-radius:6px;text-decoration:none;
}
[data-bs-theme=dark] .h-tag{color:#9db6ff;background:rgba(157,182,255,.12);}
.h-meta{font-size:13px;color:var(--h-muted);display:flex;gap:14px;align-items:center;}
.h-meta i{margin-right:4px;}

.h-feature{
	background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--h-radius);
	padding:14px;box-shadow:var(--h-shadow);
}
.h-feature .h-thumb{aspect-ratio:16/9;}
.h-feature-body{padding:20px 10px 8px;}
.h-feature h3{font-size:24px;font-weight:700;line-height:1.3;margin:12px 0 10px;}
.h-feature h3 a,.h-card h4 a,.h-mini h5 a{color:var(--h-ink);text-decoration:none;}
.h-feature h3 a:hover,.h-card h4 a:hover,.h-mini h5 a:hover{color:var(--h-navy);}
[data-bs-theme=dark] .h-feature h3 a:hover,[data-bs-theme=dark] .h-card h4 a:hover,[data-bs-theme=dark] .h-mini h5 a:hover{color:#9db6ff;}
.h-feature p{color:var(--h-muted);line-height:1.7;margin:0 0 16px;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.h-card{height:100%;}
.h-card h4{font-size:16px;font-weight:700;line-height:1.4;margin:12px 0 8px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.h-side{
	background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--h-radius);padding:22px;
}
.h-side + .h-side{margin-top:20px;}
.h-side-title{font-size:15px;font-weight:700;color:var(--h-ink);margin:0 0 16px;display:flex;align-items:center;gap:8px;}
.h-side-title i{color:var(--h-orange);}
.h-mini{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--h-line);}
.h-mini:first-of-type{border-top:0;padding-top:0;}
.h-mini .rank{
	flex:0 0 28px;height:28px;border-radius:8px;background:var(--h-soft);color:var(--h-navy);
	font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;
}
[data-bs-theme=dark] .h-mini .rank{color:#9db6ff;}
.h-mini h5{font-size:14.5px;font-weight:600;line-height:1.45;margin:0 0 4px;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.h-side-banner img{width:100%;border-radius:12px;display:block;}

.h-empty{
	background:var(--h-surface);border:1px dashed var(--h-line);border-radius:var(--h-radius);
	padding:48px 24px;text-align:center;color:var(--h-muted);
}

/* ---- Quick links ---- */
.h-quick{
	display:flex;align-items:center;gap:16px;height:100%;padding:22px;text-decoration:none;
	background:var(--h-surface);border:1px solid var(--h-line);border-radius:var(--h-radius);
	transition:border-color .2s,transform .2s;
}
.h-quick:hover{border-color:var(--h-navy);transform:translateY(-2px);}
.h-quick .ic{flex:0 0 48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;
	font-size:22px;color:#fff;background:var(--c);}
.h-quick b{display:block;color:var(--h-ink);font-size:16px;}
.h-quick small{color:var(--h-muted);}
.h-quick .go{margin-left:auto;color:var(--h-muted);}

/* ---- CTA ---- */
.h-cta{
	background:linear-gradient(120deg,var(--h-navy-2),var(--h-navy) 55%,#2a5bc4);
	color:#fff;border-radius:24px;padding:44px;position:relative;overflow:hidden;
}
.h-cta::after{
	content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;
	border:40px solid rgba(255,255,255,.06);
}
.h-cta h3{font-size:26px;font-weight:700;margin:0 0 8px;color:#fff;}
.h-cta p{margin:0;opacity:.85;}
.h-cta .h-btn{background:#fff;color:var(--h-navy);}
.h-cta .h-btn:hover{transform:translateY(-2px);}
.h-cta .contact{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:14px;opacity:.9;}
.h-cta .contact i{margin-right:6px;}

@media (max-width:991.98px){
	.h-hero{padding:40px 0 80px;}
	.h-hero h1{font-size:34px;}
	.h-emblem{width:280px;margin-top:20px;}
	.h-chip{display:none;}
	.h-pillars{margin-top:-40px;}
}
@media (max-width:575.98px){
	.home .h-section{padding:52px 0;}
	.h-hero h1{font-size:28px;}
	.h-hero .col-lg-5{display:none;}
	.h-hero{padding:32px 0 72px;}
	.h-hero p.lead{font-size:16px;}
	.h-btn{width:100%;justify-content:center;}
	.home .h-title{font-size:24px;}
	.h-feature h3{font-size:20px;}
	.h-cta{padding:30px 24px;}
}

/* ===== Дараагийн хурал (libraries/nextmeeting.php) ===== */
.nm{
	display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;
	background:#fff;border:1px solid #e6e9f0;color:#1d2433;
	box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.06);
}
.nm-cal{
	flex:0 0 64px;height:68px;border-radius:12px;overflow:hidden;text-align:center;
	border:1px solid #e6e9f0;background:#fff;display:flex;flex-direction:column;
}
.nm-cal .m{background:#1b3a8c;color:#fff;font-size:11px;font-weight:600;padding:3px 0;}
.nm-cal .d{flex:1;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:#1b3a8c;}
.nm-ic{flex:0 0 48px;height:48px;border-radius:12px;background:#f5f7fb;color:#667085;display:flex;align-items:center;justify-content:center;font-size:22px;}
.nm-label{font-size:12.5px;font-weight:600;color:#667085;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.nm-badge{background:#fff4e6;color:#c26a0a;border-radius:6px;padding:2px 8px;font-size:12px;}
.nm-date{font-size:17px;font-weight:700;margin:2px 0 4px;color:#1d2433;}
.nm-meta{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:#667085;}
.nm-meta i{margin-right:6px;color:#1b3a8c;}
.nm-sub{font-size:14px;color:#667085;}
.nm-hero{margin-top:26px;max-width:560px;}
.nm-card{margin:0 0 24px;}
[data-bs-theme=dark] .nm,[data-bs-theme=dark] .nm-cal{background:#171c27;border-color:#2a3142;}
[data-bs-theme=dark] .nm-date{color:#e8ecf4;}
[data-bs-theme=dark] .nm-cal .d{color:#9db6ff;}
[data-bs-theme=dark] .nm-meta i{color:#9db6ff;}
[data-bs-theme=dark] .nm-ic{background:#11151e;color:#9aa4b8;}
[data-bs-theme=dark] .nm-badge{background:rgba(242,146,44,.15);color:#f5b36a;}
@media (max-width:575.98px){ .nm{align-items:flex-start;} .nm-date{font-size:15.5px;} }

.nm-cut{margin-top:8px;font-size:12.5px;color:#667085;display:flex;gap:6px;align-items:flex-start;line-height:1.45;}
.nm-cut i{margin-top:1px;}
.nm-cut.is-today{color:#b45309;font-weight:600;}
[data-bs-theme=dark] .nm-cut{color:#9aa4b8;}
[data-bs-theme=dark] .nm-cut.is-today{color:#f5b36a;}
