/*
Theme Name: Blocksy Child
Theme URI: https://odms.mamadysh.ru
Template: blocksy
Author: ODMS
Author URI: https://odms.mamadysh.ru
Description: Дочерняя тема для сайта ODMS с плитками организаций
Version: 1.0
License: GPL v2 or later
Text Domain: blocksy-child
*/

/* Основные стили наследуются от родительской темы */

/* Пример для вашей структуры */
.home main .ct-container,
.home .site-main .ct-container,
.home #main .ct-container,
.home .content-area .ct-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Или если отступы через margin */
.home .ct-container[data-vertical-spacing] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Убираем отступы только у контейнера который идет сразу после плиток */
.odms-organizations-section + .ct-container,
.odms-organizations-section + main .ct-container {
    padding-top: 0 !important;
}

/* ============================================
   КРАСИВАЯ ШАПКА С ФОНОМ И ХОРОШЕЙ ЧИТАЕМОСТЬЮ
   ============================================ */

.ct-header {
    /* Фон с градиентом и картинкой */
    background: 
        linear-gradient(135deg, 
            rgba(30, 115, 190, 0.92) 0%, 
            rgba(42, 157, 244, 0.92) 100%),
        url('https://images.unsplash.com/photo-1546519638-68e109498ffc?ixlib=rb-4.0.3&auto=format&fit=crop&w=1400&q=80') !important;
    
    background-size: cover !important;
    background-position: center 30% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    
    color: white !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    border-radius: 0 0 20px 20px !important;
    position: relative;
    overflow: hidden;
}

/* Темный оверлей для лучшей читаемости */
.ct-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0.1) 50%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 0;
}

/* Все элементы шапки над оверлеем */
.ct-header > * {
    position: relative;
    z-index: 1;
}

/* Текст - белый с тенью для контраста */
.ct-header,
.ct-header a,
.ct-header .site-title,
.ct-header .site-description,
.ct-header .menu-item a {
    color: white !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* Особенно яркие заголовки */
.ct-header .site-title {
    font-weight: 400 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) !important;
    font-size: 22px !important;
}

/* Плитки меню с стеклянным эффектом */
.ct-header .menu-item > a {
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px !important;
    padding: 12px 24px !important;
    margin: 0 8px !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.ct-header .menu-item > a:hover {
    background: rgba(255, 255, 255, 0.25) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Активный пункт меню */
.ct-header .menu-item.current-menu-item > a {
    background: rgba(255, 255, 255, 0.3) !important;
    border-color: white !important;
    font-weight: 700 !important;
}

/* Логотип - белая рамка */
.ct-header .custom-logo {
    border: 3px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 12px !important;
    padding: 5px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Поиск и другие элементы */
.ct-header input,
.ct-header button,
.ct-header .search-form input {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: white !important;
    backdrop-filter: blur(10px);
}

.ct-header input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Анимация появления */
@keyframes headerFadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ct-header {
    animation: headerFadeIn 0.6s ease-out;
}

.camp-box {
    background: #f8fafc;
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #1e73be;
    margin: 15px 0;
}

.camp-box h3 {
    color: #1e73be;
    margin: 0 0 5px 0;
    font-size: 16px;
}

.camp-box p {
    color: #666;
    margin: 0 0 15px 0;
    font-size: 14px;
}

.btn-camp {
    background: #1e73be;
    color: white;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

.btn-camp:hover {
    background: #2a9df4;
    color: white;
}