/*
Theme Name: Okna Child (окна на автобусы)
Theme URI: http://localhost/okna/
Description: Дочерняя тема от Twenty Twenty-One. Доработки сайта «окна на автобусы»: поля ACF, библиотека блоков, условный вывод, шаблоны посадочных.
Author: AI Product Factory
Template: twentytwentyone
Version: 1.1.0
Text Domain: okna-child
*/

/* ===== Базовые стили блоков посадочных (простые; дизайн — Слой 9) ===== */
.okna-usluga{max-width:1000px;margin:0 auto;padding:0 16px}
/* Вертикальный ритм секций. ВАЖНО: задаём ТОЛЬКО margin-top/bottom — НЕ обнуляем margin-left/right.
   Раньше шорткат `margin:34px 0` неявно ставил margin-left/right:0 (спец.0,1,1) и перебивал full-bleed-
   вырыв hero `.okna-uhero{margin-left:calc(50% - 50vw)}` (design.css, 0,1,0) → hero зажимался в колонку на
   ВСЕХ страницах с этим hero (services /uslugi/ и др.). У обычных section горизонтальный margin и так 0 по
   умолчанию, поэтому это обнуление было избыточным — снятие не сдвигает обычные блоки, но возвращает hero
   полноширинность в КОРНЕ (для всех шаблонов разом, без scoped-костылей). */
/* padding-top:8px УБРАН (2026-06-25): перебивал штатный верхний padding секций-плашек услуги (.okna-rs 40px и др.),
   контент прижимался к верху. Теперь каждая секция берёт СВОЙ padding (glavnaya.css/usluga.css). Корневой фикс
   вместо точечных заплаток — см. OTCHET_usluga_padding_root.md. Межсекционный воздух — margin (design.css 56px scoped). */
/* ВОЗВРАТ ритма 34/34 для НЕ-услужных страниц с .okna-usluga (посадочные, листинг каталога, карточка товара).
   Прежняя `.okna-usluga section{margin:34px 0}` (style.css:19) снята — задевала и услугу. Здесь возвращаем ТОЧНО
   как было, но услугу исключаем через body-класс tpl-usluga (её ритм задаёт design.css отдельно, padding 72/72).
   Спец. 0,1,2 (body-класс+класс+тег) выше исходной 0,1,1 — услуга под правило не попадёт. */
body:not(.page-template-tpl-usluga) .okna-usluga section{margin-top:34px;margin-bottom:34px}
.okna-usluga h2{font-size:24px;margin:0 0 14px}
.okna-hero{background:#eef3f8;border-radius:12px;padding:28px;margin-top:24px;background-size:cover;background-position:center}
.okna-hero h1{margin:0 0 10px;font-size:30px}
.okna-hero .sub{font-size:18px;color:#33414f;margin:0 0 16px}
.okna-benefits{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.okna-benefits li{background:#fff;border:1px solid #d8e2ec;border-radius:20px;padding:6px 14px;font-size:14px}
.okna-btn{display:inline-block;background:#2469c0;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600;margin:4px 8px 4px 0}
.okna-btn.secondary{background:#fff;color:#2469c0;border:1px solid #2469c0}
.okna-marks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.okna-marks a{display:block;background:#f5f6f8;border:1px solid #e2e6ea;border-radius:8px;padding:12px;text-align:center;text-decoration:none;color:#222}
.okna-marks a:hover{background:#eef3f8}
.okna-pf,.okna-rel{padding-left:20px}
.okna-cta-box{background:#eef3f8;border-radius:10px;padding:20px;text-align:center}
/* «Читать далее» — чистый CSS, работает без JS */
.okna-seo-toggle{display:none}
.okna-seo-text{max-height:170px;overflow:hidden}
.okna-seo-toggle:checked ~ .okna-seo-text{max-height:none}
.okna-seo-btn{display:inline-block;margin-top:10px;color:#2469c0;cursor:pointer;font-weight:600}
.okna-seo-btn::after{content:"Читать далее ▾"}
.okna-seo-toggle:checked ~ .okna-seo-btn::after{content:"Свернуть ▴"}
/* FAQ: единый компонент .okna-faq живёт в assets/design.css (канон, см. 02_ARCHITECTURE/_PRAVILA/SKILL_faq.md) */
/* ===== Каталог стёкол ===== */
.okna-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:#f5f6f8;border:1px solid #e2e6ea;border-radius:10px;padding:16px;margin-bottom:18px}
.okna-filter{display:flex;flex-direction:column;font-size:13px;gap:4px}
.okna-filter select{padding:7px 10px;border:1px solid #c9d3dd;border-radius:6px;min-width:150px}
.okna-filter-actions{margin-left:auto;display:flex;align-items:center}
.okna-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.okna-card{border:1px solid #e2e6ea;border-radius:10px;padding:14px;background:#fff;display:flex;flex-direction:column}
.okna-card-img{height:140px;border-radius:8px;background:#eef3f8 center/cover no-repeat;margin-bottom:10px}
.okna-card h3{font-size:17px;margin:0 0 6px}
.okna-card-chars{font-size:13px;color:#5a6b7b;margin:0 0 6px}
.okna-card-price{font-weight:700;margin:0 0 10px}
.okna-card .okna-btn{margin-top:auto;text-align:center}
.okna-carousel{margin:30px 0}
/* ===== Сворачиваемые блоки (текст/теги) — скрытие ТОЛЬКО визуально, весь HTML в коде ===== */
.okna-collapse{display:none}
.okna-collapse-body{max-height:160px;overflow:hidden}
.okna-collapse-body--tags{max-height:0}
.okna-collapse:checked ~ .okna-collapse-body{max-height:none}
.okna-collapse-btn{display:inline-block;margin-top:10px;color:#2469c0;cursor:pointer;font-weight:600}
.okna-collapse-btn::after{content:attr(data-more)}
.okna-collapse:checked ~ .okna-collapse-btn::after{content:attr(data-less)}
.okna-tags{margin-top:24px}
/* ===== Мега-меню каталога техники ===== */
.okna-mega{position:relative}
.okna-mega-panel{display:none;position:absolute;left:0;top:100%;z-index:999;background:#fff;border:1px solid #d8e2ec;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:18px;min-width:760px;max-width:92vw;gap:18px;flex-wrap:wrap}
.okna-mega:hover .okna-mega-panel,.okna-mega:focus-within .okna-mega-panel{display:flex}
.okna-mega-col{min-width:220px}
.okna-mega-col h4{margin:0 0 8px;border-bottom:1px solid #eee;padding-bottom:4px}
.okna-mega-mark{margin-bottom:10px}
.okna-mega-mark ul{list-style:none;margin:4px 0 0;padding:0 0 0 10px;font-size:13px}
.okna-mega-all{width:100%;margin:6px 0 0;border-top:1px solid #eee;padding-top:8px}

/* Задание 3: хлебные крошки */
.okna-crumbs{font-size:13px;color:#667;margin:10px 0 14px}
.okna-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0}
.okna-crumbs li{display:flex;align-items:center}
.okna-crumbs li+li::before{content:'›';margin:0 6px;color:#aab}
.okna-crumbs a{color:#2a6fb5;text-decoration:none}
.okna-crumbs a:hover{text-decoration:underline}
.okna-crumbs span[aria-current]{color:#445;font-weight:600}
/* Задание 3: список «Все марки» + большое мега-меню — прокрутка, чтобы не разъезжалось */
.okna-allmarks section{margin:0 0 22px}
.okna-mega-panel{max-height:80vh;overflow:auto}
.okna-interlink{margin-top:26px;border-top:1px solid #eee;padding-top:14px}