/* erdenetlife.mn: theme-specific touches for the newsplus components */
/* Theme toggle sits left of the (absolutely positioned) search button */
.headerRightSide .np-header-toggle { position: absolute; right: 46px; top: 14px; z-index: 300; }
.np-slot-h .np-banner img, .np-slot-side .np-banner img { width: 100%; height: auto; border-radius: 10px; display: block; }
.np-slot-side { margin-top: 0; }
.pollSideBar .np-poll { margin: 0; }
.footer-bottom-area .np-newsletter { margin: 10px auto 0; text-align: left; }
.footer-copy-right .np-credit a { color: inherit; text-decoration: underline; }
.np-page-title { font-size: 1.6rem; }
.top-header h1.category-name { margin: 0; font-size: inherit; color: inherit; font-weight: inherit; }
h1.post-title { font-size: 2rem; }
@media (max-width: 767px) { h1.post-title { font-size: 1.5rem; } }
.np-podcast .np-share { margin-top: 20px; }
.entry-main-content .np-share, .entry-main-content .np-rating, .entry-main-content .np-author-box { margin-left: 0; margin-right: 0; }
.videoHeight .np-ratio, .videoHeight .np-embed iframe { width: 100%; }
.comment-form .np-message:empty { display: none; }

/* Dark mode: newsplus inverts the page; parts that are already dark keep their colours */
html[data-theme=dark] .trendNews .header,
html[data-theme=dark] .pollSideBar .poll,
html[data-theme=dark] .widget-weather,
html[data-theme=dark] .wrapper-article,
html[data-theme=dark] .top-header,
html[data-theme=dark] .container-fluid[style*="#212d45"],
html[data-theme=dark] .moreArticleBtn,
html[data-theme=dark] .featured-side .image-side { filter: invert(1) hue-rotate(180deg); }
html[data-theme=dark] .featured-side .image-side img { filter: none; }
html[data-theme=dark] .widget-weather img,
html[data-theme=dark] .top-header img { filter: none; }
html[data-theme=dark] .container-fluid[style*="#212d45"] [style*="background-image"],
html[data-theme=dark] .top-header [style*="background-image"] { filter: none; }

/* ===== Design pass 2026-10 (audit items G1-G14, EL1-EL4) ===== */
:root {
  --np-accent: #1f7a96;           /* brand blue, contrast-safe (4.9:1 with white) */
  --el-accent-2: #b35900;         /* one secondary colour: dark orange (4.8:1 with white) */
  --el-muted: #5c6b77;            /* meta/date/author grey (5.5:1 on white) */
  --np-read-font: 'Roboto', Arial, sans-serif;
}

/* G1/EL4: article body; beat the theme's p rules (16px Roboto) and any pasted indent/justify */
.entry-main-content.np-article-body p,
.entry-main-content.np-article-body li,
.entry-main-content.np-article-body div:not([class]) { text-align: left !important; text-indent: 0 !important; }

/* G2: grey text contrast; no weight-300 text */
.color-grey, .text-grey, .text-muted, .text-muted a, .entry-meta.color-grey, .entry-meta.color-grey span,
.entry-meta.color-grey time { color: var(--el-muted) !important; }
.footer-bottom-area .footer-copy-right p { font-weight: 400; line-height: 1.6; color: var(--el-muted) !important; }
.footer-bottom-area a { color: #333; }
.song-timer span { color: var(--el-muted); }
.featured-side .image-side .meta-side .stats .text-muted { color: #fff !important; }
.featured-side .image-side .meta-side .stats .span { background: rgba(0,0,0,.55); }
.widget-valute table { font-size: 13px; }

/* EL1: bigger logo, 15px sentence-case menu */
.header-logo img { height: 56px; width: auto; vertical-align: middle; }
.headerSideDesktop .logoSide { width: auto; margin-right: 14px; }
.headerSideDesktop .main-nav { width: auto; float: left; }
@media (max-width: 1199.98px) { .header-logo img { height: 46px; } }
.main-header .main-nav ul li a { text-transform: none; font-size: 15px; font-weight: 700; color: #333; }
.main-menu > li { padding: 0 9px; }
.main-header .main-nav ul li:hover > a { color: var(--np-accent); }
.main-header .main-nav ul li:hover > a::after { background: var(--np-accent); }
.main-header .mobileMenu ul li { text-transform: none; font-size: 15px; padding: 0; line-height: 1.2; }
.main-header .mobileMenu ul li a { display: flex; align-items: center; min-height: 44px; }
/* Theme search / menu button colours -> brand */
.headerSideMobile .headerRightSide .search-btn.active, .headerSideDesktop .headerRightSide .search-btn.active,
.headerSideMobile .headerRightSide #submit-btn-mobile.show, .headerSideDesktop .headerRightSide #submit-btn-desktop.show,
.headerSideMobile .headerRightSide .inputSide.show, .headerSideDesktop .headerRightSide .inputSide.show,
.headerSideMobile .headerRightSide .search-btn:hover, .headerSideDesktop .headerRightSide .search-btn:hover { background: var(--np-accent); color: #fff; }
.headerSideMobile .headerLeftSide .menu-btn:hover, .headerSideMobile .headerLeftSide .menu-btn.clicked { background: var(--np-accent); }
a:hover, .search-btn:hover, .moreArticleBtn:hover { color: var(--np-accent); }
/* G13: the newsplus sticky bar replaces the theme's always-fixed header (it stays in the flow) */
.main-header .header-sticky.sticky-bar { position: relative; box-shadow: none; animation: none; }
.main-header .scroll-progress { display: none; }

/* EL2: category list in the left sidebar */
.categorySideBar a { background: var(--np-accent); color: #fff; font-size: 14px; font-weight: 600; text-transform: none;
  line-height: 22px; padding: 11px 14px; border-radius: var(--np-r-sm); margin-bottom: 6px; }
.categorySideBar a:hover, .categorySideBar a.active { background: var(--el-accent-2); color: #fff; }

/* EL3/G10: one brand colour + one secondary; labels 12px semi-bold */
.entry-meta .post-in, .entry-meta.meta-2 span { color: var(--np-accent) !important; font-size: 12px !important; font-weight: 600;
  text-transform: none; letter-spacing: .2px; }
.featured-side .image-side .meta-side .category-link span { background: var(--el-accent-2); font-size: 12px !important;
  font-weight: 600; text-transform: none; letter-spacing: .2px; }
.entry-meta .post-cat.bg-success { background: var(--np-accent) !important; font-size: 12px; font-weight: 600; }
.entry-header .entry-meta.text-uppercase { text-transform: none !important; font-size: 13px !important; }
.widget-weather { background: var(--np-accent); }
.pollSideBar, .pollSideBar:hover { background: #eef4f7; }
.trendNews .header { color: var(--np-accent) !important; text-transform: none; }
.trendNews .article .number { color: var(--np-accent); }
.trendNews .article:hover .number { color: var(--el-accent-2); }
.top-header .color-mask { background: linear-gradient(180deg, rgba(31,122,150,.55) 0%, rgba(10,32,42,.82) 100%); }
.top-header .color-mask .category-name { text-transform: none; font-size: 28px; font-weight: 800; text-shadow: 0 1px 3px rgba(0,0,0,.5); }
.progress-area .progress-bar { background: var(--np-accent); }
.controls i { background: var(--np-accent); -webkit-background-clip: text; background-clip: text; }
.play-pause::before { background: var(--np-accent); }
.play-pause i { background: linear-gradient(#fff 0%, #e6e6e6 100%); -webkit-background-clip: text; background-clip: text; }
ul li.playing { color: var(--el-accent-2); }

/* G3: no forced capitals on titles / widget headings */
.widget-author p strong, .article-author .text .name, .author-bio h5 { text-transform: none; }

/* G11: radius tokens + two button styles */
.button, .button-contactForm { background: var(--np-accent); border-color: var(--np-accent); color: #fff; text-transform: none;
  border-radius: var(--np-r-sm); letter-spacing: 0; }
.button:hover, .button-contactForm:hover { background: #176277; border-color: #176277; color: #fff; }
.moreArticleBtn { border: 1px solid var(--np-accent); color: var(--np-accent); border-radius: var(--np-r-sm); padding: 14px; }
.owl-carousel:hover .owl-nav div:hover { background: var(--np-accent); }

/* G6: tap targets on phones */
@media (max-width: 767.98px) {
  .footer-bottom-area .list-inline-item { margin: 0 14px 0 0 !important; }
  .footer-bottom-area .list-inline-item a { display: inline-flex; align-items: center; min-height: 44px; }
  .entry-meta .post-in, .entry-header .entry-meta a { display: inline-flex; align-items: center; min-height: 32px; }
  .trendNews .article a { display: block; min-height: 44px; }
  .header-logo a { display: inline-flex; align-items: center; min-height: 44px; }
}
.entry-meta.color-grey span.post-cat { color: #fff !important; }
.widget-weather h5, .widget-weather strong, .widget-weather p, .widget-weather h2 { color: #fff; }
@media (max-width: 767.98px) {
  a.entry-meta.meta-2 { display: inline-flex; align-items: center; min-height: 32px; }
  .footer-copy-right a { display: inline-flex; align-items: center; min-height: 32px; }
}