/* tsn.ua clone — small additions on top of the original tsn.ua CSS.
   The header, menu, hero, feed, card and article markup keep the original
   classes; these rules only cover what the original does with JS
   (the "Ще" dropdown, the mobile menu, the search field) and the columns
   that are empty here because the ads/sidebars were dropped. */

/* No sidebars in the clone: the main column takes the whole container. */
.l-grid__main { grid-column: span 7 / span 7 }

/* Compact search field in the header (the original opens a modal instead). */
.c-header__search { width: 9rem }
.c-header__search .c-search__input { padding-block: .5rem; font-size: .875rem }
.c-header__search .c-search__actions { right: 0 }
.c-header__search .c-search__btn { font-size: 1.125rem }

/* The original hides the overflow and shows the rest in the JS dropdown,
   here the whole menu scrolls sideways when it does not fit. */
.c-header__bottom .c-bar__link { white-space: nowrap }
.c-header__bottom [data-nav-list] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none }
.c-header__bottom [data-nav-list]::-webkit-scrollbar { display: none }

@media (max-width: 991px) {
    .c-header { position: static }
    body { padding-top: 0 }
    .c-header__main { height: auto }
    .c-header__top { position: static; height: auto; padding: .5rem 0 }
    .c-header__bottom { display: flex; width: 100%; height: auto; gap: 1rem; overflow-x: auto }
    .c-header__bottom .c-bar__link { height: auto; padding: .5rem .75rem }
    .c-header__search { width: 7rem }
}