/* =========================================================================
   REAL DIGITAL — brand tokens (Шаг 1)
   Грузится ПОСЛЕДНИМ (после style.css и ghost_head) — перебивает и тему,
   и dark-схему, и нативный JetBrains Mono из Ghost.
   Меняем ТОЛЬКО базовые токены: палитра, светлый фон, типографика.
   Структура/шапка/герой/лента — отдельными шагами.
   ========================================================================= */

/* --- Палитра: жёстко светлая, перебиваем :root и [data-theme=dark] --- */
:root,
html,
html[data-theme="light"],
html[data-theme="dark"],
[data-theme="dark"] {
  /* фон и текст */
  --color-body:            #FBF6EC;   /* кремовый фон страницы */
  --color-white:           #FBF6EC;   /* «белые» плашки = фон бренда */
  --color-white-two:       #FBF6EC;
  --color-white-smoke:     #F3EEE2;   /* чуть темнее фон для секций */
  --color-light-white:     #F3EEE2;
  --image-loading:         #EDE7D8;   /* плейсхолдер под фото */

  /* заголовки → navy */
  --color-heading:         #0D1F3C;
  --color-heading-two:     #0D1F3C;
  --color-dark-heading:    #0D1F3C;
  --color-light-head:      #0D1F3C;
  --color-secondary:       #0D1F3C;

  /* тело → charcoal / grey */
  --color-paragraph:       #1A1A1A;
  --color-paragraph-two:   #1A1A1A;
  --color-text:            #1A1A1A;
  --color-gray:            #1A1A1A;
  --color-dark-gray:       #6B6B6B;
  --color-gray-two:        #6B6B6B;
  --color-breadcrumb:      #6B6B6B;
  --color-price-text:      #0D1F3C;

  /* акцент → бренд-синий (перебиваем ghost-accent-color) */
  --ghost-accent-color:    #14276B;
  --color-primary:         #14276B;
  --color-dark-primary:    #14276B;
  --color-indigo:          #14276B;
  --color-light-blue:      #14276B;
  --color-blue:            #14276B;

  /* золото — вторичный акцент */
  --color-gold:            #A6811C;

  /* линии/границы → светло-серый */
  --border:                #C8C8C8;
  --color-border:          #C8C8C8;
  --color-border-two:      #C8C8C8;
  --color-border-three:    #C8C8C8;
  --color-border-bottom:   #C8C8C8;
  --color-light-gray:      #C8C8C8;
  --color-gray-three:      #E4DECF;
  --tag-card-bg:           #E4DECF;

  /* типографика: serif-заголовки + sans-тело */
  --font-heading:      "PT Serif", Georgia, "Liberation Serif", serif;
  --font-sub-heading:  "PT Serif", Georgia, "Liberation Serif", serif;
  --font-body:         "PT Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-family-system: "PT Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* --- Фон/текст страницы (на случай если тема красит body напрямую) --- */
html,
body {
  background-color: #FBF6EC;
  color: #1A1A1A;
  font-family: var(--font-body);
}

/* --- Заголовки: serif + navy. Перебиваем нативный JetBrains Mono. --- */
h1, h2, h3, h4, h5, h6,
.news-title, .post-title, .entry-title,
.widget-title, .section-title, .block-title {
  font-family: var(--font-heading) !important;
  color: #0D1F3C;
}

/* Тело/контент статьи — sans (Ghost по умолчанию ставит моно на .gh-content) */
.gh-content,
.news-full-content,
.post-content,
p, li, blockquote, figcaption {
  font-family: var(--font-body);
}
.gh-content :is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--font-heading) !important;
}

/* Ссылки-акцент */
a { color: inherit; }
a:hover { color: #14276B; }

/* =========================================================================
   REAL DIGITAL — шапка (Шаги 2–3): логотип, светлая шапка, навигация,
   переключатель ҚАЗ·РУС. Фоны шапки — через собственные классы (не bg-*),
   чтобы не воевать с !important темы.
   ========================================================================= */

/* --- фоны трёх полос шапки --- */
.rd-topbar      { background:#F3EEE2 !important; border-bottom:1px solid #C8C8C8; }
.rd-header-mid  { background:#FBF6EC !important; }
.rd-header-nav  { background:#FBF6EC !important; border-top:1px solid #C8C8C8;
                  border-bottom:2px solid #0D1F3C; }

/* --- топбар: соцсети + дата навы, без тёмных плашек --- */
.rd-topbar .social-icon,
.rd-topbar .day-highlight { background:transparent !important; }
.rd-topbar .social-icon a { color:#0D1F3C; }
.rd-topbar .social-icon a:hover { color:#14276B; }
.rd-topbar .day-highlight p,
.rd-topbar .top-menu a { color:#6B6B6B; }
.rd-topbar .top-menu a:hover { color:#14276B; }
.rd-topbar, .rd-topbar p, .rd-topbar span { color:#6B6B6B; }

/* --- логотип REAL/DIGITAL --- */
.rd-logo { font-family:var(--font-heading); font-weight:700; font-size:30px;
           letter-spacing:.5px; color:#14276B; line-height:1; display:inline-block; }
.rd-logo span { color:#A6811C; }
.rd-logo:hover { color:#14276B; }

/* --- навигация: navy, uppercase, sans --- */
.rd-header-nav .menu > li > a {
  color:#0D1F3C !important; font-family:var(--font-body);
  font-weight:700; text-transform:uppercase; font-size:13px; letter-spacing:.4px;
}
.rd-header-nav .menu > li > a:hover { color:#14276B !important; }
.rd-header-nav .menu > li > a.active,
.rd-header-nav .menu > li.nav-current > a { color:#14276B !important; }
/* подменю (серии/выпадашки) на светлом фоне */
.rd-header-nav .secondary-nav { background:#FBF6EC; border:1px solid #C8C8C8; }
.rd-header-nav .secondary-nav a { color:#0D1F3C !important; }
.rd-header-nav .secondary-nav a:hover { color:#14276B !important; }

/* иконки поиска в шапке — навы */
.rd-header-mid .search-icon svg,
.rd-header-mid .native-search svg,
.rd-header-mid .toggle-bar svg { color:#0D1F3C; fill:#0D1F3C; }

/* --- скрываем тумблер тёмной/светлой темы (сайт только светлый) --- */
.dark-light { display:none !important; }

/* --- переключатель языка ҚАЗ·РУС --- */
.rd-lang { display:inline-flex; align-items:center; gap:8px; margin-right:18px;
           font-family:var(--font-body); font-size:13px; font-weight:700;
           letter-spacing:.5px; }
.rd-lang a { color:#6B6B6B; padding:2px 2px; }
.rd-lang a:hover { color:#14276B; }
.rd-lang a.active { color:#0D1F3C; border-bottom:2px solid #0D1F3C; }
.rd-lang .rd-lang-sep { color:#C8C8C8; }

/* мобильная адаптация переключателя */
@media (max-width: 991px){
  .rd-logo { font-size:24px; }
  .rd-lang { margin-right:10px; }
}

/* --- кикер-рубрика в карточках: navy вместо красного, языковые теги скрыты в шаблоне --- */
.rd-kicker, .rd-kicker a { color:#14276B !important; font-family:var(--font-body);
  text-transform:uppercase; font-size:11px; font-weight:700; letter-spacing:.4px; }
.badge-text.text-deeppink, .badge-text.text-deeppink a { color:#14276B !important; }

/* =========================================================================
   REAL DIGITAL — герой главной (Шаг 4): 3 зоны
   ========================================================================= */
.rd-hero { padding: 28px 0; }
.rd-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr 0.85fr;
  gap: 30px;
  padding-bottom: 28px;
  border-bottom: 2px solid #1A1A1A;
}

/* общий кикер-рубрика */
.rd-kicker { display:inline-block; color:#14276B; font-family:var(--font-body);
  font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.5px;
  margin-bottom:8px; }
.rd-kicker:hover { color:#0D1F3C; }

/* зона 1 — лид (текстовый) */
.rd-hero-lead .rd-hero-title { font-family:var(--font-heading); color:#1A1A1A;
  font-weight:700; font-size:30px; line-height:1.14; margin:0 0 10px; }
.rd-hero-lead .rd-hero-title a { color:#1A1A1A; }
.rd-hero-lead .rd-hero-title a:hover { color:#14276B; }
.rd-hero-excerpt { color:#6B6B6B; font-size:15px; line-height:1.5; margin:0 0 12px; }

/* зона 2 — фичер с фото */
.rd-hero-mid-img { display:block; }
.rd-hero-mid-img img { width:100%; height:280px; object-fit:cover; display:block;
  background:#EDE7D8; margin-bottom:12px; }
.rd-hero-mid-title { font-family:var(--font-heading); font-weight:700;
  font-size:20px; line-height:1.2; margin:0 0 8px; }
.rd-hero-mid-title a { color:#1A1A1A; }
.rd-hero-mid-title a:hover { color:#14276B; }

/* мета (дата) */
.rd-hero-meta { color:#6B6B6B; font-family:var(--font-body); font-size:11.5px;
  display:flex; align-items:center; }
.rd-hero-meta svg { fill:#6B6B6B; }

/* зона 3 — Выбор редакции */
.rd-ed-head { font-family:var(--font-body); font-size:12px; text-transform:uppercase;
  letter-spacing:.6px; color:#14276B; font-weight:700; padding-bottom:8px;
  border-bottom:1px solid #C8C8C8; margin:0 0 8px; }
.rd-ed-item { display:flex; gap:12px; padding:10px 0; border-bottom:1px dotted #C8C8C8; }
.rd-ed-item:last-child { border-bottom:none; }
.rd-ed-thumb { width:64px; height:48px; object-fit:cover; flex-shrink:0; background:#EDE7D8; }
.rd-ed-body .rd-kicker { margin-bottom:3px; font-size:10px; }
.rd-ed-title { font-family:var(--font-heading); font-size:14px; line-height:1.2;
  font-weight:700; color:#1A1A1A; margin:0; }
.rd-ed-item:hover .rd-ed-title { color:#14276B; }

/* адаптив */
@media (max-width: 900px){
  .rd-hero-grid { grid-template-columns:1fr; gap:24px; }
  .rd-hero-mid-img img { height:220px; }
  .rd-hero-lead .rd-hero-title { font-size:26px; }
}

/* =========================================================================
   REAL DIGITAL — лента (Шаг 5): карточки 3-в-ряд
   ========================================================================= */
.rd-latest .section-title h4 {
  font-family:var(--font-heading); color:#0D1F3C; font-weight:700;
  font-size:20px; letter-spacing:.3px;
}
.rd-latest .tags-all a { color:#14276B; font-family:var(--font-body);
  font-weight:700; font-size:12.5px; text-transform:uppercase; letter-spacing:.4px;
  display:inline-flex; align-items:center; }
.rd-latest .tags-all a:hover { color:#0D1F3C; }
.rd-latest .tags-all svg { fill:#14276B; }

.rd-grid3 { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.rd-card { display:block; }
.rd-card-thumb { width:100%; aspect-ratio:16/10; overflow:hidden; background:#EDE7D8;
  margin-bottom:12px; }
.rd-card-thumb img { width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .3s ease; }
.rd-card:hover .rd-card-thumb img { transform:scale(1.04); }
.rd-card .rd-kicker { margin-bottom:4px; }
.rd-card-title { font-family:var(--font-heading); color:#1A1A1A; font-weight:700;
  font-size:17px; line-height:1.24; margin:0 0 8px; }
.rd-card:hover .rd-card-title { color:#14276B; }

@media (max-width: 900px){
  .rd-grid3 { grid-template-columns:1fr 1fr; gap:22px; }
}
@media (max-width: 560px){
  .rd-grid3 { grid-template-columns:1fr; }
}

/* =========================================================================
   REAL DIGITAL — футер (Шаг 7): navy
   ========================================================================= */
.rd-footer { background:#0D1F3C !important; }
.rd-footer, .rd-footer p, .rd-footer .footer-text p { color:#9FB0C9; }
.rd-flogo { font-family:var(--font-heading); font-weight:700; font-size:24px;
  color:#FFFFFF; display:inline-block; margin-bottom:14px; letter-spacing:.5px; }
.rd-flogo span { color:#A6811C; }
.rd-flogo:hover { color:#FFFFFF; }
.rd-footer .footer-text p { font-size:13.5px; line-height:1.55; max-width:300px; }
.rd-footer .footer-head h5 { color:#FFFFFF; font-family:var(--font-body);
  font-size:12px; text-transform:uppercase; letter-spacing:.6px; font-weight:700;
  margin-bottom:16px; }
.rd-fnav { list-style:none; padding:0; margin:0; }
.rd-fnav li { padding:5px 0; }
.rd-fnav li a { color:#9FB0C9; font-family:var(--font-body); font-size:13.5px; }
.rd-fnav li a:hover, .rd-footer a:hover { color:#FFFFFF; }
.rd-footer .f-card-text h6 { margin:0 0 4px; }
.rd-footer .f-card-text h6 a { color:#DCE3EE; font-family:var(--font-heading);
  font-weight:700; font-size:14px; line-height:1.25; }
.rd-footer .f-card-text h6 a:hover { color:#FFFFFF; }
.rd-footer .f-card-text p, .rd-footer .recent-news p { color:#7F90AB; font-size:11.5px; }
.rd-footer .recent-news svg { fill:#7F90AB; }
.rd-footer .recent-news-feature img { width:76px; height:56px; object-fit:cover; }

/* нижняя полоса копирайта */
.rd-footer-bottom { background:#0A1730 !important; }
.rd-footer-bottom, .rd-footer-bottom p { color:#7F90AB; font-family:var(--font-body);
  font-size:12px; margin:2px 0; }
.rd-footer-bottom .copyright-text a,
.rd-footer-bottom a { color:#CBD6E8 !important; text-decoration:underline;
  text-underline-offset:2px; text-decoration-color:#5A6E90; }
.rd-footer-bottom a:hover { color:#FFFFFF !important; text-decoration-color:#FFFFFF; }

/* =========================================================================
   REAL DIGITAL — хаб «Серии» (Шаг 6): премиальная сетка карточек
   ========================================================================= */
.rd-series-page { padding: 44px 0 64px; }
.rd-series-head { max-width: 780px; margin: 0 0 38px; }
.rd-series-head h1 { font-family:var(--font-heading); color:#0D1F3C;
  font-size:40px; font-weight:700; margin:0 0 14px; line-height:1.1; }
.rd-series-intro { color:#6B6B6B; font-size:17px; line-height:1.55; margin:0; }

.rd-series-grid { display:grid; grid-template-columns:repeat(3,1fr);
  column-gap:44px; row-gap:0; }
.rd-series-card { display:block; background:transparent; border:none;
  border-top:2px solid #0D1F3C; padding:20px 0 30px; }
.rd-series-card:hover { box-shadow:none; transform:none; }
.rd-series-icon { display:inline-block; vertical-align:middle; font-size:24px;
  line-height:1; margin:0 10px 0 0; }
.rd-series-name { display:inline; font-family:var(--font-heading); color:#0D1F3C;
  font-size:21px; font-weight:700; line-height:1.2; vertical-align:middle; }
.rd-series-card:hover .rd-series-name { color:#14276B; }
.rd-series-desc { color:#4A4A4A; font-size:14.5px; line-height:1.55;
  margin:12px 0 16px; }
.rd-series-link { font-family:var(--font-body); color:#14276B; font-weight:700;
  font-size:12.5px; text-transform:uppercase; letter-spacing:.4px; }
.rd-series-card:hover .rd-series-link { color:#A6811C; }

@media (max-width:900px){
  .rd-series-grid { grid-template-columns:1fr 1fr; }
  .rd-series-head h1 { font-size:32px; }
}
@media (max-width:560px){
  .rd-series-grid { grid-template-columns:1fr; }
}

/* =========================================================================
   REAL DIGITAL — мобильная шапка: язык в гамбургере, чистый логотип
   ========================================================================= */
/* пункты языка в меню — по умолчанию скрыты (на десктопе язык в отдельном блоке) */
.rd-menu-lang { display:none; }

@media (max-width: 991px){
  /* плавающий ҚАЗ·РУС убираем из строки логотипа — он ломал раскладку */
  .rd-lang { display:none !important; }
  /* язык показываем внутри мобильного меню */
  .menu-navbar-mobile .rd-menu-lang { display:block; }
  .menu-navbar-mobile .rd-menu-lang a { text-transform:uppercase; }
  /* логотип компактнее, в одну строку */
  .rd-logo { font-size:21px; white-space:nowrap; }
  /* иконки поиска/бургер не сжимаются */
  .rd-header-mid .dark-light-wrap { flex-shrink:0; }
}
@media (max-width: 400px){
  .rd-logo { font-size:18px; }
}

/* --- соцсети в сайдбаре: бренд-navy плитки (FB / Instagram / Telegram) --- */
.rd-social { background:#0D1F3C !important; transition:background .2s ease; }
.rd-social a, .rd-social a svg, .rd-social svg { color:#FFFFFF !important; fill:#FFFFFF !important; }
.rd-social:hover { background:#14276B !important; }
