/*
Theme Name: Liberty, style.css
Version: 4.4
[Блок 10] СИСТЕМНЫЕ ПЕРЕМЕННЫЕ И СБРОС — ВАЖНО И НЕ ЛОМАТЬ!
*/
:root {
    --header-h: 50px;
    --content-w: 700px;
    --side-w: 300px;
    --lib-bg: #f0f2f5; /* Базовый серый фон */
}

* { box-sizing: border-box; }

body, html { 
    margin: 0; 
    padding: 0; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--lib-bg);
    scroll-behavior: smooth;
    line-height: 1.5; /* Улучшает центровку текста по вертикали */
}

/* Базовая коррекция для медиа и полей */
img { max-width: 100%; height: auto; }
input, select, textarea { vertical-align: middle; }

/* Ссылки */
a { text-decoration: none; color: inherit; }

/* [Блок 20] ШАПКА (FIXED) — v15.1 (Исправлен наезд и Admin Bar) */
.pina-header {
    position: fixed !important; 
    top: 0; 
    left: 0;
    width: 100%; 
    height: var(--header-h);
    background-color: var(--lib-h-bg, #fff) !important; 
    border-bottom: 1px solid #ddd; 
    z-index: 2500; /* Шапка всегда сверху всего контента */
    display: flex; 
    justify-content: center; 
    align-items: center;
}

/* Учет черной полосы WordPress (Admin Bar) */
.admin-bar .pina-header { 
    top: 32px; 
}

/* Для мобильных админ-панель выше (46px) */
@media screen and (max-width: 782px) {
    .admin-bar .pina-header { 
        top: 46px; 
    }
}

.header-container { 
    width: 100%; 
    max-width: var(--content-w); 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 0 15px; 
}

.logo-box { font-weight: 800; font-size: 18px; color: var(--lib-h-tx, #000); display: flex; align-items: center; }
.pina-btn { font-size: 22px; cursor: pointer; display: flex; align-items: center; color: var(--lib-main); }
.account-btn { margin-right: 15px; }

/* [Блок 30] ЛОЗУНГ (FLOW) — v18.3 (ОЧИЩЕННЫЙ ДЛЯ РАСПОРКИ) — ВАЖНО И НЕ ЛОМАТЬ! */
.slogan-wrapper { 
    width: 100%; 
    display: flex; 
    justify-content: center; 
    z-index: 500;
    position: relative;
    /* УБРАЛИ ВСЕ MARGIN-TOP! Теперь место под шапку зарезервировано в header.php */
    background-color: var(--lib-sl-bg, #fff);
    margin-bottom: 10px; /* Отступ до баннера остается */
}

.slogan-bar { 
    width: 100%; 
    max-width: var(--content-w); 
    padding: 15px; 
    text-align: center; 
    font-weight: 800; 
    font-size: 14px; 
    box-sizing: border-box; 
    border-bottom: 1px solid #ddd;
    line-height: 1.2; 
}


/* [Блок 40] ШТОРКИ И КОНТЕНТ — v18.7 (Исправлена кликабельность) — ВАЖНО И НЕ ЛОМАТЬ! */
.drawer { 
    position: fixed; 
    top: var(--header-h); 
    bottom: 0; 
    width: var(--side-w); 
    background: #fff; 
    /* Поднимаем еще выше, чтобы точно перекрыть все оверлеи */
    z-index: 3000; 
    border-top: 1px solid #eee;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    padding: 20px; 
    padding-top: 40px; 
    overflow-y: auto;
    box-sizing: border-box;
    /* Разрешаем клики внутри самой шторки */
    pointer-events: auto; 
}

/* Учет Admin Bar для шторок */
.admin-bar .drawer { 
    top: calc(var(--header-h) + 32px); 
}
@media screen and (max-width: 782px) {
    .admin-bar .drawer { 
        top: calc(var(--header-h) + 46px); 
    }
}

.drawer-left { left: calc(var(--side-w) * -1); }
.drawer-right { right: calc(var(--side-w) * -1); }

/* Анимация открытия */
.drawer.active { transform: translateX(var(--side-w)); }
.drawer-right.active { transform: translateX(calc(var(--side-w) * -1)); }

.main-content { 
    padding: 15px;
    max-width: var(--content-w); 
    margin: 0 auto; 
    min-height: 100vh;
    background-color: transparent !important; 
    position: relative;
    z-index: 1;
    margin-top: 0 !important; 
}

/* Если лозунга нет, контенту все же нужен минимальный отступ от шапки */
.main-content:first-child {
    margin-top: var(--header-h);
}

/* [Блок 50] АДАПТИВНОСТЬ (RESPONSIVE) — v17.5 (Фикс ширины 700px) */

/* 1. Мобильные устройства (до 600px) */
@media (max-width: 600px) {
    .main-content { 
        padding: 10px !important; 
    }
    .header-container { padding: 0 10px; }
}

/* 2. Все экраны выше 601px — строго держим 700px */
@media (min-width: 601px) {
    .main-content { 
        max-width: var(--content-w) !important; 
        margin: 0 auto !important;
    }
}

/* 3. Большие экраны (Desktop) — открытые шторки */
@media (min-width: 1350px) {
    .drawer-left { left: 0 !important; transform: none !important; }
    .drawer-right { right: 0 !important; transform: none !important; }
    .pina-btn-toggle { display: none !important; }
}


/* [Блок 60] ФОРМЫ ТЕМЫ (ИЗОЛИРОВАННО) — v4.6 (Без жестких ограничений) */
.lib-custom-form input, 
.lib-custom-form select, 
.lib-custom-form textarea {
    width: 100%;
    padding: 12px 15px;
    margin: 8px 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03);
    /* Убрали !important, чтобы Directorist мог выравнивать свои элементы */
}

/* [Блок 70] КОРРЕКЦИЯ СЛОЕВ ДЛЯ ПЛАГИНОВ И ГАРДИНЫ — v13.1 */

/* 1. Прячем тему под любые модальные окна и фото (Лайтбоксы) */
.lg-backdrop, .lg-outer, .mfp-bg, .mfp-wrap, .pswp, .fancybox-container {
    z-index: 99999 !important; /* Даем фото абсолютный приоритет */
}

/* 2. Лечим наезд заголовка на шторку (Гардина) */
.drawer {
    /* Добавляем внутренний отступ сверху, если текст все еще лезет под шапку */
    padding-top: 30px !important; 
    box-shadow: none !important; /* Убираем тень сверху, чтобы "слиплось" */
    border-top: 1px solid #ddd !important; /* Делаем четкую линию стыка */
}

/* 3. Учет Admin Bar для мобильных (чтобы не было щелей) */
@media screen and (max-width: 600px) {
    .admin-bar .pina-header { top: 46px !important; }
    .admin-bar .drawer { top: calc(var(--header-h) + 46px) !important; }
}

/* 4. Фикс для крестиков и закрывашек (если они в теме) */
.mc-modal-close, .close-modal {
    z-index: 100000 !important;
}

/* [Блок 80] ГЛОБАЛЬНЫЙ ПРИОРЕТЕТ — v18.9 (Откат к стабильной логике кликов) — ВАЖНО И НЕ ЛОМАТЬ! */

/* Понижаем приоритет всей страницы, чтобы плагины могли выйти вперед */
#page {
    position: relative;
    z-index: 10; 
    transition: filter 0.3s ease;
    width: 100%;
}

/* Эффект при просмотре фото: притапливаем страницу, но НЕ размываем */
body.mc-body-lock #page {
    z-index: 1 !important;
}

/* СИЛОВОЙ ФИКС: Возвращаем контент в центр */
.main-content {
    display: block !important;
    max-width: var(--content-w) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ФИКС ДЛЯ DESKTOP: Убираем лишний padding, чтобы лозунг прижался к шапке */
@media (min-width: 1350px) {
    .main-content {
        padding-top: 0 !important;
    }
}

/* Если в теме есть фиксированные элементы, которые все равно лезут вверх */
header.pina-header {
    z-index: 2500;
    pointer-events: auto;
}

/* Шторки теперь ВНЕ #page, поэтому даем им независимый высокий приоритет */
.drawer {
    z-index: 4000 !important;
}

/* Принудительное смещение для шторки, чтобы текст не нырял */
.drawer h1, .drawer h2, .drawer h3, .drawer h4, .drawer nav, .drawer-widget-box {
    margin-top: 15px !important;
    position: relative;
    display: block;
}

/* Admin Bar всегда выше всего, кроме фото */
#wpadminbar {
    z-index: 999999 !important;
}