/**
 * Улучшения дизайна для komstroy-s.ru
 * Без CSS переменных для избежания конфликтов
 */

/* ============================================
   КАРТОЧКИ ПРОЕКТОВ
   ============================================ */
.project.ajax-item,
.project.ajax-item:hover,
.project.ajax-item:focus,
.project.ajax-item:active,
.project.ajax-item.hover,
.project.ajax-item.active {
    background: #fff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    outline: none !important;
    border-color: transparent !important;
}

.project.ajax-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12) !important;
}

/* Изображение проекта */
.project .item_image {
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
}

.project .item_image img {
    transition: transform 0.5s ease !important;
}

.project.ajax-item:hover .item_image img {
    transform: scale(1.05) !important;
}

/* Бейдж "Популярный" */
.project .card__label {
    background: linear-gradient(135deg, #8bc34a 0%, #689f38 100%) !important;
    color: #fff !important;
    padding: 8px 18px !important;
    border-radius: 25px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 3px 10px rgba(139, 195, 74, 0.4) !important;
}

/* Нижняя часть карточки */
.project .item_bottom,
.project .item_bottom:hover,
.project:hover .item_bottom {
    padding: 20px !important;
    border: none !important;
    outline: none !important;
    border-color: transparent !important;
    border-radius: 0 0 16px 16px !important;
}


/* ============================================
   GLIDE СЛАЙДЕР (Наши работы)
   ============================================ */
.glide__slide {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

.glide__slide:hover {
    transform: scale(1.02) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12) !important;
}

.glide__slide img {
    transition: transform 0.5s ease !important;
}

.glide__slide:hover img {
    transform: scale(1.1) !important;
}

/* Стрелки слайдера */
.glide__arrow {
    background: #fff !important;
    border: none !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
}

.glide__arrow:hover {
    background: #8bc34a !important;
    color: #fff !important;
}

/* ============================================
   ВИДЕО ГАЛЕРЕЯ
   ============================================ */
/* Слайды видео */
#director .video_slide,
#director .swiper-slide {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

#director .video_slide:hover,
#director .swiper-slide:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.12) !important;
}

/* Изображения видео */
#director .video_slide img,
#director .swiper-slide img {
    transition: transform 0.5s ease !important;
    border-radius: 16px !important;
}

#director .video_slide:hover img,
#director .swiper-slide:hover img {
    transform: scale(1.05) !important;
}


/* ============================================
   СКРОЛЛБАР
   ============================================ */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #8bc34a;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #689f38;
}

/* ============================================
   АДАПТИВ
   ============================================ */
@media (max-width: 768px) {
    .project.ajax-item:hover {
        transform: none !important;
    }
    
    .glide__slide:hover {
        transform: none !important;
    }
}