/* =====================================================================
   РАВВ — кастомные правки вёрстки (сентябрь 2026)
   Подключается ПОСЛЕ /assets/js/main-*.css. Пересборкой Vite не затирается.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. ЕДИНАЯ ТОЧКА ПЕРЕКЛЮЧЕНИЯ ДЕСКТОП / МОБИЛЬНЫЙ = 1296px
   Ниже 1296px десктопная сетка не помещается: главное меню уходит на вторую
   строку, иконки соцсетей переносятся, появляется горизонтальная прокрутка.
   Промежуточного (планшетного) режима больше нет — сразу одноколоночный
   мобильный режим с бургером.
   --------------------------------------------------------------------- */
@media (max-width: 1295.98px) {

  /* шапка: бургер вместо горизонтального меню */
  .hamb            { display: block !important; }
  .mobile-navs     { display: flex !important; }
  .navs            { display: none !important; }
  .rw-desktop-only { display: none !important; }

  /* левая колонка «Прямая речь» уходит в мобильный слайдер */
  .banner { display: none !important; }

  /* геометрия шапки как в мобильной версии */
  .max-\[1024px\]\:hidden{display:none}
  .max-\[1024px\]\:h-10{height:calc(var(--spacing)*10)}
  .max-\[1024px\]\:flex-row{flex-direction:row}
  .max-\[1024px\]\:justify-between{justify-content:space-between}
  .max-\[1024px\]\:gap-2{gap:calc(var(--spacing)*2)}
  .max-\[1024px\]\:\!px-0{padding-inline:calc(var(--spacing)*0)!important}
  .max-\[1024px\]\:py-4{padding-block:calc(var(--spacing)*4)}
  :is(.max-\[1024px\]\:\*\:h-10>*){height:calc(var(--spacing)*10)}
  .extended-menu{top:186px}
  section .wrapper{padding-inline:calc(var(--spacing)*0)}

  /* правила, которые раньше включались только ниже 768px */
  :is(h2,h1){font-size:1.43rem}
  :is(footer a,footer p){font-size:12px}
  a .icon{width:calc(var(--spacing)*6)}
  .main-slider-wrapper{grid-template-columns:repeat(1,minmax(0,1fr))}
  .wrapper{padding-inline:calc(var(--spacing)*5);max-width:100%}
  :is(.glide-header-banner h3,.glide-header-banner h4){font-size:12px}
  .glide-header-banner h2{font-size:18px}
  .glide__bullets--inside{bottom:calc(var(--spacing)*-7)}
  .main-block{margin-bottom:calc(var(--spacing)*5)}
  .popup-close{right:calc(var(--spacing)*0)}
  .popup-body{width:calc(100vw - 40px);height:auto}
  .max-\[769px\]\:hidden{display:none}
  .max-\[768px\]\:-mr-2{margin-right:calc(var(--spacing)*-2)}
  .max-\[768px\]\:mb-10{margin-bottom:calc(var(--spacing)*10)}
  .max-\[768px\]\:hidden{display:none}
  .max-\[768px\]\:h-8{height:calc(var(--spacing)*8)}
  .max-\[768px\]\:\!w-10{width:calc(var(--spacing)*10)!important}
  .max-\[768px\]\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
  .max-\[768px\]\:flex-col{flex-direction:column}
  .max-\[768px\]\:pt-2{padding-top:calc(var(--spacing)*2)}
  .max-\[768px\]\:px-5{padding-inline:calc(var(--spacing)*5)}
  :is(.max-\[768px\]\:\*\:min-w-\[340px\]>*){min-width:340px}
  .max-md\:hidden{display:none}
  .max-md\:flex-col{flex-direction:column}
  .max-md\:flex-wrap{flex-wrap:wrap}
  .hidden-pc{display:block}
  .events_plan{flex-direction:column}
  .card-logo{max-width:100px}
  .main-public-item{max-width:100%;width:98%}
  .card p{max-width:240px;font-size:14px}
  .smi_tpl_row{max-width:100%}
  .news_block{max-width:100%}
  .footer-nav ul{flex-direction:column;gap:2px}

  /* новости — в одну колонку */
  .main-block-m{flex-direction:column}
  .block_main-tema{min-width:100%!important}
  .block_main-tema img{width:100%}
}

/* мобильные блоки прячем только с 1296px */
@media (min-width: 1296px) {
  .rw-mobile-only { display: none !important; }
}

/* главное фото новости не должно быть гигантским на широком мобильном режиме */
@media (min-width: 769px) and (max-width: 1295.98px) {
  .block_main-tema img { max-height: 440px; object-fit: cover; }
}

/* ---------------------------------------------------------------------
   2. ГЛАВНАЯ: высота главной новости подгоняется под колонку списка
   --------------------------------------------------------------------- */
@media (min-width: 1296px) {
  .main-block-m { align-items: stretch; }
  .main-block-m > .main_news { flex: 0 0 400px; max-width: 400px; display: flex; }
  .main-block-m > .list_main_news {
    flex: 1 1 auto; min-width: 0;
    display: flex; flex-direction: column; justify-content: space-between;
  }
  .main-block-m .block_main-tema { width: 100%; height: 100%; }
  .main-block-m .block_main-tema > a {
    display: grid; grid-template-rows: 1fr auto; height: 100%;
  }
  .main-block-m .block_main-tema img {
    display: block; width: 100%; height: 100%; min-height: 0; object-fit: cover;
  }
}

/* ---------------------------------------------------------------------
   3. МОБИЛЬНАЯ ВЕРСИЯ: заголовок раздела, крошки, «Прямая речь», соцсети
   --------------------------------------------------------------------- */
.rw-mobile-news-title { display: none; }

@media (max-width: 1295.98px) {
  /* заголовок над лентой — по аналогии с «Новости Государственной Думы» */
  .rw-mobile-news-title {
    display: block;
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 1.43rem;
    color: #34527c;
  }

  /* в крошках не дублируем заголовок новости мелким шрифтом */
  .breadcrumbs .breadcrumb-item--current { display: none !important; }

  /* «Прямая речь»: размер шрифта цитаты как в остальных разделах */
  .glide-banner3 { max-width: 100%; }
  .glide-banner3 .glide__slide p,
  .glide-banner3 .qoute_head-post,
  .glide-banner3 .namebr { font-size: 16px; line-height: 1.45; }

  /* соцсети внутри бургер-меню */
  .mobile-navs .mobile-socials {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 16px 20px 0;
    margin-top: 8px;
    border-top: 1px solid rgba(52, 82, 124, .15);
  }
  .mobile-navs .mobile-socials a { padding: 0; }
  .mobile-navs .mobile-socials svg { width: 28px; height: 28px; }
}

/* ---------------------------------------------------------------------
   4. БЛОК «ПОДЕЛИТЬСЯ НОВОСТЬЮ»
   --------------------------------------------------------------------- */
.rw-share {
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  padding: 20px 0;
  margin: 40px 0 24px;
}
.rw-share__title { font-weight: 700; color: #34527c; margin: 0 0 14px; font-size: 18px; }
.rw-share__list { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; }
.rw-share__item {
  display: inline-flex; align-items: center; gap: 8px;
  color: #3f4d63; text-decoration: none; transition: color .2s;
}
.rw-share__item:hover { color: var(--color-accent, #278bc0); }
.rw-share__item svg { width: 26px; height: 26px; flex: none; }
@media (max-width: 480px) {
  .rw-share__list { gap: 14px 20px; }
  .rw-share__item { font-size: 14px; }
}

/* ---------------------------------------------------------------------
   5. МЕЛКИЕ ИСПРАВЛЕНИЯ
   --------------------------------------------------------------------- */
/* скрытая панель бургер-меню уезжает ровно на свою ширину,
   а не на фиксированные 354px — иначе на узких экранах (320px)
   появлялась горизонтальная прокрутка */
@media (max-width: 400px) {
  .mobile-navs { max-width: 100%; --tw-translate-x: 100%; }
}
/* страховка от горизонтального сдвига на узких экранах */
html { overflow-x: clip; }