/*
  Real Digital KZ - Theme polish overrides
  Focus: rhythm, hierarchy, card differentiation, and contrast safety.
*/

:root {
  --rd-accent: #1565c0;
  --rd-accent-strong: #0f4f95;
  --rd-accent-soft: #e9f2ff;
  --rd-bg: #f3f6fa;
  --rd-surface: #ffffff;
  --rd-surface-muted: #f8fbff;
  --rd-border: #d6dfeb;
  --rd-text: #1d2a38;
  --rd-text-soft: #5e7084;
  --rd-header-bg: #0f1822;
  --rd-footer-surface: #172334;
  --rd-radius-md: 14px;
  --rd-radius-lg: 20px;
  --rd-shadow-soft: 0 16px 30px rgba(15, 44, 78, 0.08);
  --rd-shadow-strong: 0 20px 48px rgba(9, 21, 38, 0.22);
}

html,
body {
  overflow-x: clip;
}

body {
  color: var(--rd-text);
  background:
    radial-gradient(circle at 100% 0%, rgba(21, 101, 192, 0.08), rgba(21, 101, 192, 0) 34%),
    radial-gradient(circle at 0% 22%, rgba(81, 150, 225, 0.08), rgba(81, 150, 225, 0) 40%),
    linear-gradient(180deg, #f9fbff 0%, var(--rd-bg) 100%);
}

a {
  transition: color 0.24s ease, border-color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}

p,
li,
.card-details p {
  color: var(--rd-text-soft);
}

img {
  display: block;
}

.section-wrapper > .section-heading {
  display: none;
}

.section-space {
  padding-top: clamp(50px, 6vw, 84px);
  padding-bottom: 0;
}

.hero-section-area,
.latest-news-section,
.trending-news-section,
.top-read-section,
.fashion-section,
.business-section,
.around-world-content,
.hot-area-section,
.post-with-sidebar-area,
.post-without-sidebar-area,
.most-commented-section {
  margin-top: clamp(14px, 3vw, 30px);
}

.view-all {
  margin-bottom: 28px;
}

.section-title h4,
.section-title .section-name,
.section-wrap .section-name,
.view-all h4 {
  margin: 0;
  color: var(--rd-text);
  font-size: clamp(0.82rem, 0.9vw, 0.92rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.title-bar {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 14px;
}

.title-bar .bar {
  width: 5px;
  height: 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, #7fb0ea, var(--rd-accent));
}

.title-bar .bar-2 {
  height: 20px;
}

.title-bar .bar-3 {
  height: 12px;
}

.tags-all a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid var(--rd-border);
  background: var(--rd-surface);
  color: var(--rd-text-soft);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.tags-all a:hover {
  color: var(--rd-accent);
  border-color: var(--rd-accent);
  background: #f4f9ff;
}

/* Header top */
.top-header-area {
  background: var(--rd-header-bg);
  border-bottom: 1px solid rgba(171, 193, 217, 0.22);
}

.top-header {
  min-height: 44px;
  padding: 7px 0;
}

.social-icon.social-clip-path {
  background: transparent;
  clip-path: none;
  padding: 0;
}

.social-icon ul li {
  margin-right: 12px;
}

.social-icon ul li a,
.top-menu ul li a,
.day-highlight p,
.day-highlight p span {
  color: rgba(237, 244, 255, 0.72);
}

.social-icon ul li a:hover,
.top-menu ul li a:hover {
  color: #ffffff;
}

.top-menu ul li {
  padding: 0 10px;
}

.top-menu ul li a {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.day-highlight {
  margin-left: 14px;
  background: transparent;
}

.day-highlight p {
  margin: 0;
  font-size: 0.74rem;
}

/* Main header */
.header-news-marquee,
.mid-menu,
.main-menu-area,
.navbar-wrapper {
  background: var(--rd-surface);
}

.header-news-marquee {
  border-bottom: 1px solid var(--rd-border);
}

.mid-menu {
  gap: 12px;
  min-height: 94px;
}

.logo {
  padding: 12px 0;
}

.logo img {
  max-height: min(56px, var(--header-logo-height));
}

.logo h2,
.logo h2 a {
  color: var(--rd-text);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.search-bar-area {
  padding: 22px 0;
}

.search-input-bar .form-control,
.live-find-input .form-control {
  border-radius: 999px;
  border: 1px solid var(--rd-border);
  background: var(--rd-surface-muted);
  color: var(--rd-text);
}

.search-input-bar .form-control:focus,
.live-find-input .form-control:focus {
  border-color: var(--rd-accent);
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.16);
}

.lang-switcher {
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--rd-border);
  background: var(--rd-surface-muted);
}

.lang-switcher .lang-btn {
  color: var(--rd-text-soft);
}

.lang-switcher .lang-btn:hover,
.lang-switcher .lang-btn[aria-current="page"] {
  color: var(--rd-accent);
}

.dark-light-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.native-search svg,
.dark-light svg,
.toggle-bar svg {
  color: var(--rd-text-soft);
  fill: currentColor;
}

.native-search svg:hover,
.dark-light svg:hover,
.toggle-bar svg:hover {
  color: var(--rd-accent);
}

.main-menu-area {
  border-bottom: 1px solid var(--rd-border);
}

.main-menu .menu > li > a {
  position: relative;
  color: var(--rd-text-soft);
  padding: 15px 14px;
  font-size: 0.76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}

.main-menu .menu > li > a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--rd-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}

.main-menu .menu > li > a:hover,
.main-menu .menu > li.nav-current > a,
.main-menu .menu > li.current-menu-item > a {
  color: var(--rd-text);
}

.main-menu .menu > li > a:hover::after,
.main-menu .menu > li.nav-current > a::after,
.main-menu .menu > li.current-menu-item > a::after {
  transform: scaleX(1);
}

.nav-wrapper {
  position: relative;
}

.nav-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 4px;
  color: var(--rd-text-soft);
  cursor: pointer;
}

.secondary-nav {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 210px;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid var(--rd-border);
  background: var(--rd-surface);
  box-shadow: var(--rd-shadow-soft);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 30;
}

.nav-wrapper:hover .secondary-nav,
.nav-wrapper.active .secondary-nav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.secondary-nav .nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.secondary-nav .nav li a {
  display: block;
  padding: 9px 10px;
  border-radius: 8px;
  color: var(--rd-text-soft);
  font-size: 0.8rem;
  text-transform: none;
  letter-spacing: 0;
}

.secondary-nav .nav li a:hover {
  color: var(--rd-text);
  background: var(--rd-accent-soft);
}

/* Media cards */
.post,
.single-column-post,
.single-post-card {
  height: 100%;
}

.single-post {
  position: relative;
  overflow: hidden;
  border-radius: var(--rd-radius-lg);
  isolation: isolate;
  box-shadow: var(--rd-shadow-soft);
  background-position: center;
  background-size: cover;
  transform: translateZ(0);
}

.single-post::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 17, 28, 0.1) 22%, rgba(8, 17, 28, 0.86) 100%);
  z-index: 0;
}

.single-post::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

.post:hover .single-post,
.single-post-card:hover .single-post,
.top-read:hover .single-post {
  transform: translateY(-2px);
  box-shadow: var(--rd-shadow-strong);
}

.single-post .post-card-link {
  position: absolute;
  inset: 0;
  z-index: 3;
}

.single-post .feature-tag,
.single-post .postcard-text,
.single-post .post-btn {
  position: relative;
  z-index: 4;
}

.feature-tag a {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #15273f;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.single-post .postcard-text h4 a,
.single-post .postcard-text h5 a,
.single-post .postcard-text h6 a,
.single-post .postcard-text p,
.single-post .card-details p {
  color: #f4f8ff;
}

.single-post .postcard-text h4 a,
.single-post .postcard-text h5 a,
.single-post .postcard-text h6 a {
  font-weight: 700;
  line-height: 1.26;
}

.single-post .postcard-text h4 a {
  font-size: clamp(1.08rem, 1.4vw, 1.5rem);
}

.single-post .postcard-text h5 a {
  font-size: clamp(0.92rem, 0.98vw, 1.08rem);
}

.single-post .postcard-text h6 a {
  font-size: clamp(0.84rem, 0.88vw, 0.96rem);
}

.single-post .card-details p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.featured-gallery-item {
  gap: 18px;
}

.featured-gallery-item .single-featured-item {
  min-height: 290px;
}

.featured-gallery-item .single-featured-item.column-8 {
  min-height: clamp(430px, 56vw, 560px);
}

.featured-gallery-item .single-featured-item:not(.column-8) .postcard-text h4 a {
  font-size: clamp(1rem, 1vw, 1.16rem);
}

.hero-post .postcard-text p {
  margin-top: 10px;
  font-size: 0.88rem;
  line-height: 1.48;
  max-width: 66ch;
}

.postcard-text-2 {
  margin-top: 12px;
  padding: 18px 18px 20px;
  border-radius: var(--rd-radius-md);
  border: 1px solid var(--rd-border);
  background: var(--rd-surface);
  box-shadow: var(--rd-shadow-soft);
}

.postcard-text-2 h5,
.postcard-text-2 h6 {
  margin: 10px 0 8px;
}

.postcard-text-2 h5 a,
.postcard-text-2 h6 a {
  color: var(--rd-text);
  font-weight: 700;
  line-height: 1.32;
}

.postcard-text-2 p {
  margin-bottom: 0;
  font-size: 0.88rem;
  line-height: 1.48;
  color: var(--rd-text-soft);
}

.postcard-text-2 .card-details p {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #73859b;
}

.postcard-text-2 .post-btn {
  margin-top: 16px;
}

.post-btn .btn,
.read-more-btn .btn,
.subscribe-btn .btn,
.btn.load-more-posts {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: var(--rd-accent);
  color: #ffffff;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.post-btn .btn:hover,
.read-more-btn .btn:hover,
.subscribe-btn .btn:hover,
.btn.load-more-posts:hover {
  background: var(--rd-accent-strong);
  color: #ffffff;
}

.single-news-post {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid var(--rd-border);
  background: var(--rd-surface);
  box-shadow: 0 10px 22px rgba(16, 42, 72, 0.06);
}

.single-news-post .card-thumb {
  flex: 0 0 96px;
  max-width: 96px;
  border-radius: 10px;
  overflow: hidden;
}

.single-news-post .card-thumb img {
  width: 100%;
  height: 78px;
  object-fit: cover;
}

.single-news-post .card-details h5,
.single-news-post .card-details h6 {
  margin: 0;
}

.single-news-post .card-details h5 a,
.single-news-post .card-details h6 a {
  color: var(--rd-text);
  font-weight: 600;
  line-height: 1.3;
}

.single-news-post .card-details p {
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 0.72rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.single-news-post:hover {
  border-color: #b9cae1;
  box-shadow: 0 16px 30px rgba(16, 42, 72, 0.12);
}

/* Section differentiation */
.latest-news-section .single-post-card .single-post {
  min-height: 270px;
}

.latest-post-area .post .single-post {
  min-height: 180px;
}

.latest-post-area .postcard-text-2 {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.trending-news-section > .container,
.top-read-section > .container,
.around-world-content > .container,
.business-section .business-inner-content,
.fashion-section .fashion-inner-content,
.latest-news-section > .container {
  padding: clamp(18px, 2.7vw, 26px);
  border-radius: var(--rd-radius-lg);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(166, 188, 214, 0.45);
  backdrop-filter: blur(4px);
}

.trending-news-section .post-wrapper-content > .row > [class*="col-"] .single-post {
  min-height: 230px;
}

.trending-news-section .post-wrapper-content > .row > [class*="col-"] .single-post::before {
  background: linear-gradient(180deg, rgba(8, 17, 28, 0.08) 12%, rgba(8, 17, 28, 0.84) 100%);
}

.trending-post-area .postcard-text-2 {
  border-color: #c9d8ea;
  background: linear-gradient(180deg, #fbfdff 0%, #f2f8ff 100%);
}

.top-read-section .single-column-post .postcard-text-2 {
  border-color: #c6d6eb;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
}

.top-read-section .top-read .single-post {
  min-height: 420px;
}

.fashion-section .col-lg-6:first-child .single-post {
  min-height: 420px;
}

.fashion-section .col-lg-6:last-child .single-news-post {
  background: #f7fbff;
}

.business-section .post-wrapper-content > .row:first-child .single-post {
  min-height: 250px;
}

.business-section .post-wrapper-content > .row:last-child .single-news-post {
  background: #f6faff;
}

.around-world-content .single-post.height-250 {
  min-height: 250px;
}

.around-world-content .postcard-text-2 {
  border-color: #c5d6ea;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
}

.hot-area-section .section-wrap {
  margin-top: 0;
  margin-bottom: 18px;
}

.hot-area-section .pagination-btn-wrapper > div {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--rd-border);
  background: var(--rd-surface);
  color: var(--rd-text-soft);
}

.hot-area-section .pagination-btn-wrapper > div:hover {
  border-color: var(--rd-accent);
  color: var(--rd-accent);
}

.hot-area-section .hot-post .single-post {
  min-height: 220px;
}

.hot-area-section .hot-post .single-post::before {
  background: linear-gradient(180deg, rgba(5, 14, 24, 0.06) 20%, rgba(5, 14, 24, 0.8) 100%);
}

/* Blog, tag, author */
.blog-page-title h1,
.tags-content .post-title,
.author-header-inner .author {
  color: var(--rd-text);
  font-weight: 700;
  letter-spacing: -0.015em;
}

.blog-page-title h1 {
  font-size: clamp(1.4rem, 2vw, 1.9rem);
}

.tag-card,
.author-card,
.news-full-content,
.single-author-box {
  border-radius: var(--rd-radius-lg);
  border: 1px solid rgba(170, 191, 215, 0.52);
  background: rgba(255, 255, 255, 0.84);
  backdrop-filter: blur(4px);
  box-shadow: var(--rd-shadow-soft);
}

.tag-card,
.author-card {
  padding: clamp(16px, 2.5vw, 28px);
}

.news-full-content {
  padding: clamp(18px, 2.5vw, 30px);
}

.tags-feature img,
.author-profile-image img {
  width: 100%;
  height: 100%;
  border-radius: var(--rd-radius-md);
  object-fit: cover;
}

.author-header-inner .bio,
.tags-content p,
.published-posts h5 {
  color: var(--rd-text-soft);
}

.news-tag li a {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  margin: 0 8px 8px 0;
  border-radius: 999px;
  border: 1px solid var(--rd-border);
  background: #f7fbff;
  color: var(--rd-text-soft);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.news-tag li a:hover {
  color: var(--rd-accent);
  border-color: var(--rd-accent);
}

.most-commented-post .single-news-post.related-posts {
  height: 100%;
  align-items: stretch;
}

.most-commented-post .single-news-post.related-posts .card-thumb {
  max-width: 122px;
  flex-basis: 122px;
}

.most-commented-post .single-news-post.related-posts .card-thumb img {
  height: 100%;
  min-height: 112px;
}

.most-commented-post .single-news-post.related-posts .badge-text span a {
  color: var(--rd-accent);
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ===== ARTICLE BODY — editorial typography ===== */

/* Article page container */
.post-without-sidebar-area {
  margin-top: clamp(14px, 3vw, 30px);
}

.post-without-sidebar-area .news-page-content {
  background: var(--rd-surface);
  border: 1px solid var(--rd-border);
  border-radius: var(--rd-radius-lg);
  box-shadow: var(--rd-shadow-soft);
  padding: clamp(24px, 3.5vw, 42px) clamp(24px, 4.5vw, 56px);
  margin-bottom: 36px;
}

/* Override base theme's .news-full-content.news-inner-cont{padding:0} */
.news-full-content.news-inner-cont {
  padding: 0;
  max-width: 100%;
  border: none;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  border-radius: 0;
}

/* Body paragraph typography */
.news-full-content p {
  font-size: clamp(0.98rem, 1.1vw, 1.06rem);
  line-height: 1.52;
  color: var(--rd-text);
  margin-bottom: 1em;
  letter-spacing: 0.006em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* First paragraph — lead text */
.news-full-content > p:first-child {
  font-size: clamp(1.02rem, 1.2vw, 1.12rem);
  line-height: 1.52;
  color: var(--rd-text);
  font-weight: 500;
}

/* Section sub-headings styled as bold paragraphs (e.g. "Что известно:", "Технические детали:") */
.news-full-content p > strong:first-child:only-child,
.news-full-content p > strong:first-child {
  display: inline;
}

.news-full-content p:has(> strong:first-child) {
  border-left: 3px solid var(--rd-accent);
  padding-left: 14px;
  margin-top: 1.6em;
}

/* Bold section label paragraphs that START with bold (editorial sections) */
.news-full-content p > strong {
  color: var(--rd-text);
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Inline links within articles */
.news-full-content a {
  color: var(--rd-accent);
  text-decoration: underline;
  text-decoration-color: rgba(21, 101, 192, 0.3);
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  transition: color 0.25s, text-decoration-color 0.25s;
  font-weight: 500;
}

.news-full-content a:hover {
  color: var(--rd-accent-strong);
  text-decoration-color: var(--rd-accent-strong);
}

/* Headings within article content */
.news-full-content h2,
.news-full-content h3,
.news-full-content h4 {
  color: var(--rd-text);
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.28;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

.news-full-content h2 {
  font-size: clamp(1.28rem, 1.8vw, 1.55rem);
  padding-bottom: 10px;
  border-bottom: 2px solid var(--rd-border);
}

.news-full-content h3 {
  font-size: clamp(1.12rem, 1.5vw, 1.3rem);
}

.news-full-content h4 {
  font-size: clamp(1rem, 1.3vw, 1.16rem);
}

/* Blockquotes */
.news-full-content blockquote {
  border-left: 4px solid var(--rd-accent);
  background: var(--rd-accent-soft);
  margin: 2em 0;
  padding: 20px 24px;
  border-radius: 0 var(--rd-radius-md) var(--rd-radius-md) 0;
  font-style: italic;
  color: var(--rd-text);
}

.news-full-content blockquote p {
  margin-bottom: 0;
  font-size: clamp(0.96rem, 1.1vw, 1.04rem);
}

/* Images in article body */
.news-full-content img {
  border-radius: var(--rd-radius-md);
  margin: 1.4em 0;
}

/* Horizontal rules */
.news-full-content hr {
  border: none;
  border-top: 2px solid var(--rd-border);
  margin: 2.4em 0;
}

/* Source links block — last paragraph(s) with links */
.news-full-content p:last-of-type a[href*="t.me"],
.news-full-content p a[rel="noopener"] {
  text-decoration-color: rgba(21, 101, 192, 0.25);
  font-weight: 600;
}

/* Bottom border of article content */
.news-full-content.border-bottom {
  border-bottom: 2px solid var(--rd-border) !important;
  padding-bottom: 2em;
}

/* Tags row below article */
.news-footer-section {
  margin-top: 24px;
}

.news-footer-section .news-tag {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Author card at article bottom */
.news-footer-section .single-author-box {
  background: var(--rd-surface-muted);
  border: 1px solid var(--rd-border);
  border-radius: var(--rd-radius-lg);
  padding: clamp(18px, 2.5vw, 28px);
}

.news-footer-section .single-author-box .author-meta-card {
  padding: 0;
}

.news-footer-section .single-author-box .author-header-inner h3 a {
  color: var(--rd-text);
  font-weight: 700;
  font-size: 1rem;
}

/* Post navigation — prev/next cards */
.post-navigation-wrap {
  display: flex;
  gap: 20px;
  margin-bottom: 0;
}

.post-navigation-wrap .previous-post {
  border-radius: var(--rd-radius-lg);
  overflow: hidden;
  min-height: 140px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 20px 24px;
}

.post-navigation-wrap .previous-post::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 20, 36, 0.25) 0%, rgba(10, 20, 36, 0.82) 100%);
  border-radius: var(--rd-radius-lg);
  z-index: 1;
}

.post-navigation-wrap .previous-post > * {
  position: relative;
  z-index: 2;
}

.post-navigation-wrap .previous-post-title,
.post-navigation-wrap .next-post-title {
  color: #fff;
  font-size: clamp(0.84rem, 1vw, 0.96rem);
  font-weight: 600;
  line-height: 1.36;
  margin-top: 6px;
}

.post-navigation-wrap .arrow-text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.post-navigation-wrap .prev-next-arrow svg {
  color: rgba(255, 255, 255, 0.7);
  width: 18px;
  height: 18px;
}

/* Post header readability */
.published-news-section .single-news-details {
  padding: clamp(18px, 2.8vw, 34px);
  border: 1px solid rgba(120, 149, 182, 0.4);
  border-radius: var(--rd-radius-lg);
  background: rgba(10, 25, 42, 0.78);
  box-shadow: var(--rd-shadow-soft);
}

.published-news-section .newspage-headlines h1 {
  color: #f2f8ff !important;
  font-size: clamp(1.6rem, 2.6vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
}

.published-news-section .report-time li,
.published-news-section .report-time li span,
.published-news-section .news-type-section .report-time li,
.published-news-section .social-share p,
.breadcrumbs-area .breadcrumb-item,
.breadcrumbs-area .breadcrumb-item a {
  color: rgba(213, 226, 243, 0.88);
}

.published-news-section .social-share ul li a {
  border: 1px solid rgba(136, 167, 201, 0.45);
}

.published-news-section hr {
  border-color: rgba(117, 146, 178, 0.4);
}

.published-news-section .news-excerpt {
  color: #d1e0f2;
  font-size: clamp(0.94rem, 1.2vw, 1.04rem);
  font-style: italic;
  line-height: 1.52;
}

.published-news-section .news-excerpt p {
  color: inherit;
}

.published-news-section .news-picture,
.feature-full .news-picture {
  margin-top: 20px;
}

.published-news-section .news-picture img,
.feature-full .news-picture img {
  border-radius: var(--rd-radius-lg);
}

/* Footer */
.footer-section-area {
  margin-top: clamp(60px, 8vw, 100px);
  padding-top: clamp(34px, 5vw, 52px);
  padding-bottom: clamp(24px, 4vw, 40px);
  background:
    radial-gradient(circle at 10% 0%, rgba(73, 123, 176, 0.22), rgba(73, 123, 176, 0) 42%),
    linear-gradient(155deg, #0f1823 0%, #101d2d 100%);
  border-top: 1px solid rgba(124, 152, 184, 0.34);
}

.footer-section-area .single-footer {
  height: 100%;
  padding: 24px 22px;
  border-radius: var(--rd-radius-md);
  border: 1px solid rgba(146, 174, 208, 0.34);
  background: linear-gradient(180deg, rgba(33, 49, 68, 0.94) 0%, rgba(23, 35, 52, 0.98) 100%);
  box-shadow: 0 16px 34px rgba(7, 16, 28, 0.35);
}

.footer-section-area .f-logo img {
  max-height: min(52px, var(--footer-logo-height));
  width: auto;
}

.footer-section-area .f-logo h2,
.footer-section-area .f-logo h2 a,
.footer-section-area .footer-head h5 {
  color: #f4f8ff;
}

.footer-section-area .footer-head h5 {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  margin-bottom: 18px;
}

.footer-section-area .footer-text p,
.footer-section-area .card-details p,
.footer-section-area .message-text,
.footer-section-area .message-text * {
  color: #ccd8e8;
}

.footer-section-area .footer-input .form-control {
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(165, 187, 215, 0.48);
  background: rgba(255, 255, 255, 0.08);
  color: #f2f7ff;
}

.footer-section-area .footer-input .form-control::placeholder {
  color: rgba(210, 223, 240, 0.76);
}

.footer-section-area .footer-input .form-control:focus {
  border-color: #9bc3f2;
  box-shadow: 0 0 0 3px rgba(95, 149, 214, 0.24);
}

.footer-section-area .subscribe-btn {
  gap: 10px;
}

.footer-section-area .newsletter-area {
  align-items: center;
  gap: 10px;
}

.footer-section-area .newsletter-area .footer-input {
  flex: 1 1 auto;
  min-width: 0;
}

.footer-section-area .newsletter-area .btn {
  flex: 0 0 auto;
  min-width: 128px;
  white-space: nowrap;
}

.footer-section-area .single-news-post {
  padding: 9px;
  border-color: rgba(171, 194, 220, 0.26);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: none;
}

.footer-section-area .single-news-post .card-thumb {
  max-width: 86px;
  flex-basis: 86px;
}

.footer-section-area .single-news-post .card-thumb img {
  height: 68px;
}

.footer-section-area .single-news-post .card-details h6 a {
  color: #edf3ff;
}

.footer-section-area .single-news-post .card-details p {
  color: rgba(215, 227, 243, 0.84);
}

.footer-section-area .tag-list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.footer-section-area .tag-list ul li {
  margin: 0;
}

.footer-section-area .tag-list ul li a {
  display: inline-flex;
  align-items: center;
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid rgba(171, 194, 220, 0.34);
  background: rgba(255, 255, 255, 0.05);
  color: #dbe6f6;
  font-size: 0.7rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.footer-section-area .tag-list ul li a:hover {
  color: #ffffff;
  border-color: #a4c6ed;
  background: rgba(57, 113, 178, 0.36);
}

.copyright-menu-area {
  border-top: 1px solid rgba(126, 154, 186, 0.32);
  background: #0a1119;
  padding-top: 16px;
  padding-bottom: 16px;
}

.copyright-menu-area .copyright-text p {
  margin: 0;
  color: rgba(203, 218, 237, 0.86);
  font-size: 0.78rem;
  letter-spacing: 0.03em;
}

/* Dark mode */
html[data-theme="dark"] body {
  color: #e4ecf8;
  background:
    radial-gradient(circle at 100% 0%, rgba(84, 144, 210, 0.19), rgba(84, 144, 210, 0) 36%),
    radial-gradient(circle at 0% 24%, rgba(42, 79, 128, 0.24), rgba(42, 79, 128, 0) 42%),
    linear-gradient(180deg, #0b121b 0%, #0f1722 100%);
}

html[data-theme="dark"] .header-news-marquee,
html[data-theme="dark"] .mid-menu,
html[data-theme="dark"] .main-menu-area,
html[data-theme="dark"] .navbar-wrapper,
html[data-theme="dark"] .secondary-nav,
html[data-theme="dark"] .lang-switcher {
  background: #111b28;
}

html[data-theme="dark"] .header-news-marquee,
html[data-theme="dark"] .main-menu-area,
html[data-theme="dark"] .secondary-nav,
html[data-theme="dark"] .lang-switcher,
html[data-theme="dark"] .single-news-post,
html[data-theme="dark"] .postcard-text-2,
html[data-theme="dark"] .tag-card,
html[data-theme="dark"] .author-card,
html[data-theme="dark"] .news-full-content,
html[data-theme="dark"] .single-author-box,
html[data-theme="dark"] .published-news-section .single-news-details {
  border-color: rgba(126, 152, 184, 0.4);
}

html[data-theme="dark"] .logo h2,
html[data-theme="dark"] .logo h2 a,
html[data-theme="dark"] .section-title h4,
html[data-theme="dark"] .section-name,
html[data-theme="dark"] .blog-page-title h1,
html[data-theme="dark"] .tags-content .post-title,
html[data-theme="dark"] .author-header-inner .author,
html[data-theme="dark"] .postcard-text-2 h5 a,
html[data-theme="dark"] .postcard-text-2 h6 a,
html[data-theme="dark"] .single-news-post .card-details h5 a,
html[data-theme="dark"] .single-news-post .card-details h6 a,
html[data-theme="dark"] .published-news-section .newspage-headlines h1 {
  color: #e6eefb;
}

html[data-theme="dark"] .published-news-section .newspage-headlines h1 {
  color: #f2f8ff !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .card-details p,
html[data-theme="dark"] .postcard-text-2 p,
html[data-theme="dark"] .tags-content p,
html[data-theme="dark"] .author-header-inner .bio,
html[data-theme="dark"] .published-posts h5,
html[data-theme="dark"] .main-menu .menu > li > a,
html[data-theme="dark"] .lang-switcher .lang-btn,
html[data-theme="dark"] .tags-all a,
html[data-theme="dark"] .secondary-nav .nav li a,
html[data-theme="dark"] .published-news-section .report-time li,
html[data-theme="dark"] .published-news-section .report-time li span,
html[data-theme="dark"] .published-news-section .news-excerpt,
html[data-theme="dark"] .breadcrumbs-area .breadcrumb-item,
html[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a {
  color: #a9bcd4;
}

html[data-theme="dark"] .tags-all a,
html[data-theme="dark"] .news-tag li a {
  background: #162334;
}

html[data-theme="dark"] .single-news-post,
html[data-theme="dark"] .postcard-text-2,
html[data-theme="dark"] .tag-card,
html[data-theme="dark"] .author-card,
html[data-theme="dark"] .news-full-content,
html[data-theme="dark"] .single-author-box,
html[data-theme="dark"] .trending-news-section > .container,
html[data-theme="dark"] .top-read-section > .container,
html[data-theme="dark"] .around-world-content > .container,
html[data-theme="dark"] .business-section .business-inner-content,
html[data-theme="dark"] .fashion-section .fashion-inner-content,
html[data-theme="dark"] .latest-news-section > .container {
  background: rgba(19, 30, 44, 0.84);
  box-shadow: 0 16px 32px rgba(6, 14, 24, 0.45);
}

html[data-theme="dark"] .single-post {
  box-shadow: 0 20px 42px rgba(4, 11, 20, 0.5);
}

html[data-theme="dark"] .single-post::before {
  background: linear-gradient(180deg, rgba(4, 10, 18, 0.14) 20%, rgba(3, 8, 14, 0.9) 100%);
}

html[data-theme="dark"] .published-news-section .single-news-details {
  background: rgba(8, 20, 34, 0.82);
}

html[data-theme="dark"] .post-btn .btn,
html[data-theme="dark"] .read-more-btn .btn,
html[data-theme="dark"] .subscribe-btn .btn,
html[data-theme="dark"] .btn.load-more-posts {
  background: #2c6fb9;
}

html[data-theme="dark"] .post-btn .btn:hover,
html[data-theme="dark"] .read-more-btn .btn:hover,
html[data-theme="dark"] .subscribe-btn .btn:hover,
html[data-theme="dark"] .btn.load-more-posts:hover {
  background: #3a82d2;
}

/* Dark mode — article body */
html[data-theme="dark"] .post-without-sidebar-area .news-page-content {
  background: rgba(19, 30, 44, 0.84);
  border-color: rgba(126, 152, 184, 0.35);
  box-shadow: 0 16px 32px rgba(6, 14, 24, 0.45);
}

html[data-theme="dark"] .news-full-content p {
  color: #c8d7ea;
}

html[data-theme="dark"] .news-full-content > p:first-child {
  color: #d6e3f4;
}

html[data-theme="dark"] .news-full-content p > strong {
  color: #e2ecfa;
}

html[data-theme="dark"] .news-full-content p:has(> strong:first-child) {
  border-left-color: #3e8ad6;
}

html[data-theme="dark"] .news-full-content a {
  color: #5ba8e6;
  text-decoration-color: rgba(91, 168, 230, 0.35);
}

html[data-theme="dark"] .news-full-content a:hover {
  color: #8ec5f0;
  text-decoration-color: rgba(142, 197, 240, 0.6);
}

html[data-theme="dark"] .news-full-content h2,
html[data-theme="dark"] .news-full-content h3,
html[data-theme="dark"] .news-full-content h4 {
  color: #e2ecfa;
}

html[data-theme="dark"] .news-full-content h2 {
  border-bottom-color: rgba(126, 152, 184, 0.35);
}

html[data-theme="dark"] .news-full-content blockquote {
  background: rgba(30, 55, 85, 0.5);
  border-left-color: #3e8ad6;
  color: #c8d7ea;
}

html[data-theme="dark"] .news-full-content hr {
  border-top-color: rgba(126, 152, 184, 0.30);
}

html[data-theme="dark"] .news-full-content.border-bottom {
  border-bottom-color: rgba(126, 152, 184, 0.30) !important;
}

html[data-theme="dark"] .news-footer-section .single-author-box {
  background: rgba(19, 30, 44, 0.72);
  border-color: rgba(126, 152, 184, 0.35);
}

html[data-theme="dark"] .news-footer-section .single-author-box .author-header-inner h3 a {
  color: #e2ecfa;
}

html[data-theme="dark"] .post-navigation-wrap .previous-post::before {
  background: linear-gradient(180deg, rgba(5, 12, 22, 0.3) 0%, rgba(5, 12, 22, 0.88) 100%);
}

/* Responsive */
@media (max-width: 1199.98px) {
  .search-bar-area {
    max-width: 300px;
  }

  .main-menu .menu > li > a {
    padding-inline: 10px;
    font-size: 0.72rem;
  }

  .featured-gallery-item .single-featured-item.column-8 {
    min-height: 430px;
  }
}

@media (max-width: 991.98px) {
  .mid-menu {
    min-height: 76px;
  }

  .search-bar-area {
    max-width: 240px;
    padding: 14px 0;
  }

  .lang-switcher {
    margin-left: 0;
  }

  .featured-gallery-item .single-featured-item,
  .featured-gallery-item .single-featured-item.column-8,
  .fashion-section .col-lg-6:first-child .single-post,
  .top-read-section .top-read .single-post {
    min-height: 320px;
  }

  .post-wrapper-content.design-content > .container > .row > .col-lg-4 {
    margin-bottom: 18px;
  }

  .footer-section-area .single-footer {
    margin-bottom: 16px;
  }
}

@media (max-width: 767.98px) {
  .section-space {
    padding-top: 42px;
  }

  .top-header {
    justify-content: center;
  }

  .top-header-right {
    display: none;
  }

  .mid-menu {
    min-height: 68px;
    padding: 8px 0;
  }

  .header-right {
    width: auto;
    gap: 10px;
  }

  .search-bar-area {
    display: none;
  }

  .main-menu .menu-navbar.show {
    padding: 12px;
    border-top: 1px solid var(--rd-border);
    background: var(--rd-surface);
  }

  .main-menu .menu-navbar.show li a {
    padding: 10px 12px;
    font-size: 0.82rem;
  }

  .secondary-nav {
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    min-width: 0;
    margin-top: 6px;
    box-shadow: none;
  }

  .view-all {
    gap: 12px;
    align-items: flex-start;
    flex-direction: column;
  }

  .trending-news-section > .container,
  .top-read-section > .container,
  .around-world-content > .container,
  .business-section .business-inner-content,
  .fashion-section .fashion-inner-content,
  .latest-news-section > .container {
    padding: 16px;
    border-radius: var(--rd-radius-md);
  }

  .single-post,
  .latest-news-section .single-post-card .single-post,
  .latest-post-area .post .single-post,
  .trending-news-section .post-wrapper-content > .row > [class*="col-"] .single-post,
  .featured-gallery-item .single-featured-item,
  .featured-gallery-item .single-featured-item.column-8,
  .top-read-section .top-read .single-post,
  .fashion-section .col-lg-6:first-child .single-post,
  .business-section .post-wrapper-content > .row:first-child .single-post,
  .hot-area-section .hot-post .single-post {
    min-height: 250px;
  }

  .single-news-post {
    padding: 8px;
  }

  .single-news-post .card-thumb {
    max-width: 82px;
    flex-basis: 82px;
  }

  .single-news-post .card-thumb img {
    height: 66px;
  }

  .postcard-text-2 {
    padding: 14px;
  }

  .footer-section-area {
    margin-top: 48px;
  }

  .footer-section-area .single-footer {
    padding: 18px 16px;
  }

  .footer-section-area .newsletter-area {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-section-area .newsletter-area .btn {
    width: 100%;
    min-width: 0;
  }