/* colornews (utga.mn): theme-specific touches for the newsplus components */
.np-footer-newsletter, .np-footer-newsletter .np-newsletter__title { color: #fff; }
.np-footer-newsletter .np-newsletter__text { color: #c9ccd1; opacity: 1; }
.copyright-bar ul li, .copyright-bar .np-credit a { color: #c9ccd1 !important; }
.cr-add-nav .np-li-toggle { display: inline-flex; align-items: center; height: 100%; margin-left: 6px; }
.box.banner .np-banners, .banner2 .np-banners { margin: 0; }
.box.banner .np-banner img { width: 100%; height: 100%; object-fit: cover; }
.post-info .np-share, .post-info .np-rating { margin-left: 0; }
.np-meta-right { text-align: right; }
@media (max-width: 991px) { .np-meta-right { text-align: left; } }

/* Dark mode: parts of the theme that are already dark keep their own colours */
html[data-theme=dark] .top-bar,
html[data-theme=dark] .footer,
html[data-theme=dark] .cate-tab-navs,
html[data-theme=dark] .aside .widget { filter: invert(1) hue-rotate(180deg); }
html[data-theme=dark] .top-bar img,
html[data-theme=dark] .footer img,
html[data-theme=dark] .cate-tab-navs img,
html[data-theme=dark] .aside .widget img { filter: none; }
/* Logo: let the page inversion turn the dark letters light */
html[data-theme=dark] .logo-holder img { filter: none; }

/* Comment login panel inside the theme's .row */
.comment-form .np-login, .comment-form .np-reader { margin-left: 15px; margin-right: 15px; }

/* ===== Design pass 2026-10 ===== */
/* Brand accent (contrast-fixed #dc4a29 -> #c23b1f, white text 5.3:1) + reading font */
:root { --np-accent: #c23b1f; --np-read-font: 'Roboto', Arial, sans-serif; }

/* Fonts: Fira Sans dropped, one family (Roboto 400/500/700) */
h1, h2, h3, h4, h5, h6, blockquote,
.post-thumb .post-badge, .post-thumb .post-badge a { font-family: 'Roboto', Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
.primary-heading h2, .aside .widget > h3 { font-weight: 500; }
body, p { font-weight: 400; }

/* G4: article title is now an h1 (kept the old h3 look); category name is an h1 */
.post-info h1.np-article-title { font-size: 24px; line-height: 1.3; margin: 0 0 15px; color: #2c2d30; text-transform: none; }
@media (max-width: 767px) { .post-info h1.np-article-title { font-size: 21px; } }
h1.cat_title_holder { font-size: 30px; font-weight: 700; line-height: 1.25; margin: 0; color: #2c2d30; }
@media (max-width: 767px) { h1.cat_title_holder { font-size: 24px; padding: 0 15px 15px; } }

/* G3: no forced ALL CAPS on titles and menus */
.cr-nav > ul > li > a, .cr-nav > ul > li > ul li a, .post-info h3, h2, .primary-heading h2,
.comment-author, .auther-info .auther-name a, .footer-widget h3,
.post-content h4, .post-meta li { text-transform: none; }

/* G2 / CN3: grey text contrast */
.post-meta li, .post-meta li a, .new-visited-commented .cate-tab-content .article .post-content .meta,
.comment-author .ip { color: #6b6b6b; }
.bread .bread-item a, .bread .bread-item i, .bread .bread-item span { color: #6b6b6b; }
.sub-footer p, .footer .post-meta li { color: #b8bcc2; }
.copyright-bar ul li a, .footer .quick-links a, .footer .contact-list li { color: #c9ccd1; }
p a { color: #c23b1f; }
.np-article-body a:not([class]) { color: #c23b1f; text-decoration: underline; }

/* G11: radius + two button styles */
.post-widget .light-shadow, .light-shadow.white-bg, .post.style-2 { border-radius: var(--np-r-sm); }
.btn.red, .btn-primary { background: var(--np-accent); border: 1px solid var(--np-accent); color: #fff; border-radius: var(--np-r-sm); }
.btn.red:hover, .btn-primary:hover { background: #a3311a; border-color: #a3311a; color: #fff; }

/* Mobile-only thumbnails in the home category lists (hidden, so lazy images never load on desktop) */
.np-xs-thumb { display: none; }

/* ===== Phones (<768px) ===== */
@media (max-width: 767px) {
  /* CN1: home page order: featured -> interviews/news -> category blocks -> latest tabs */
  .np-home-row { display: flex; flex-direction: column; }
  .np-home-row > .np-home-main { order: 1; }
  .np-home-row > .np-home-cats { order: 2; }
  .np-home-row > .np-home-npc { order: 3; }
  .np-home-row > .np-home-aside { order: 4; }
  .np-home-row > [class*="col-"] { width: 100%; float: none; }

  /* Featured: one large story, then the others two per row */
  .main-slider.np-home-slider { margin-top: 10px; overflow: hidden; }
  .main-slider .first { width: 100%; display: block; }
  .main-slider .first .box, .main-slider .first .box .img { height: auto; aspect-ratio: 3 / 2; border-radius: var(--np-r-sm); }
  .main-slider .first .box .textArea .title { font-size: 19px; line-height: 25px; max-height: 100px; }
  .main-slider .second { width: calc(100% + 10px); float: none; margin: 10px 0 0 -10px; }
  .main-slider .second .das { height: auto; display: block; margin-bottom: 10px; }
  .main-slider .second .das .box, .main-slider .second .das .box .img { height: 150px; }
  .main-slider .second .das .box { border-radius: var(--np-r-sm); }
  .main-slider .second .box .textArea { bottom: 0; left: 10px; width: calc(100% - 10px); padding-bottom: 8px; padding-top: 30px; }
  .main-slider .second .box .textArea .category { display: none; }
  .main-slider .second .box .textArea .title { font-size: 13px; line-height: 17px; max-height: 51px; padding: 0 8px; }
  .main-slider .first .box:hover .img, .main-slider .second .das .box:hover .img { transform: none; opacity: 1; }

  /* Interviews / news: image-on-top cards */
  .np-home-main .post-widget { margin-bottom: 10px; }
  .np-home-main .hundlun-news { padding: 15px !important; }
  .np-home-main .hundlun-news .post.style-1 { margin-bottom: 20px; }
  .np-home-main .hundlun-news .post.style-1:last-child { margin-bottom: 0; }
  .np-home-main .post-thumb img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--np-r-sm); }
  .np-home-main .post-content h4.jlkdhasie { height: auto !important; max-height: none; margin: 10px 0 6px; font-size: 17px; line-height: 1.35; }
  .np-home-main .list-posts > li { margin-bottom: 22px; }
  .np-home-main .list-posts .post-thumb { margin: 0 0 10px; }
  .np-home-main .list-posts [class*="col-"] { margin-bottom: 0; }
  .np-home-main .post.style-1 .post-thumb, .np-home-cat .post.style-2 .post-thumb { max-height: none; }
  .np-home-main .jlkasdjksal { height: auto; max-height: 72px; }

  /* Category blocks: lead card + 2 rows with a small thumbnail */
  .np-home-cats > .row { padding: 0 !important; }
  .np-home-cat .post.style-2 { margin-bottom: 10px; border-radius: var(--np-r-sm); overflow: hidden; }
  .np-home-cat .post-thumb > img { aspect-ratio: 3 / 2; object-fit: cover; }
  .np-home-cat .hdkashdsa { height: auto; max-height: 80px; font-size: 17px; line-height: 1.35; }
  .np-home-cat .small-hundlun-art { padding-top: 12px; }
  .np-home-cat .small-hundlun-art > li { display: flex; gap: 12px; align-items: flex-start; padding-top: 12px; border-top: 1px solid #eee; }
  .np-home-cat .np-xs-thumb { display: block; flex: 0 0 104px; }
  .np-home-cat .np-xs-thumb img { width: 104px; height: 69px; object-fit: cover; border-radius: var(--np-r-sm); }
  .np-home-cat .small-hundlun-art .post-content { flex: 1; min-width: 0; }
  .np-home-cat .post-wrap-list .post-content h4 { height: auto; max-height: 70px; }

  /* Latest/popular tabs at the end: no inner scroll box, first 6 items */
  .home .new-visited-commented { margin: 10px 0 0; }
  .new-visited-commented .cate-tab-content, .new-visited-commented .cate-tab-content .tab-content { height: auto; overflow: visible; }
  .np-home-npc .tabBody .article:nth-child(n+7) { display: none; }

  /* CN2: category list items as cards (full-width image, title below) */
  .np-cat-list > li { margin: 0 0 24px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
  .np-cat-list > li:last-child { border-bottom: 0; padding-bottom: 0; }
  .np-cat-list .post-thumb { margin: 0 0 12px; }
  .np-cat-list li .row [class*="col-"] { margin-bottom: 0; }
  .np-cat-list .post-thumb img { aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--np-r-sm); }
  .np-cat-list .post-content h4 { font-size: 18px; line-height: 1.35; margin-bottom: 6px; }
  .np-cat-list .post-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .post-widget .p-20.light-shadow { padding: 15px; }

  /* G6: tap targets */
  .pagination > li > a, .pagination > li > span { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .copyright-bar ul li a, .footer .quick-links a, .res-nav li a, .social-style-2 li a { display: inline-block; min-height: 44px; line-height: 44px; }
  .bread .bread-item a { padding: 10px 0; }
}
.pagination > li > a { color: #6b6b6b; }
@media (max-width: 767px) {
  .cr-add-nav li a.menu-link, .cr-add-nav li a.icon-search { display: inline-block; min-width: 44px; text-align: center; }
  .np-home-main .post-content h4 a, .np-home-cat .post-content h4 a { display: block; padding: 3px 0; }
}