/* ==========================================================
   NMNEWS.MN — Орчин үеийн загвар (modern.css v1)
   Хуучин CSS-ийг дарж бичнэ. Буцаахдаа layout-аас
   энэ файлын холбоосыг устгахад хангалттай.
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --nm-text: #1f2937;
    --nm-muted: #6b7280;
    --nm-bg: #f4f5f7;
    --nm-radius: 12px;
    --nm-radius-sm: 8px;
    --nm-shadow: 0 2px 14px rgba(17, 24, 39, .07);
    --nm-shadow-hover: 0 10px 28px rgba(17, 24, 39, .13);
}

/* ---------- Ерөнхий ---------- */
body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    color: var(--nm-text);
    background: var(--nm-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a { transition: color .2s ease; }

/* ---------- Толгой хэсэг ---------- */
.h_40 input {
    border-radius: 10px 0 0 10px;
    border-color: #e5e7eb !important;
    background: #f9fafb;
    transition: border-color .2s, background .2s;
}
.h_40 input:focus {
    outline: none;
    background: #fff;
    border-color: #d1d5db !important;
}
.h_40 button { border-radius: 0 10px 10px 0; }

/* ---------- Цэс ---------- */
#navbar { box-shadow: 0 2px 12px rgba(0, 0, 0, .05); }
.techno_menu > ul > li > a {
    font-weight: 600;
    letter-spacing: .3px;
}
.techno_menu .sub-menu { border-radius: 0 0 var(--nm-radius-sm) var(--nm-radius-sm); }

/* ---------- Нүүрний онцлох мэдээ (hero) ---------- */
.back-grey-gradient { background: var(--nm-bg) !important; }
.hover_img_outer {
    border-radius: var(--nm-radius);
    overflow: hidden;
}
.hover_img_inner { transition: transform .5s ease; }
.hover_img_outer:hover .hover_img_inner { transform: scale(1.04); }
.gr_black_down .bg_primary {
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: .4px;
}
.gr_black_down .crop_text_4 { font-weight: 600; }
@media (min-width: 992px) {
    .gr_black_down .fs_18 {
        font-size: 1.65rem !important;
        font-weight: 700;
        line-height: 1.25 !important;
    }
}

/* ---------- "Шинэ мэдээ" гарчиг ба товч ---------- */
.col-md-8 > .bg_primary.d-inline-block {
    border-radius: var(--nm-radius-sm);
    font-weight: 700;
    letter-spacing: .5px;
}
.read_more {
    border-radius: 999px !important;
    padding: .65rem 1.8rem;
    font-weight: 600;
    transition: transform .2s, box-shadow .2s;
}
.read_more:hover {
    transform: translateY(-2px);
    box-shadow: var(--nm-shadow-hover);
}

/* ---------- "Шинэ мэдээ" жагсаалт: карт ---------- */
#latest_news > .row {
    background: #fff;
    border-radius: var(--nm-radius);
    box-shadow: var(--nm-shadow);
    padding: 14px 10px;
    margin-left: 0;
    margin-right: 0;
    transition: transform .2s ease, box-shadow .2s ease;
}
#latest_news > .row:hover {
    transform: translateY(-3px);
    box-shadow: var(--nm-shadow-hover);
}
#latest_news .bg_cover {
    border-radius: var(--nm-radius-sm);
    overflow: hidden;
}
#latest_news .text-uppercase.text-secondary {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .6px;
}
#latest_news a.text_black { line-height: 1.35 !important; }
#latest_news a.text_black:hover { color: #e53935 !important; }

/* ---------- Баруун талын хэсгүүд ---------- */
.back-grey-gradient .col-4 > .border {
    background: #fff;
    border: 0 !important;
    border-radius: var(--nm-radius);
    box-shadow: var(--nm-shadow);
}
.back-grey-gradient .col-4 > .border.max_h_550 { overflow: auto; }
.back-grey-gradient .col-4 .pb_p56.bg_cover {
    border-radius: var(--nm-radius-sm);
    border-bottom: 0 !important;
}
.back-grey-gradient .col-4 a .font-weight-bold { transition: color .2s; }
.back-grey-gradient .col-4 a:hover .font-weight-bold { color: #e53935; }
.back-grey-gradient .col-4 .pb_p70 { border-radius: 6px; }
.back-grey-gradient .col-4 > a img { border-radius: var(--nm-radius); }

/* ---------- Видео ба фото мэдээ ---------- */
.swiper-slide .pb_p60,
.swiper-slide .iframe {
    border-radius: var(--nm-radius-sm);
    overflow: hidden;
}

/* ---------- Гар утас ---------- */
@media (max-width: 575.98px) {
    #latest_news > .row { padding: 10px 6px; }
    .mobile_menu .rounded-lg { border-radius: 10px !important; }
}