/*
Theme Name: Newspaper Child (nomadfood)
Theme URI: https://nomadfood.com.tr
Description: Дочерняя тема для Newspaper. Дизайн nomadfood в стиле «Тёплый бистро» — кремовый фон, терракота и олива, шрифты Fraunces + Mulish. Безопасна при обновлении родительской темы.
Author: nomadfood
Template: Newspaper
Version: 1.1.8
Text Domain: newspaper-child
*/

/* =========================================================
   1. Дизайн-токены — «Тёплый бистро»
   Меняешь палитру/шрифты здесь — и всё обновляется разом.
   ========================================================= */
:root {
  /* Палитра */
  --nf-bg:         #FBF6EE;  /* кремовый фон */
  --nf-surface:    #FFFFFF;  /* карточки */
  --nf-surface-2:  #F3ECE0;  /* мягкая подложка */
  --nf-text:       #3B2A20;  /* тёмно-коричневый текст */
  --nf-muted:      #8A7766;  /* приглушённый текст */
  --nf-accent:     #C75B39;  /* терракота (основной акцент) */
  --nf-accent-ink: #A8462A;  /* терракота темнее (hover) */
  --nf-accent-2:   #6B7A45;  /* олива (вторичный акцент) */
  --nf-footer:     #2A1E16;  /* тёмно-коричневый подвал */
  --nf-line:       #E7DDCD;  /* границы/разделители */

  /* Типографика */
  --nf-font-head: "Fraunces", Georgia, "Times New Roman", serif;
  --nf-font-body: "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Радиусы / тени / отступы */
  --nf-radius:    14px;
  --nf-radius-sm: 8px;
  --nf-shadow:    0 10px 30px rgba(59, 42, 32, .10);
  --nf-shadow-sm: 0 4px 14px rgba(59, 42, 32, .08);
  --nf-space:     clamp(2rem, 1rem + 4vw, 5rem);
}

/* =========================================================
   2. База: фон, текст, типографика
   ========================================================= */
body,
#td-outer-wrap,
.td-main-content-wrap,
.td-container-wrap,
.td-pb-row,
.td-page-content {
  background-color: var(--nf-bg);
  color: var(--nf-text);
}

body {
  font-family: var(--nf-font-body);
  font-size: 17px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

p, li, .td-excerpt, .td_module_wrap .td-excerpt {
  color: var(--nf-text);
}

::selection {
  background: var(--nf-accent);
  color: #fff;
}

/* =========================================================
   3. Заголовки — Fraunces
   ========================================================= */
h1, h2, h3, h4, h5, h6,
.entry-title,
.td-module-title,
.tdb-title-text,
.td-post-title .entry-title,
.td_module_wrap .entry-title,
.td-block-title,
.block-title {
  font-family: var(--nf-font-head) !important;
  color: var(--nf-text);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.entry-title a,
.td-module-title a,
.tdb-title-text {
  color: var(--nf-text) !important;
  transition: color .15s ease;
}
.entry-title a:hover,
.td-module-title a:hover {
  color: var(--nf-accent) !important;
}

/* =========================================================
   4. Ссылки
   ========================================================= */
a {
  color: var(--nf-accent);
  transition: color .15s ease;
}
a:hover {
  color: var(--nf-accent-ink);
}

/* =========================================================
   5. Шапка и меню
   ========================================================= */
.td-header-wrap,
.td-header-template-wrap,
.td-header-menu-wrap,
.tdb-header-align {
  background-color: var(--nf-bg);
}

.sf-menu > li > a,
.td-header-menu-wrap .sf-menu > li > a {
  color: var(--nf-text);
  font-family: var(--nf-font-body);
  font-weight: 700;
  letter-spacing: .01em;
}
.sf-menu > li > a:hover,
.sf-menu > .current-menu-item > a,
.sf-menu > .current-menu-ancestor > a {
  color: var(--nf-accent);
}

/* =========================================================
   6. Категории/теги — «пилюли» терракотового цвета
   ========================================================= */
.td-post-category,
.td-category a,
.entry-category a,
a.td-post-category {
  background-color: var(--nf-accent) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 3px 11px !important;
  text-transform: uppercase;
  font-size: 11px !important;
  font-weight: 700;
  letter-spacing: .04em;
}
.td-category .entry-category li:nth-child(even) a {
  background-color: var(--nf-accent-2) !important; /* часть пилюль — олива, для ритма */
}

/* =========================================================
   7. Заголовки блоков (полоска tagDiv) — терракота
   ========================================================= */
.td-block-title-wrap .td-block-title,
.block-title > span,
.block-title > a,
.td-block-title > a {
  background-color: var(--nf-accent) !important;
  color: #fff !important;
  border-radius: var(--nf-radius-sm) var(--nf-radius-sm) 0 0;
}
.td-block-title-wrap,
.block-title {
  border-color: var(--nf-accent) !important;
}

/* =========================================================
   8. Карточки статей — мягкие, тёплые
   ========================================================= */
.td_module_wrap,
.tdb_module_loop .td_module_wrap {
  background-color: var(--nf-surface);
  border-radius: var(--nf-radius);
  box-shadow: var(--nf-shadow-sm);
  border-bottom: none !important;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.td_module_wrap:hover {
  transform: translateY(-3px);
  box-shadow: var(--nf-shadow);
}
.td-module-meta-info,
.td-module-container {
  padding-left: 14px;
  padding-right: 14px;
}

/* =========================================================
   9. Кнопки — терракотовые «таблетки»
   ========================================================= */
.td-read-more a,
.td-pseudo-button,
.wpb_button,
.vc_btn3,
.tdb-button-link,
input[type="submit"],
button[type="submit"],
.wpforms-submit,
.wpcf7-submit {
  display: inline-block;
  background-color: var(--nf-accent) !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 26px !important;
  font-family: var(--nf-font-body) !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  box-shadow: var(--nf-shadow-sm);
  transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;
  cursor: pointer;
}
.td-read-more a:hover,
.td-pseudo-button:hover,
.wpb_button:hover,
.vc_btn3:hover,
.tdb-button-link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wpforms-submit:hover,
.wpcf7-submit:hover {
  background-color: var(--nf-accent-ink) !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: var(--nf-shadow);
}

/* =========================================================
   10. Поля форм
   ========================================================= */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea,
select {
  background-color: var(--nf-surface) !important;
  border: 1px solid var(--nf-line) !important;
  border-radius: var(--nf-radius-sm) !important;
  color: var(--nf-text) !important;
  padding: 10px 14px !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--nf-accent) !important;
  outline: none !important;
}

/* =========================================================
   11. Подвал — тёмно-коричневый для контраста
   ========================================================= */
.td-footer-wrapper,
.td-footer-template-wrap,
#td-footer-menu {
  background-color: var(--nf-footer) !important;
  color: #EADFCE;
}
.td-footer-wrapper h1,
.td-footer-wrapper h2,
.td-footer-wrapper h3,
.td-footer-wrapper h4,
.td-footer-wrapper .td-block-title,
.td-footer-wrapper p,
.td-footer-wrapper li {
  color: #EADFCE !important;
}
.td-footer-wrapper a {
  color: #E8C9B8;
}
.td-footer-wrapper a:hover {
  color: #fff;
}

/* =========================================================
   12. Мелочи / полировка
   ========================================================= */
html { scroll-behavior: smooth; }

/* Аккуратные изображения в модулях */
.td-module-thumb img,
.td_module_wrap .entry-thumb {
  border-radius: var(--nf-radius) var(--nf-radius) 0 0;
}

/* =========================================================
   13. Правки v2 (по скриншоту)
   ========================================================= */

/* 13.1 Горизонтальный скролл — убрать переполнение по ширине */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* 13.2 Убрать подчёркивания у заголовков, мета-данных и ссылок карточек */
.entry-title,
.entry-title a,
.td-module-title,
.td-module-title a,
.tdb-title-text,
.td-post-author-name a,
.td-post-date,
.td-module-meta-info a,
.td-module-comments a,
.td_module_wrap a,
.td-read-more a {
  text-decoration: none !important;
}

/* 13.3 Заголовки карточек — крупнее, чистый hover */
.td-module-title {
  font-size: 1.35rem;
  margin-bottom: 10px;
}
.td-module-title a:hover {
  color: var(--nf-accent) !important;
}

/* 13.4 Мета-инфо (автор, дата, комментарии) — приглушённый тёплый тон */
.td-post-author-name a,
.td-post-date,
.td-module-meta-info,
.td-module-comments a {
  color: var(--nf-muted) !important;
}

/* 13.5 Вся шапка — единый кремовый фон, без посторонних полос */
.td-header-wrap,
.td-header-template-wrap,
.td-header-main-menu,
.td-header-menu-wrap,
.td-header-menu-wrap-full,
.td-header-rs,
.td-header-sp-recs,
.tdb-header-align,
.tdb_header_menu,
.td-header-style-1 .td-header-main-menu {
  background-color: var(--nf-bg) !important;
}

/* =========================================================
   14. Компактная шапка (через CSS)
   ========================================================= */

/* 14.1 Ужать вертикальные отступы строки с логотипом */
.td-header-template-wrap,
.td-header-template-wrap .td_block_wrap,
.td-header-wrap .td-header-row,
.tdb-header-align,
.td-header-sp-logo,
.td-header-sp-recs {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 0 !important;
}

/* 14.2 Ограничить высоту логотипа (в PNG много пустых полей) */
.td-logo-wrap img,
.td-main-logo img,
.tdb_header_logo img,
.td-header-sp-logo img,
#td-header-menu .td-logo-wrap img,
.td-retina-data {
  max-height: 88px !important;
  height: auto !important;
  width: auto !important;
}

/* 14.3 Убрать лишнюю высоту у блоков-обёрток логотипа */
.td-header-sp-logo,
.tdb_header_logo .tdb-block-inner,
.td-header-logo-wrap-inner {
  min-height: 0 !important;
  height: auto !important;
}

/* 14.4 Подтянуть строку меню к логотипу */
.td-header-menu-wrap,
.td-header-main-menu {
  margin-top: 0 !important;
}

/* =========================================================
   15. Скрыть хлебные крошки (Домой > …) от прошлого разраба
   ========================================================= */
.td-crumb-container,
.entry-crumbs,
.tdb-breadcrumbs,
.td-page-header .entry-crumbs,
.td-crumb-container .entry-crumbs {
  display: none !important;
}

/* =========================================================
   16. Убрать заголовок-дубль страницы «Menü» (безопасно)
   ========================================================= */
.entry-title.td-page-title {
  display: none !important;
}

/* =========================================================
   17. Текстовый логотип «nomadfood» — делаем видимым
   (высокая специфичность, чтобы перебить инлайн-CSS tagDiv;
    сброс иконочного шрифта и прозрачной заливки текста)
   ========================================================= */
#td-outer-wrap .tdb_header_logo .tdb-logo-text-title,
.td-header-wrap .tdb_header_logo .tdb-logo-text-title,
.tdb_header_logo a .tdb-logo-text-title {
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 34px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: var(--nf-text) !important;
  line-height: 1.2 !important;
  background: none !important;
  -webkit-text-fill-color: var(--nf-text) !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-indent: 0 !important;
  overflow: visible !important;
}
/* спрятать пустую строку tagline под логотипом */
#td-outer-wrap .tdb_header_logo .tdb-logo-text-tagline {
  display: none !important;
}

/* =========================================================
   18. Чистая центрированная шапка
   (скрыть бежевую колонку, лого + меню по центру)
   ========================================================= */
/* (скрытие колонки tdi_19 отключено) */
/* колонку логотипа — на всю ширину, контент по центру */
#td-outer-wrap .td-header-desktop-wrap .tdi_16 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
#td-outer-wrap .tdi_16 .tdb_header_logo .tdb-block-inner,
#td-outer-wrap .tdi_16 .tdb-logo-a {
  justify-content: center !important;
}
/* меню — по центру */
#td-outer-wrap .tdi_24 .tdb-block-inner,
#td-outer-wrap .tdi_24 .tdb-menu {
  justify-content: center !important;
}
/* логотип не обрезать */
#td-outer-wrap .tdb_header_logo,
#td-outer-wrap .tdb_header_logo .tdb-logo-a,
#td-outer-wrap .tdb_header_logo .tdb-logo-text-wrap {
  overflow: visible !important;
  max-width: none !important;
}

/* =========================================================
   19. Финальная чистка шапки (точные ID из рендера)
   ========================================================= */
/* (скрытие колонок по tdi-номерам ОТКЛЮЧЕНО — номера меняются
   при сохранении в Composer и начинали скрывать само меню) */
/* белая полоса: зону и обёртки шапки — в кремовый */
#td-outer-wrap #tdi_11,
#td-outer-wrap .tdi_11,
#td-outer-wrap .td-header-wrap,
#td-outer-wrap .td-header-template-wrap,
#td-outer-wrap .td-header-desktop-wrap {
  background-color: var(--nf-bg) !important;
}
/* меню — строго по центру (перебиваем text-align:right) */
#td-outer-wrap .tdi_25 .td_block_inner,
#td-outer-wrap .tdi_25 .tdb-menu,
#td-outer-wrap .tdi_25 .tdb-block-inner {
  text-align: center !important;
  justify-content: center !important;
}
/* уменьшить пустоту сверху — отступы рядов шапки */
#td-outer-wrap .tdi_11,
#td-outer-wrap .tdi_12,
#td-outer-wrap .tdi_13,
#td-outer-wrap .tdi_14 {
  min-height: 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* =========================================================
   20. Страница Contact — форма по центру, карточкой
   ========================================================= */
.page-id-134 .td-page-content .wpb_column,
.page-id-134 .td-main-content .vc_column,
.page-id-134 .td-main-content .wpb_wrapper > .wpb_text_column,
.page-id-134 .wpcf7 {
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}
.page-id-134 .wpcf7 {
  background: var(--nf-surface);
  border: 1px solid var(--nf-line);
  border-radius: 18px;
  padding: clamp(24px, 4vw, 40px);
  box-shadow: 0 10px 30px rgba(59, 42, 32, .10);
  margin-top: 24px;
}
.page-id-134 .wpcf7-form label {
  font-family: "Mulish", sans-serif !important;
  font-weight: 700 !important;
  color: var(--nf-text) !important;
  display: block;
  margin-bottom: 4px;
}
.page-id-134 .wpcf7-form input[type="text"],
.page-id-134 .wpcf7-form input[type="email"],
.page-id-134 .wpcf7-form input[type="tel"],
.page-id-134 .wpcf7-form textarea {
  width: 100% !important;
}
.page-id-134 .wpcf7-form p {
  margin-bottom: 14px;
}
.page-id-134 .wpcf7-list-item-label {
  font-family: "Mulish", sans-serif !important;
  font-weight: 600;
}

/* =========================================================
   21. Навбар — принудительно показать и нормализовать
   ========================================================= */
#td-outer-wrap .tdi_24,
#td-outer-wrap .tdi_25,
#td-outer-wrap .tdi_25 .tdb-block-inner,
#td-outer-wrap .tdi_25 .tdb-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
#td-outer-wrap .tdi_25 .td_block_inner,
#td-outer-wrap .tdi_25 .tdb-block-inner {
  text-align: center !important;
}
#td-outer-wrap .tdi_25 .tdb-menu {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
}
#td-outer-wrap .tdi_25 .tdb-menu > li {
  float: none !important;
  display: inline-block !important;
}
#td-outer-wrap .tdi_25 .tdb-menu > li > a {
  line-height: 50px !important;
  font-size: 15px !important;
  color: var(--nf-text) !important;
  font-family: "Mulish", sans-serif !important;
}
#td-outer-wrap .tdi_25 .tdb-menu > li > a:hover {
  color: var(--nf-accent) !important;
}

/* =========================================================
   22. Шапка: кремовый фон везде + меньше пустоты
   (ПО КЛАССАМ, не по tdi — устойчиво к правкам в Composer;
    ограничено шапкой, футер не затрагивается)
   ========================================================= */
#td-outer-wrap .td-header-template-wrap,
#td-outer-wrap .td-header-desktop-wrap,
#td-outer-wrap .td-header-mobile-wrap,
#td-outer-wrap .td-header-template-wrap .tdc-zone,
#td-outer-wrap .td-header-template-wrap .tdc_zone,
#td-outer-wrap .td-header-template-wrap .td-pb-row,
#td-outer-wrap .td-header-template-wrap .wpb_row,
#td-outer-wrap .td-header-template-wrap .wpb_column,
#td-outer-wrap .td-header-template-wrap .vc_column_container,
#td-outer-wrap .td-header-template-wrap .tdc-row {
  background-color: var(--nf-bg) !important;
}
/* меньше вертикальной пустоты в рядах шапки */
#td-outer-wrap .td-header-template-wrap .td-pb-row,
#td-outer-wrap .td-header-template-wrap .wpb_row,
#td-outer-wrap .td-header-template-wrap .tdc-row {
  min-height: 0 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* =========================================================
   23. Убрать выезжающее мобильное меню (td-mobile-nav)
   ========================================================= */
#td-mobile-nav,
.td-menu-background {
  display: none !important;
}

/* =========================================================
   24. Убрать тонкую светлую полосу под шапкой
   Причина: в конфиге шапки (Header 117) у зоны задано
   border-bottom:1px #f1e8d7 на белом фоне (#ffffff).
   Прошлые правки перекрасили только фон — сама линия-граница
   осталась. Здесь гасим бордеры и тень у зоны/обёрток/рядов
   шапки и у блока меню. По классам, чтобы пережить Composer.
   ========================================================= */
#td-outer-wrap .td-header-template-wrap,
#td-outer-wrap .td-header-desktop-wrap,
#td-outer-wrap .td-header-mobile-wrap,
#td-outer-wrap .td-header-template-wrap .tdc-zone,
#td-outer-wrap .td-header-template-wrap .tdc_zone,
#td-outer-wrap .td-header-template-wrap .td-pb-row,
#td-outer-wrap .td-header-template-wrap .wpb_row,
#td-outer-wrap .td-header-template-wrap .tdc-row,
#td-outer-wrap .td-header-template-wrap .wpb_column,
#td-outer-wrap .td-header-template-wrap .vc_column_container,
#td-outer-wrap .td-header-template-wrap .tdb_header_menu {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
/* класс tagDiv .td-pb-border-top рисует светлую линию (#ededed) —
   гасим её именно внутри шапки, остального сайта не трогаем */
#td-outer-wrap .td-header-template-wrap .td-pb-border-top,
#td-outer-wrap .tdb_header_menu.td-pb-border-top {
  border-top: 0 !important;
}

/* ГЛАВНАЯ причина белой полосы под навбаром:
   фоновый слой ЗОНЫ шапки (.tdi_NN_rand_style / .td-element-style)
   залит #ffffff !important, а нижний отступ строки меню
   (.tdi_22 margin-bottom:100px) открывает этот белый слой под
   навбаром. Перекрашиваем именно фоновый слой ЗОНЫ в кремовый.
   Селектор «.tdc_zone > .td-element-style» бьёт ТОЛЬКО слой зоны —
   бежевая плашка самого навбара (слой внутри строки меню) остаётся.
   По классам (td-element-style/tdc_zone стабильны), переживёт Composer. */
#td-outer-wrap .td-header-desktop-wrap .tdc_zone > .td-element-style,
#td-outer-wrap .td-header-mobile-wrap .tdc_zone > .td-element-style {
  background-color: var(--nf-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================================================
   25. Логотип-картинка в шапке (верблюд + NOMAD FOOD)
   Текстовый логотип tagDiv заменяем картинкой через CSS:
   фон-картинку вешаем на .tdb-logo-text-title, а сам текст
   прячем (оставляем в DOM — это alt для SEO/скринридеров).
   Файл: дочерняя тема → assets/nf-logo.png (белый фон убран,
   обрезано по краям). url() относителен к style.css — переносимо.
   ========================================================= */
#td-outer-wrap .tdb_header_logo .tdb-logo-text-title {
  display: inline-block !important;
  width: 132px !important;
  height: 134px !important;
  background-image: url('assets/nf-logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  /* спрятать текстовую надпись, но не удалять из разметки */
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
/* на телефоне — компактнее */
@media (max-width: 767px) {
  #td-outer-wrap .tdb_header_logo .tdb-logo-text-title {
    width: 94px !important;
    height: 96px !important;
  }
}

/* =========================================================
   26. Мега-меню под FOOD и RECEIPTS — карточки
   Общий класс пункта — .nf-mega (FOOD: +nf-food-mega, RECEIPTS:
   +nf-recipe-mega). Дети-карточки добавлены в меню (Appearance →
   Menus): FOOD → кухни (nf-cuisine/nf-c-<slug>, db_id 315–322,
   якоря Menü), RECEIPTS → рецепты (nf-recipe/nf-r-<slug>,
   db_id 324–329, якоря страницы Receipts). Выпадашку превращаем
   в сетку карточек: фото блюда + плашка-регион + название.
   FOOD — 4 в ряд, RECEIPTS — 3 в ряд. Наведение — родное (tagDiv)
   плюс страховка. Меню в БД, Composer не затирает.
   ========================================================= */

/* чтобы выпадашку ничего не обрезало по вертикали */
#td-outer-wrap .td-header-desktop-wrap,
#td-outer-wrap .td-header-desktop-wrap .tdc-zone,
#td-outer-wrap .td-header-desktop-wrap .tdc-row,
#td-outer-wrap .td-header-desktop-wrap .td-pb-row,
#td-outer-wrap .tdb_header_menu .td_block_inner,
#td-outer-wrap .tdb_header_menu .tdb-block-inner,
#td-outer-wrap .tdb_header_menu .tdb-menu {
  overflow: visible !important;
}

/* пункт FOOD — точка отсчёта для абсолютной панели */
#td-outer-wrap .tdb_header_menu li.nf-mega {
  position: relative !important;
}

/* панель-выпадашка: сетка карточек 4-в-ряд */
#td-outer-wrap .tdb_header_menu li.nf-mega > ul.sub-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  width: 760px !important;
  max-width: 92vw !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  padding: 18px !important;
  margin: 0 !important;
  top: -999em !important;            /* спрятано до наведения */
  opacity: 0 !important;
  visibility: hidden !important;
  background: var(--nf-surface, #fff) !important;
  border: 1px solid var(--nf-line, #E7DDCD) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(59, 42, 32, .18) !important;
  transition: opacity .16s ease !important;
  z-index: 9999 !important;
}
/* показать по наведению */
#td-outer-wrap .tdb_header_menu li.nf-mega:hover > ul.sub-menu,
#td-outer-wrap .tdb_header_menu li.nf-mega.tdb-hover > ul.sub-menu {
  top: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}

/* карточка = пункт-кухня */
#td-outer-wrap .tdb_header_menu li.nf-mega > ul.sub-menu > li {
  flex: 0 0 calc(25% - 11px) !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  list-style: none !important;
}
#td-outer-wrap .tdb_header_menu li.nf-mega > ul.sub-menu > li > a {
  position: relative !important;
  display: block !important;
  padding: 6px !important;
  border-radius: 12px !important;
  background: transparent !important;
  text-align: center !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  color: var(--nf-text, #3B2A20) !important;
  font-family: var(--nf-font-head, Georgia, serif) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  white-space: normal !important;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease !important;
}
/* фото-обложка */
#td-outer-wrap .tdb_header_menu li.nf-mega > ul.sub-menu > li > a::before {
  content: "" !important;
  display: block !important;
  height: 104px !important;
  margin-bottom: 8px !important;
  border-radius: 10px !important;
  background-color: var(--nf-surface-2, #F3ECE0) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
/* плашка-регион поверх низа фото */
#td-outer-wrap .tdb_header_menu li.nf-mega > ul.sub-menu > li > a::after {
  position: absolute !important;
  left: 12px !important;
  top: 86px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: var(--nf-accent, #C75B39) !important;
  color: #fff !important;
  font-family: var(--nf-font-body, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 9px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1.6 !important;
  white-space: nowrap !important;
}
/* hover карточки */
#td-outer-wrap .tdb_header_menu li.nf-mega > ul.sub-menu > li > a:hover {
  transform: translateY(-3px) !important;
  background: var(--nf-bg, #FBF6EE) !important;
  box-shadow: 0 10px 22px rgba(59, 42, 32, .16) !important;
  color: var(--nf-accent, #C75B39) !important;
}

/* фото и плашка-регион по каждой кухне */
#td-outer-wrap .nf-c-tatar   > a::before { background-image: url('/wp-content/uploads/nf-menu/img-01.png') !important; }
#td-outer-wrap .nf-c-baskurt > a::before { background-image: url('/wp-content/uploads/nf-menu/img-08.png') !important; }
#td-outer-wrap .nf-c-ozbek   > a::before { background-image: url('/wp-content/uploads/nf-menu/img-16.png') !important; }
#td-outer-wrap .nf-c-kazak   > a::before { background-image: url('/wp-content/uploads/nf-menu/img-24.png') !important; }
#td-outer-wrap .nf-c-kirgiz  > a::before { background-image: url('/wp-content/uploads/nf-menu/img-29.png') !important; }
#td-outer-wrap .nf-c-turkmen > a::before { background-image: url('/wp-content/uploads/nf-menu/img-40.png') !important; }
#td-outer-wrap .nf-c-uygur   > a::before { background-image: url('/wp-content/uploads/nf-menu/img-45.png') !important; }
#td-outer-wrap .nf-c-mogol   > a::before { background-image: url('/wp-content/uploads/nf-menu/img-52.png') !important; }

#td-outer-wrap .nf-c-tatar   > a::after { content: "Tataristan" !important; }
#td-outer-wrap .nf-c-baskurt > a::after { content: "Başkurdistan" !important; }
#td-outer-wrap .nf-c-ozbek   > a::after { content: "Özbekistan" !important; }
#td-outer-wrap .nf-c-kazak   > a::after { content: "Kazakistan" !important; }
#td-outer-wrap .nf-c-kirgiz  > a::after { content: "Kırgızistan" !important; }
#td-outer-wrap .nf-c-turkmen > a::after { content: "Türkmenistan" !important; }
#td-outer-wrap .nf-c-uygur   > a::after { content: "Doğu Türkistan" !important; }
#td-outer-wrap .nf-c-mogol   > a::after { content: "Moğolistan" !important; }

/* --- RECEIPTS: 6 карточек рецептов, 3 в ряд (панель уже, чем у FOOD) --- */
#td-outer-wrap .tdb_header_menu li.nf-recipe-mega > ul.sub-menu {
  width: 600px !important;
}
#td-outer-wrap .tdb_header_menu li.nf-recipe-mega > ul.sub-menu > li {
  flex: 0 0 calc(33.333% - 10px) !important;
}
/* фото рецептов (то же блюдо, что в меню) */
#td-outer-wrap .nf-r-besbarmak > a::before { background-image: url('/wp-content/uploads/nf-menu/img-24.png') !important; }
#td-outer-wrap .nf-r-plov      > a::before { background-image: url('/wp-content/uploads/nf-menu/img-16.png') !important; }
#td-outer-wrap .nf-r-lagman    > a::before { background-image: url('/wp-content/uploads/nf-menu/img-45.png') !important; }
#td-outer-wrap .nf-r-manti     > a::before { background-image: url('/wp-content/uploads/nf-menu/img-18.png') !important; }
#td-outer-wrap .nf-r-buuz      > a::before { background-image: url('/wp-content/uploads/nf-menu/img-52.png') !important; }
#td-outer-wrap .nf-r-cakcak    > a::before { background-image: url('/wp-content/uploads/nf-menu/img-05.png') !important; }
/* плашка-регион рецептов */
#td-outer-wrap .nf-r-besbarmak > a::after { content: "Kazakistan" !important; }
#td-outer-wrap .nf-r-plov      > a::after { content: "Özbekistan" !important; }
#td-outer-wrap .nf-r-lagman    > a::after { content: "Doğu Türkistan" !important; }
#td-outer-wrap .nf-r-manti     > a::after { content: "Özbekistan" !important; }
#td-outer-wrap .nf-r-buuz      > a::after { content: "Moğolistan" !important; }
#td-outer-wrap .nf-r-cakcak    > a::after { content: "Tataristan" !important; }

/* --- KITCHEN HISTORY: 8 карточек кухонь (как FOOD: 4 в ряд, те же
   nf-c-* фото/плашки). Пункт справа от центра — поэтому панель
   раскрывается ВЛЕВО (привязка к правому краю), чтобы не уезжала
   за правый край экрана. --- */
#td-outer-wrap .tdb_header_menu li.nf-history-mega > ul.sub-menu {
  left: auto !important;
  right: 0 !important;
}

/* на узких десктопах панель чуть уже */
@media (min-width: 768px) and (max-width: 1140px) {
  #td-outer-wrap .tdb_header_menu li.nf-mega > ul.sub-menu {
    width: 680px !important;
  }
}