/* therun-fixes.css - point overrides on top of main.min.css. Loaded from layout.blade.php after main.min.css. */

/* 1) Tag/blog page title on mobile.
   main.min.css gives the title wrapper a fixed 65px height + overflow:hidden (for the reveal animation),
   so a two-line title gets clipped. Font now scales with viewport width so the longest tag
   ("#ЗДОРОВ'Я БІГУНА (8)") fits on one line; if a longer tag ever wraps, the wrapper grows instead of clipping. */
@media (max-width: 767px) {
  .blog--page .blog__title.title--main { font-size: clamp(24px, 7.7vw, 34px); line-height: 1.1; }
  .blog--page .blog__title.title--main > span { height: auto; min-height: 65px; }
  .blog--page .blog__title.title--main sup { font-size: .5em; }
}

/* 2) "Сортувати по порядку" toggle hidden on 2026-09-06 by the site owner's decision
   (it switches the listing to a date-grouped horizontal layout, oldest first - looked bad on desktop).
   The Vue logic (BlogTop.vue -> blogState vertical/horizontal) in category.min.js and blog.min.js is untouched.
   To bring the toggle back: delete this rule. */
.blog-sort-toggler { display: none !important; }

/* 3) Hero slider is auto-filled with the 10 latest articles (HomeController::getSliderSlides).
   Long titles get a smaller font so they fit the fixed-size slide card. */
.slider-slide__text.slider-slide__text--long { font-size: 32px; line-height: 38px; }
@media (max-width: 767px) {
  .slider-slide__text.slider-slide__text--long { font-size: 20px; line-height: 23px; }
}

/* 4) Fixed header had no top/left in main.min.css, so on phones/tablets its "static position" could drift
   down by the browser toolbar height (seen on iPad and Android on the homepage) and cover the first menu item. */
.header { top: 0; left: 0; }

/* 5) Hero slider on tablets (992-1199px) was a fixed 860px tall, so the 2.61:1 banners got zoomed ~2x by cover-fit.
   Height now follows the width, keeping the caption card (465px) inside. */
@media (min-width: 992px) and (max-width: 1199px) {
  .slider { height: min(860px, 60vw); }
}