/*footer*/
.footer {
  padding: 0.5rem 0;
}

.footer a:not(.btn) {
  color: #a7a7a7;
}

.footer .title{
  color: #ededed;
}

.footer_top.dark{
  background-color: #293340 !important;
}

.footer_top.dark .site-logo img{
  max-height: 40px;
}

.footer_top.dark .quick-link li a:hover{
  color: #ff6f61;
}

.footer_bottom.dark{
  background-color: #293340 !important;
}
.footer_bottom.dark .container{
  padding: 20px;
  border-top: 2px solid #a7a7a7;
}

.footer-lang-selector {
  margin-top: 4px;
  margin-left: 20px;
  padding: 3px;
  display: inline-block;
  border: 1px solid #6D7784;
  outline: none;
  background-color: transparent;
  color: #a7a7a7;
  font-size: 14px;
  line-height: 24px;
}

/* Hide footer language selector on desktop (MEDIUM-5: duplicate of header) */
@media (min-width: 768px) {
  .footer-lang-selector {
    display: none !important;
  }
}

/* Show on mobile only */
@media (max-width: 767px) {
  .footer-lang-selector {
    display: inline-block;
  }
}



@media (max-width: 576px){
  section.banner .content{
    text-align: center;
  }
  section.banner .content h1{
    font-size: 30px;
  }

  .header-top .navbar-nav.list-inline{
    display: none;
  }

  nav.header-top .link{
    margin-left: auto;
  }

  footer {
    border-top: none;
  }

  footer .col-auto {
    -ms-flex: 0 0 auto;
    width: 100%;
    text-align: center;
  }

}





section.about-area {
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
section.about-area .contents p {
  color: rgb(180, 173, 164);
}
section.services-list {
  color: rgb(209, 205, 199);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
section.reviews {
  color: rgb(209, 205, 199);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
section.reviews .item .desc {
  color: rgb(152, 144, 130);
}
section.reviews .item .person-info .name {
  color: rgb(232, 230, 227);
}
.header.shrink {
  background-image: initial !important;
  background-color: rgb(24, 26, 27) !important;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 9px 3px !important;
}
.header.shrink .navbar .navbar-nav .nav-link {
  color: rgb(217, 214, 209);
  background-image: initial;
  background-color: transparent;
}
.header.shrink .navbar .navbar-nav .nav-link:hover {
  color: rgb(255, 135, 28) !important;
}
section.about-area .contents .head-title {
  color: rgb(211, 207, 201);
}
section.our-services {
  color: rgb(209, 205, 199);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
section.our-services .contents .head-title {
  color: rgb(209, 205, 199);
}
.card {
  box-shadow: rgb(35, 38, 39) 2px 2px 6px 0px;
}
.card {
  background-color: rgb(24, 26, 27);
  border-color: rgba(124, 115, 101, 0.12);
}
.footer {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  border-top-color: rgba(124, 115, 101, 0.12);
  color: rgb(174, 167, 156);
}
.header .navbar .navbar-nav .nav-link {
  color: rgb(232, 230, 227);
  background-image: initial;
  background-color: transparent;
}
.header .dropdown-item {
  color: rgb(232, 230, 227);
}
.header .dropdown-menu {
  border-color: initial;
  box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px;
}
.dropdown-menu {
  color: rgb(181, 175, 166);
  list-style-image: initial;
  background-color: rgb(24, 26, 27);
  border-color: rgba(124, 115, 101, 0.12);
}
body {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  color: rgb(211, 207, 202);
}

body {
  -webkit-tap-highlight-color: transparent;
}
.header {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  border-bottom-color: rgba(124, 115, 101, 0.12);
}
.header {
  border-bottom-color: initial;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 9px 3px !important;
}
section.header-top {
  background-image: initial;
  background-color: rgb(28, 30, 31);
}
section.header-top .mini-menu li a {
  color: rgb(242, 109, 65);
  background-color: rgb(24, 26, 27);
  text-decoration-color: initial;
  box-shadow: rgba(0, 0, 0, 0.13) 3px 0px 3px;
}
section
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
}
section.package-content .pk-lists .item .card {
  border-color: rgba(178, 83, 0, 0.4);
  background-image: initial;
  background-color: rgb(24, 26, 27);
  box-shadow: rgba(52, 68, 86, 0.1) 0px 8px 18px;
}
section.package-content .pk-lists .item .features li {
  color: rgb(232, 230, 227);
  border-right-color: rgb(53, 58, 60);
  border-bottom-color: rgb(53, 58, 60);
  border-left-color: rgb(53, 58, 60);
  border-top-color: initial !important;
}

section.how-it-works {
  color: rgb(232, 230, 227);
  background-image: linear-gradient(45deg, rgb(202, 95, 0), rgb(178, 105, 6)) !important;
  background-color: initial !important;
}

section.our-services {
  color: rgb(209, 205, 199);
  background-image: initial;
  background-color: rgb(24, 26, 27);
}
section.reviews {
  color: rgb(200, 195, 188);
  background-image: initial;
  background-color: rgb(19, 21, 22);
}

.text-muted {
  color: rgb(174, 167, 156) !important;
}
section.how-it-works {
  background-image: linear-gradient(360deg, rgb(204, 95, 0) 0%, rgb(107, 70, 12) 100%);
  background-color: initial;
  color: rgb(232, 230, 227);
}
.form-control {
  color: rgb(169, 161, 150);
}
label {
  color: rgb(232, 230, 227);
}
.form-control, .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input {
  color: rgb(181, 175, 166);
  background-color: rgb(24, 26, 27);
  border-color: rgba(124, 115, 101, 0.12);
}
.package-faq .item {
  color: rgb(232, 230, 227);
}
section.blog .blog-item .content .title {
  color: rgb(185, 179, 170);
}
section.blog .blog-item .content .short-desc {
  color: rgb(168, 160, 149);
}
.text-default {
  color: rgb(181, 175, 166) !important;
}

section.package-content .pk-lists .item .order_button .btn-color, section.package-content .pk-lists .item .order_button .btn-disabled {
  color: rgb(232, 230, 227);
}

 section.package-content .pk-lists .item .order_button .btn-color {
   background-image: initial;
   background-color: rgb(170, 51, 12);
   border-color: rgb(156, 47, 11) !important;
 }

section.client {
  background-image: linear-gradient(360deg, rgb(204, 95, 0) 0%, rgb(107, 70, 12) 100%);
  background-color: initial;
}

section.faq, section.contact {
  background-image: linear-gradient(360deg, rgb(204, 95, 0) 0%, rgb(107, 70, 12) 100%);
  background-color: initial;
}

section.banner {
  background-color: initial;
  background-image: linear-gradient(to right, rgb(203, 95, 0) 0%, rgb(184, 114, 1) 100%), linear-gradient(to right, rgb(203, 95, 0) 0%, rgb(184, 114, 1) 100%);
}

section.blog-single {
  background-image: initial;
  background-color: rgb(27, 30, 31);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   color: inherit;
 }

section.blog-single .blog-content {
  background-image: initial;
  background-color: rgb(24, 26, 27);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
}
section.blog-single .blog-content .title {
  color: rgb(185, 179, 170);
}

section.blog-single .side-bar .widget-category a {
  color: rgb(189, 184, 175);
  border-bottom-color: rgb(53, 57, 59);
}

.form-fieldset {
  background-image: initial;
  background-color: rgb(27, 30, 31);
  border-color: rgb(53, 58, 60);
}
.form-control, .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input {
  color: rgb(181, 174, 164);
  background-color: rgb(19, 21, 22);
  border-color: rgba(103, 96, 85, 0.12);
}
.selectize-input.full {
  background-color: rgb(24, 26, 27);
}

.selectize-dropdown-content {
  background-image: initial;
  background-color: rgb(24, 26, 27);
}

section.checkout-form .checkout-wrap {
  box-shadow: rgb(52, 56, 58) 5px 5px 30px -2px;
}

/* ПЕРЕОПРЕДЕЛЕНИЕ СТИЛЕЙ НАВИГАЦИИ - МАКСИМАЛЬНЫЙ ПРИОРИТЕТ */
/* Для header.shrink (темный фон после прокрутки) - БЕЛЫЙ ТЕКСТ */
.header.shrink .navbar .navbar-nav .nav-link {
  font-weight: 600 !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  color: #fff !important;
  position: relative !important;
  background: transparent !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: fit-content !important;
}

.header.shrink .navbar .navbar-nav .nav-link:hover, 
.header.shrink .navbar .navbar-nav .active > .nav-link {
  color: #f16334 !important;
  background-color: rgba(241, 99, 52, 0.1) !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Для обычного header (темный фон) - БЕЛЫЙ ТЕКСТ */
.header:not(.shrink) .navbar .navbar-nav .nav-link {
  font-weight: 600 !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  color: #fff !important;
  position: relative !important;
  background: transparent !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: fit-content !important;
}

.header:not(.shrink) .navbar .navbar-nav .nav-link:hover, 
.header:not(.shrink) .navbar .navbar-nav .active > .nav-link {
  color: #fff !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  text-decoration: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.header .navbar .navbar-nav .nav-item {
  position: relative !important;
  line-height: 1.2 !important;
  padding: 0 !important;
  margin: 0 4px !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: fit-content !important;
  flex-shrink: 0 !important;
}

.header .navbar .navbar-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
}

.header .navbar .navbar-nav .nav-item:has(.nav-link[href*="faq"]) .nav-link {
  font-size: 13px !important;
  padding: 10px 12px !important;
}


/* ============================================
   FOOTER STYLING IMPROVEMENTS (21.12.2025)
   ============================================ */

/* 1. Градиентный фон */
.footer_top.dark.footer-gradient-bg,
.footer_top.dark {
    background: linear-gradient(135deg, #1a1f25 0%, #2d3748 50%, #1a1f25 100%) !important;
    border-top: 1px solid rgba(255, 107, 0, 0.3);
}

/* 2. Разделители между колонками на десктопе */
@media (min-width: 992px) {
    .footer_top .row > [class*="col-lg-"]:not(:last-child) {
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        padding-right: 25px;
    }
    
    .footer_top .row > [class*="col-lg-"]:not(:first-child) {
        padding-left: 25px;
    }
}

/* 3. Hover эффекты для ВСЕХ ссылок в футере */
.footer a {
    transition: color 0.3s ease, transform 0.2s ease !important;
    display: inline-block;
}

.footer a:hover {
    color: #ff6b00 !important;
    transform: translateX(3px);
}

/* 4. Улучшенный стиль для Quick Links */
.footer .quick-link li {
    margin-bottom: 8px;
    position: relative;
}

.footer .quick-link li a {
    color: #a7a7a7;
    font-size: 14px;
    padding-left: 0;
    transition: all 0.3s ease;
}

.footer .quick-link li a:hover {
    color: #ff6b00 !important;
    padding-left: 5px;
}

/* 5. Стили для счётчиков - подсветка */
.footer #ordersCounter,
.footer #clientsCounter {
    text-shadow: 0 0 20px rgba(74, 222, 128, 0.3);
    transition: text-shadow 0.3s ease;
}

.footer #ordersCounter:hover,
.footer #clientsCounter:hover {
    text-shadow: 0 0 30px rgba(74, 222, 128, 0.5);
}

/* 6. Анимация для заголовков секций */
.footer .title {
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.footer .title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #ff6b00, #ffa500);
    border-radius: 2px;
}

/* 7. Стили для контактной информации */
.footer .list-unstyled li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #a7a7a7;
}

.footer .list-unstyled li a {
    color: #4ade80 !important;
}

.footer .list-unstyled li a:hover {
    color: #ff6b00 !important;
}

/* 8. Логотип hover */
.footer .site-logo a:hover {
    transform: none !important;
    opacity: 0.9;
}

/* 9. Copyright улучшения */
.footer_bottom.dark {
    background: linear-gradient(135deg, #151a1e 0%, #1a2028 100%) !important;
}

.footer_bottom .container {
    border-top: 1px solid rgba(255, 107, 0, 0.2) !important;
}

/* 10. Mobile адаптация */
@media (max-width: 991px) {
    .footer_top .row > [class*="col-"] {
        border-right: none !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin-bottom: 25px;
    }
    
    .footer_top .row > [class*="col-"]:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        padding-bottom: 25px;
    }
    
    .footer .title::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footer .quick-link {
        text-align: center;
    }
    
    .footer .list-unstyled {
        text-align: center;
    }
}