/* Grillnurk child theme — GP re-color + typography layer (Фаза 1, фундамент). * * Принцип: НЕ правим serialized generate_settings в БД (урок L-gp-options). * GeneratePress выводит палитру через CSS-переменные --base-* / --contrast-* / --accent * в inline generate_dynamic_css_output. Здесь мы переопределяем ЗНАЧЕНИЯ этих переменных * на тёплые --gn-* (child-стиль грузится после GP → выигрывает по каскаду, без !important). * * Границы Фазы 1: только цвет + шрифт. Хедер/футер/ticker/карточки/Woo-шаблоны — * финализация в Фазах 2+; сейчас они могут выглядеть «переходно». */ /* ── 1. Ре-маппинг семантических переменных GeneratePress на тёплую палитру ── */ :root { --accent: var(--gn-acc); /* был #1e73be (синий) → терракота #D9481C */ --contrast: var(--gn-text); /* был #222 → тёплый тёмно-серый #3B3835 (текст) */ --contrast-2: var(--gn-text-2); /* #7A6A57 */ --contrast-3: var(--gn-text-4); /* #A08D75 */ --base: var(--gn-border-3); /* был #f0f0f0 → тёплый светлый #E0DBD1 */ --base-2: var(--gn-bg); /* фон страницы: #f7f8f9 → #ECEAE5 */ --base-3: var(--gn-card); /* поверхности/шапка/карточки: #ffffff (без изменения) */ } /* Явная страховка фона страницы (на случай, если тема где-то задаёт bg литералом) */ body { background-color: var(--gn-bg); color: var(--gn-text); } /* ── 2. Типографика: body → Golos Text, заголовки/цены → Unbounded ── * (через font-family в CSS, НЕ через generate_typography). */ body, button, input, select, optgroup, textarea, .main-navigation a, .main-nav ul li a, .menu-toggle, .gp-mega-menu ul li a, .widget-content { font-family: var(--gn-font-body); } h1, h2, h3, h4, h5, h6, .site-title, .main-title, .entry-title, .widget-title, .woocommerce-loop-product__title, .woocommerce div.product .product_title, .price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price { font-family: var(--gn-font-head); } /* ── 3. Терракотовый акцент на ключевых интерактивных элементах (цветовой слой) ── * Структуру кнопок/карточек не трогаем — только цвет, чтобы ре-колор был виден. */ a { color: var(--gn-acc); } a:hover, a:focus { color: var(--gn-acc-d); } button, input[type="submit"], .button, a.button, .wp-block-button__link, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, .woocommerce .button.alt { background-color: var(--gn-acc); border-color: var(--gn-acc); color: var(--gn-on-dark); } button:hover, input[type="submit"]:hover, .button:hover, a.button:hover, .wp-block-button__link:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce #respond input#submit:hover, .woocommerce .button.alt:hover { background-color: var(--gn-acc-d); border-color: var(--gn-acc-d); color: var(--gn-on-dark); } /* ── 4. Тёплый фон страницы ВЕЗДЕ: гасим белый GP-бокс ────────────────────── * GP inline: `.separate-containers .inside-article { background-color: var(--base-3) }` * (--base-3 = --gn-card = #fff) → непрозрачный белый слой поверх тёплого body. * Гасим его → проступает body = --gn-bg. Спецификация (0,3,1) > GP (0,2,0), без !important. * NB: separate-containers и woocommerce-* висят НА ОДНОМ → селекторы БЕЗ пробела. * * Живёт здесь (а не в woo.css): recolor.css грузится глобально, а woo.css — только на * витрине, из-за чего строки для cart/checkout/order-received были мёртвыми (белый бокс). * * Список ЯВНЫЙ, не глобальный: архивы (.post-type-archive, .search-results, .blog) НЕ * включены — там .inside-article это КАРТОЧКА каждого результата, прозрачность их * расплющила бы. shop/tax-* включены: у них .inside-article = контейнер витрины (сами * товары — li.product со своим фоном). * Тем, кто после этого остаётся без своей карточки (статика, аккаунт, пост), белую * панель отдаёт shell.css (секция «контент-карточки»). */ body.woocommerce-shop.separate-containers .inside-article, body.tax-product_cat.separate-containers .inside-article, body.tax-product_tag.separate-containers .inside-article, body.gn-shop-page.separate-containers .inside-article, body.single-product.separate-containers .inside-article, body.woocommerce-cart.separate-containers .inside-article, body.woocommerce-checkout.separate-containers .inside-article, body.woocommerce-order-received.separate-containers .inside-article, body.woocommerce-account.separate-containers .inside-article, body.page.separate-containers .inside-article, body.single-post.separate-containers .inside-article { background-color: transparent; }