/*
Theme Name: Оконная фирма — тест
Theme URI: https://example.test/
Author: Project migration prototype
Description: Lightweight theme for testing the migrated оконная-фирма.рф site.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.2
Text Domain: okna-firma
*/

:root {
	--ink: #22251e;
	--gold: #c7a51d;
	--sand: #e8e2c8;
	--paper: #f8f6ed;
	--muted: #6c6b5c;
	--line: #d8d3c1;
}

* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #efede4; font: 16px/1.65 Arial, sans-serif; }
a { color: #6b5a08; }
a:hover { color: #171810; }
.site { max-width: 1180px; min-height: 100vh; margin: 0 auto; background: var(--paper); box-shadow: 0 0 22px #0002; }
.site-header { padding: 36px clamp(22px, 5vw, 62px) 28px; color: #fff; background: linear-gradient(120deg, #81712a, #c4a928 55%, #292c22); }
.site-title { margin: 0; font-size: clamp(30px, 5vw, 48px); line-height: 1.15; letter-spacing: .04em; }
.site-title a { color: #fff; text-decoration: none; }
.site-description { margin: 8px 0 0; color: #fff8d9; font-size: 17px; font-weight: 700; letter-spacing: .06em; }
.primary-nav { padding: 0 clamp(14px, 4vw, 46px); background: #25271e; }
.primary-nav ul { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.primary-nav a { display: block; padding: 13px 15px; color: #fff; font-weight: 700; text-decoration: none; }
.primary-nav a:hover, .primary-nav .current-menu-item > a { color: #171810; background: var(--gold); }
.layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 36px; padding: 34px clamp(20px, 4vw, 46px) 48px; }
.content { min-width: 0; }
.content h1 { margin: 0 0 12px; color: #4b5545; font-size: clamp(27px, 3.4vw, 36px); letter-spacing: .05em; line-height: 1.25; }
.content h2 { line-height: 1.3; }
.entry { margin-bottom: 34px; }
.entry-meta { color: var(--muted); font-size: 14px; }
.entry-content img { max-width: 100%; height: auto; }
.entry-content table { max-width: 100%; }
.sidebar { padding: 8px 0 0; }
.sidebar h2 { margin: 12px 0; font-size: 17px; text-transform: uppercase; }
.sidebar ul { padding-left: 20px; }
.sidebar li { margin: 0 0 6px; }
.site-footer { padding: 22px clamp(20px, 4vw, 46px); color: #e8e5d9; background: #25271e; font-size: 14px; }
.site-footer a { color: #e1ca55; }
.pagination { margin: 30px 0; }
.pagination .page-numbers { display: inline-block; margin-right: 6px; padding: 5px 10px; border: 1px solid var(--line); }
@media (max-width: 760px) {
	.layout { grid-template-columns: 1fr; gap: 18px; }
	.primary-nav ul { gap: 0; }
	.primary-nav a { padding: 10px; }
}

.home-featured-article { margin: 28px 0; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home-featured-title { margin: 0 0 12px; font-size: 22px; line-height: 1.35; }
.home-featured-image { float: left; width: 175px; height: auto; margin: 0 15px 12px 0; padding: 3px; border: 1px solid var(--line); }
.home-featured-article .entry-content { line-height: 1.8; }
.home-featured-article::after { display: block; clear: both; content: ''; }
.home-slider { position: relative; height: clamp(180px, 30vw, 300px); margin: 18px 0 26px; overflow: hidden; background: #e8e2c8; }
.home-slide { position: absolute; inset: 0; display: block; opacity: 0; transition: opacity .7s ease; }
.home-slide.is-active { opacity: 1; }
.home-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 560px) { .home-featured-image { width: min(45%, 175px); } }