/* Headline Nepal UI refresh v2 — same layout, clearly newer look */

:root {
  --hn-red: #d40000;
  --hn-blue: #074da2;
  --hn-blue-2: #0a5cc0;
  --hn-ink: #141820;
  --hn-muted: #667085;
  --hn-line: #dde1e8;
  --hn-bg: #eef1f6;
  --hn-card: #ffffff;
  --hn-font: "Noto Sans Devanagari", "Noto Sans", Lato, Arial, sans-serif;
}

html { -webkit-text-size-adjust: 100%; }

body,
body #container,
.navbar,
.nav,
.widget,
.news-post,
.hover-box,
.list-posts,
.title-section,
.title-section h1,
.title-section h1 span,
h1, h2, h3, h4, h5, h6,
p, a, span, li, input, button, .ticker-content {
  font-family: var(--hn-font) !important;
}

body {
  color: var(--hn-ink) !important;
  background: var(--hn-bg) !important;
}

#container {
  background: var(--hn-bg) !important;
}

a { transition: color .15s ease, background .15s ease, opacity .15s ease; }

/* ========== TOP RED BAR — clearly cleaner ========== */
header > div[style*="e00000"],
header > div[style*="#e00000"] {
  background: linear-gradient(90deg, #b00000, var(--hn-red), #ff2a2a) !important;
  color: #fff !important;
  padding: 8px 12px !important;
  box-shadow: 0 2px 6px rgba(180, 0, 0, 0.35) !important;
}

/* English Edition — one blue pill only (no white outer badge) */
header .hn-english-btn {
  float: right;
  margin: 0 12px 0 0 !important;
  display: inline-block !important;
  background: #074da2 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  padding: 5px 12px !important;
  border: none !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
header .hn-english-btn:hover {
  background: #053a7a !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ========== BLUE LOGO BAND ========== */
.logo-advertisement {
  background: linear-gradient(180deg, var(--hn-blue-2), var(--hn-blue)) !important;
  box-shadow: 0 3px 12px rgba(7, 77, 162, 0.35) !important;
  border-bottom: 3px solid var(--hn-red) !important;
}

.navbar-default { border: 0 !important; margin-bottom: 0 !important; background: transparent !important; }
.navbar-brand img { max-height: 70px; filter: drop-shadow(0 1px 2px rgba(0,0,0,.25)); }

/* ========== CATEGORY NAV — white bar, red active ========== */
.nav-list-container {
  background: #fff !important;
  border-bottom: 2px solid var(--hn-red) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.08) !important;
  margin-bottom: 8px !important;
}

.nav-list-container .navbar-nav > li > a {
  color: var(--hn-ink) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 13px 12px !important;
  border-bottom: 3px solid transparent !important;
}

.nav-list-container .navbar-nav > li > a:hover,
.nav-list-container .navbar-nav > li.active > a,
.nav-list-container .navbar-nav > .active > a:focus,
.nav-list-container .navbar-nav > .active > a:hover {
  color: var(--hn-red) !important;
  background: #fff5f5 !important;
  border-bottom-color: var(--hn-red) !important;
}

.navbar-form .form-control {
  border: 1px solid #c5ccd6 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  height: 34px !important;
}

/* ========== BREAKING TICKER ========== */
section.ticker-news {
  margin-bottom: 14px !important;
}

.ticker-news-box {
  background: #fff !important;
  border: 1px solid var(--hn-line) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.05) !important;
}

.ticker-news-box span.breaking-news,
.ticker-news-box span.new-news {
  background: var(--hn-red) !important;
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.ticker-news-box .ticker-content a {
  color: var(--hn-ink) !important;
  font-weight: 600 !important;
}

.ticker-news-box .ticker-content a:hover {
  color: var(--hn-red) !important;
}

/* ========== SECTION TITLES ========== */
.title-section {
  margin-bottom: 14px !important;
  border-bottom: 2px solid var(--hn-line) !important;
  padding-bottom: 6px !important;
}

.title-section h1,
.title-section2 h1 {
  font-weight: 800 !important;
}

.title-section h1 span,
.title-section2 h1 span {
  background: var(--hn-red) !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 4px 4px 0 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 2px 0 rgba(0,0,0,.08);
}

/* ========== NEWS BLOCKS — card feel, same grid ========== */
.news-post.image-post2,
.list-posts,
.grid-box,
.banner-news {
  background: var(--hn-card) !important;
  border: 1px solid var(--hn-line) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(20, 24, 32, 0.06) !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
}

.news-post.image-post2:hover,
.list-posts:hover,
.grid-box:hover {
  box-shadow: 0 8px 22px rgba(20, 24, 32, 0.12) !important;
}

.hover-box h2 a,
.hover-box h3 a,
.inner-hover h2 a,
.news-post h2 a,
.news-post h3 a,
.list-posts h2 a,
.list-posts h3 a,
.head h5 a {
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

.hover-box h2 a:hover,
.inner-hover h2 a:hover,
.news-post h2 a:hover,
.list-posts h2 a:hover,
.head h5 a:hover {
  color: #ffe08a !important;
}

.list-posts h2 a:hover,
.news-post h2 a:hover {
  color: var(--hn-red) !important;
}

ul.post-tags li,
ul.post-tags li a,
.post-tags {
  color: var(--hn-muted) !important;
  font-size: 12px !important;
}

.news-post img,
.list-posts img,
.break-img,
.galimg,
.go-ratio-small img,
.go-ratio-slider img {
  transition: transform .25s ease, opacity .2s ease !important;
}

.news-post:hover img,
.list-posts:hover img {
  opacity: .97;
}

/* main content white panels */
.main-content,
.block-wrapper,
.heading-news2 .container > .row {
  /* keep structure */
}

.heading-news2 {
  margin-bottom: 10px !important;
}

/* ========== SIDEBAR ========== */
.sidebar .widget,
aside .widget,
.main-content .col-md-3 .widget,
.main-wrapper .col-md-3 .widget {
  background: #fff !important;
  border: 1px solid var(--hn-line) !important;
  border-radius: 8px !important;
  padding: 12px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}

/* Header top bar: never show white widget card around English Edition */
header .widget,
header .posts-widget,
header .col-md-3 .widget,
header .float-right .widget {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
header .col-md-3.float-right {
  background: transparent !important;
}

.widget .title-section h1 span,
.sidebar .title-section h1 span {
  font-size: 14px !important;
}

/* ========== FOOTER ========== */
footer {
  background: linear-gradient(180deg, #122033, #0b1522) !important;
  color: #c9d4e3 !important;
  margin-top: 28px !important;
  border-top: 4px solid var(--hn-red) !important;
  padding-top: 10px !important;
}

footer a { color: #edf2f8 !important; font-weight: 600 !important; }
footer a:hover { color: #fff !important; text-decoration: underline !important; }
footer .footer-last-line {
  border-top: 1px solid rgba(255,255,255,.12) !important;
  color: #8fa0b5 !important;
  padding: 12px 0 !important;
}

/* ========== ARTICLE PAGE ========== */
.single-post h1,
.article-box h1,
.post-title h1 {
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: var(--hn-ink) !important;
}

.single-post .post-content,
.single-post p,
.post-content p {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #222 !important;
}


/* mobile */



/* ========== AD SLOTS — tight frame; only ONE size visible ========== */
.advertisement {
  position: relative;
  margin: 8px 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: center !important;
}

.advertisement::before {
  content: none !important;
  display: none !important;
}

/* Default (desktop): show desktop only — do NOT force display on all */
.advertisement .desktop-advert,
.sidebar .advertisement .desktop-advert {
  display: inline-block !important;
  margin: 0 auto 6px !important;
  max-width: 100% !important;
  vertical-align: top !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 3px !important;
  line-height: 0 !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
}

.advertisement .tablet-advert,
.advertisement .mobile-advert,
.sidebar .advertisement .tablet-advert,
.sidebar .advertisement .mobile-advert {
  display: none !important;
}

.advertisement a.ads {
  display: inline-block !important;
  max-width: 100% !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  line-height: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.advertisement a.ads:hover {
  opacity: 0.92 !important;
}

.advertisement img,
a.ads img,
img.banner-728x90,
img.banner-1130x103,
img.banner-300x250 {
  border-radius: 4px !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.logo-advertisement .advertisement {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.logo-advertisement .advertisement .desktop-advert {
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  padding: 2px !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.advertisement:not(:has(img)) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Tablet: only tablet ad */
@media (max-width: 991px) {
  .advertisement .desktop-advert,
  .sidebar .advertisement .desktop-advert,
  .logo-advertisement .advertisement .desktop-advert {
    display: none !important;
  }
  .advertisement .tablet-advert,
  .sidebar .advertisement .tablet-advert,
  .logo-advertisement .advertisement .tablet-advert {
    display: inline-block !important;
    margin: 0 auto 6px !important;
    max-width: 100% !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 3px !important;
    line-height: 0 !important;
  }
  .advertisement .mobile-advert,
  .sidebar .advertisement .mobile-advert {
    display: none !important;
  }
}

/* Mobile: only mobile ad */
@media (max-width: 767px) {
  .advertisement .desktop-advert,
  .advertisement .tablet-advert,
  .sidebar .advertisement .desktop-advert,
  .sidebar .advertisement .tablet-advert,
  .logo-advertisement .advertisement .desktop-advert,
  .logo-advertisement .advertisement .tablet-advert {
    display: none !important;
  }
  .advertisement .mobile-advert,
  .sidebar .advertisement .mobile-advert,
  .logo-advertisement .advertisement .mobile-advert {
    display: inline-block !important;
    margin: 0 auto 6px !important;
    max-width: 100% !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 2px !important;
    line-height: 0 !important;
  }
}


@media (max-width: 767px) {
  header .hn-english-btn {
    font-size: 12px !important;
    padding: 5px 10px !important;
  }
  .navbar-brand img { max-height: 50px; }
  .title-section h1 span { font-size: 14px !important; padding: 5px 10px !important; }
  .nav-list-container .navbar-nav > li > a {
    border-bottom: 1px solid var(--hn-line) !important;
  }
}

/* Hide empty ad slots (no creative after no-repeat logic) */
.advertisement:empty,
.advertisement:not(:has(img)):not(:has(video)):not(:has(iframe)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}