/* ============================================================
   UTA.UG — Responsive брейкпойнтове (responsive.css)
   Зарежда се СЛЕД site.css, за да се запази каскадният ред.
   Тук са всички @media заявки за адаптивния дизайн.
   ============================================================ */

/* --- Top bar / лого (по-едри на таблет+десктоп) --- */
@media (min-width: 768px) {
  .top-bar .slogan { font-size: 1.1rem; }
  .logo img { width: 60px; height: 60px; }
  .logo .brand .b1 { font-size: 1.15rem; }
}

/* --- Hero (по-голям фон и текст на десктоп) --- */
@media (min-width: 768px) {
  .hero {
    min-height: 82vh;
    background: linear-gradient(rgba(20,54,32,0.65), rgba(90,45,12,0.6)), url('../images/backgrounds/hero-fields-desktop.jpg') center/cover no-repeat;
  }
  .hero h1 { font-size: 3.4rem; }
  .hero .lead { font-size: 1.2rem; }
  .hero p { font-size: 1.05rem; }
}

/* --- Hero анимация: изключена на десктоп (текстът стои статичен и изцяло видим) --- */
@media (min-width: 769px) {
  .fade-mask { height: auto; overflow: visible; }
  .fade-out-wrapper { position: static; animation: none; }
}

/* --- Заглавна лента на страницата: малко по-компактна на телефон --- */
@media (max-width: 767px) {
  .page-title-bar { padding: 10px 16px; }
}

/* --- Заглавия на секции / CTA --- */
@media (min-width: 768px) {
  .section-title h2 { font-size: 2.6rem; }
  .cta h2 { font-size: 2.6rem; }
}

/* --- Мрежа с турове (features) --- */
@media (min-width: 680px)  { .features-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .features-grid { grid-template-columns: repeat(3, 1fr); } }

/* --- Мрежа с видеа --- */
@media (min-width: 680px)  { .video-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .video-grid { grid-template-columns: repeat(3, 1fr); } }

/* --- Футър колони --- */
@media (min-width: 600px) { .footer-content { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 992px) { .footer-content { grid-template-columns: repeat(4, 1fr); } }

/* --- Превключване десктоп меню <-> мобилно меню (хамбургер) --- */
@media (max-width: 900px) {
  .nav-links { display: none; }
  .hamburger { display: flex; }
}