/* Стилове за секцията с контакти в мобилен изглед */

/* Основен контейнер за контактите */
@media (max-width: 767px) {
    .contact-section {
      padding: 20px 15px;
    }
    
    /* Заглавие "Контакти" и "Работно време" */
    .contact-section h3 {
      font-size: 18px;
      margin-bottom: 10px;
      font-weight: 600;
    }
    
    /* Контейнер за двете колони */
    .contact-columns {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 10px;
    }
    
    /* Лява колона - контакти */
    .contact-info {
      width: 48%; /* Малко по-малко от 50% за да има малко място между колоните */
      font-size: 13px;
      line-height: 1.3;
    }
    
    /* Дясна колона - работно време */
    .hours-info {
      width: 48%;
      font-size: 13px;
      line-height: 1.3;
    }
    
    /* Стил за отделните редове с информация */
    .contact-info p, .hours-info p {
      margin-bottom: 8px;
    }
    
    /* Стил за иконите */
    .contact-info i {
      width: 16px;
      text-align: center;
      margin-right: 5px;
    }
  }

  .navbar-nav {
    flex-wrap: nowrap !important; /* Prevent wrapping */
    align-items: center !important; /* Vertical centering */
    white-space: nowrap !important; /* Prevent text wrapping */
}

.navbar-nav .nav-item {
    white-space: nowrap !important; /* Prevent text wrapping inside items */
    display: flex !important;
    align-items: center !important;
}

.navbar-nav .nav-link {
    padding: 0.5rem 0.8rem !important; /* Adjust padding to fit all items */
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important; /* Keep line height tight */
}

/* Ensure icons are vertically aligned */
.navbar-nav .nav-link i {
    margin-right: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Ensure badges don't disrupt the layout */
.navbar-nav .badge {
    margin-left: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Desktop navigation specific fixes */
@media (min-width: 992px) {
    /* If needed, reduce font size slightly to fit all items */
    .navbar-nav .nav-link {
        font-size: 0.9rem !important;
    }
    
    /* Reduce padding further if necessary */
    .navbar-nav .nav-item:not(:last-child) .nav-link {
        padding-right: 0.6rem !important;
    }
    .navbar-nav .nav-item:not(:first-child) .nav-link {
        padding-left: 0.6rem !important;
    }
    
    /* Ensure container is wide enough */
    .navbar .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Make sure navbar height is consistent */
    .navbar {
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
    }
}

.banner-slider {
  width: 100%;
  overflow: hidden;
}

.banner-slider div,
.banner-slider .slick-slide,
.banner-slider a {
  position: relative;
  display: block;
}

.banner-slider img {
  width: 100%;
  height: auto;
  max-height: 444px;
  object-fit: cover;
}

.banner-slider .slider-caption,
.banner-slider div .slider-caption {
  position: absolute !important;
  bottom: 20px !important;
  left: 0 !important;
  right: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  color: white !important;
  padding: 10px !important;
  text-align: center !important;
  z-index: 10 !important;
  display: block !important;
}

/* Стил за бутона за връщане нагоре */
#scrollToTopBtn {
  display: none; /* Скриваме бутона по подразбиране */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  background-color: #007bff; /* Син цвят, можеш да го промениш */
  color: white;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

#scrollToTopBtn:hover {
  background-color: #0056b3; /* По-тъмен цвят при ховър */
  opacity: 0.9;
}

#scrollToTopBtn i {
  line-height: 50px; /* Центрира иконата вертикално */
}

.biggerMenuButton {
  font-size:18px !important;
}