/* joy.mn (Bexon theme): theme-specific touches for the newsplus components */

/* Theme toggle: desktop header icons and next to the mobile hamburger */
.header-right-item .np-joy-toggle { width: 36px; height: 36px; flex: 0 0 auto; }
/* Room for the toggle: slightly tighter menu spacing on laptop widths */
@media (min-width: 992px) and (max-width: 1599px) {
  .mainmenu ul { column-gap: 18px; justify-content: flex-end; }
  .mainmenu ul > li > a { font-size: 15px; }
  .header-wrapper .header-right-item { gap: 12px; }
}
@media (min-width: 992px) {
  .header-wrapper { flex-wrap: nowrap; gap: 20px; }
  .header-wrapper .menu-area { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
  .header-wrapper .header-right-item { flex: 0 0 auto; }
}
.np-joy-mobile-tools { display: inline-flex; align-items: center; margin-left: auto; margin-right: 14px; }
.np-joy-toggle { color: var(--tj-color-heading-primary); }

/* Footer newsletter (dark footer) and credit */
.np-footer-newsletter .np-newsletter__title { display: none; }
.np-footer-newsletter .np-newsletter__text { color: #526163; opacity: 1; }
.np-footer-newsletter .np-newsletter__msg { color: var(--tj-color-heading-primary); }
.tj-copyright-area .copyright-text .np-credit a,
.tj-copyright-area .copyright-text a { color: inherit; }
.widget-nav-menu li.np-footer-sub { padding-left: 14px; }

/* Article page */
.np-article-voice { width: 100%; margin: 0 0 24px; }
.tj-tags-post .np-share { margin: 0; }
.post-details-wrapper > .np-rating,
.post-details-wrapper > .np-author-box { margin-top: 30px; }
.np-comment-msg { margin: -10px 0 16px; font-weight: 600; color: var(--tj-color-theme-primary); }
.comment-avatars .comment-guest { border: 0; background: none; padding: 0; }
.blog-images img { width: 100%; height: auto; }

/* Video page */
.np-video-player { margin-bottom: 24px; }
.np-video-player video,
.np-video-embed iframe { width: 100%; border: 0; border-radius: 12px; }
.np-video-list { margin-bottom: 30px; }

/* Search / podcast lists */
.np-search-heading { margin: 0 0 24px; }
.np-search-heading + .np-search-empty { margin-bottom: 40px; }
.np-podcast-more { margin-top: 50px; }

/* Banners */
.np-joy-home-banner { margin-top: 30px; margin-bottom: 30px; }
.np-joy-sidebar-banner { margin-bottom: 30px; }

/* Dark mode: parts of the theme that are already dark keep their own colours */
/* The footer is light (#d8e5e5), so it follows the page inversion like the rest */
html[data-theme=dark] .tj-cta-section .cta-area,
html[data-theme=dark] .h5-blog-wrapper > .blog-item:first-child,
html[data-theme=dark] .tj-page-header { filter: invert(1) hue-rotate(180deg); }
html[data-theme=dark] .tj-cta-section .cta-area img,
html[data-theme=dark] .h5-blog-wrapper > .blog-item:first-child img,
html[data-theme=dark] .tj-page-header [style*="background-image"] { filter: none; }
/* Logos: let the page inversion turn the dark letters light (the footer keeps its own colours) */
html[data-theme=dark] .site_logo img,
html[data-theme=dark] .hamburger_logo img { filter: none; }


/* ===== Design pass 2026-10 ===== */
/* Tokens: brand teal darkened to 5.6:1 with white (was #1e8a8a, 4.15:1); secondary text 5.6:1 on #ecf0f0.
   Headings stay Montserrat, body/reading text Noto Sans (Cyrillic). */
:root {
  --tj-color-theme-primary: #177373;
  --tj-color-text-body-3: #526163;
  --tj-ff-body: 'Noto Sans', Arial, sans-serif;
  --np-accent: #177373;
  --np-read-font: 'Noto Sans', Arial, sans-serif;
}

/* JY1: no entrance animations; everything is visible on first paint (WOW/GSAP scripts are no longer loaded) */
.wow { visibility: visible !important; animation: none !important; }
/* Sticky sidebars without GSAP: plain CSS sticky on desktop */
@media (min-width: 992px) {
  .slidebar-stickiy-container .pin-spacer { height: 100%; }
  .slidebar-stickiy { position: sticky; top: 100px; }
}
/* The newsplus sticky bar replaces the theme's duplicate scroll-up header */
.header-area.header-duplicate { display: none !important; }

/* JY3 / G2: secondary text on the light theme backgrounds */
.footer-widget .footer-text p,
.footer-widget.footer-col-1 .footer-text p { color: #526163; }
.tj-page-link span a { color: #fff; }
.blog-item:not(.h5-blog-item) .blog-date { background: rgba(12, 30, 33, .55); }
.np-rating__label { color: #526163; }

/* Home lead story: category label readable on the photo */
.h9-blog-wrapper .blog-item:first-child.h5-blog-item .blog-content .blog-meta span a { color: #fff; background: rgba(12, 30, 33, .6); }

/* JY2: article page breadcrumb band (slim) instead of the big category header */
.np-joy-crumbs { margin-top: 0; }
.space-for-header:has(+ .np-joy-crumbs) { padding-top: 6px; }
.np-joy-crumbs .container { padding-top: 14px; padding-bottom: 14px; }
.np-joy-crumbs__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; font-size: 15px; font-weight: 600; line-height: 1.4; }
.np-joy-crumbs__list li { display: inline-flex; align-items: center; color: #526163; }
.np-joy-crumbs__list li + li::before { content: "\203A"; margin: 0 10px; color: #526163; font-weight: 400; }
.np-joy-crumbs__list a { color: var(--tj-color-theme-primary); display: inline-flex; align-items: center; gap: 6px; min-height: 32px; }
.np-joy-crumbs__list a:hover { color: var(--tj-color-heading-primary); }
.np-joy-crumbs + .tj-blog-section.section-gap { padding-top: 10px; }
/* The article title is the page's only h1 and its largest text */
.np-article-title { font-size: clamp(28px, 3.4vw, 42px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; }

/* Headings: Montserrat 700 for titles, sane sizes */
.blog-item .title, .project-item .title, .sec-title { font-weight: 700; }

/* G11: shared radii */
.blog-item, .tj-sidebar-widget, .article-bg-white { border-radius: var(--np-r-lg); }

/* G6: comfortable tap targets on phones */
@media (max-width: 991px) {
  .tagcloud a, .widget-nav-menu ul li a, .footer-contact ul li a,
  .tj-page-link span a, .widget-categories ul li a { display: inline-flex; align-items: center; min-height: 44px; }
  .social-links ul li a { min-width: 44px; min-height: 44px; }
  .tj-pagination ul li a, .tj-pagination ul li span, .page-numbers { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  .hamburger_menu .mean-nav ul li a { min-height: 44px; }
}
@media (max-width: 991px) {
  .blog-meta .categories a, .blog-meta span a { display: inline-flex; align-items: center; min-height: 32px; }
}

/* Weather in the header (rotating places, click to switch) */
.np-hdr-wx { display: inline-flex; align-items: center; margin-right: 6px; }
.np-hdr-wx .np-wr { font-size: 14px; font-weight: 600; white-space: nowrap; gap: 0; }
.np-hdr-wx .np-wr__weather { display: inline-flex; align-items: center; min-height: 44px; }
.np-hdr-wx .np-wr__weather img { margin-right: 4px; }
/* Keep the desktop menu on one line: the header weather shows only on wide screens and phones */
@media (min-width: 992px) and (max-width: 1499px) { .header-right-item .np-hdr-wx { display: none; } }
@media (max-width: 991px) {
  .np-joy-mobile-tools { margin-right: 8px; gap: 2px; }
  .np-joy-mobile-tools .np-hdr-wx { margin-right: 0; }
  .np-joy-mobile-tools .np-wr { font-size: 12.5px; }
  .np-joy-mobile-tools .np-wr__weather img { display: none; }
}