/*
Theme Name: Ваша Крыша
Template: twentytwentyfive
Version: 1.1.0
Description: B2B тема производителя ПТК — Brutal Industrial
Text Domain: vasha-krysha
Requires at least: 6.7
Requires PHP: 8.0
*/

/* ═══════════════════════════════════════════════════════
   BRUTAL INDUSTRIAL — Mobile-first base
   Тёмная тема #121212 + оранжевый #FF6B35 + зелёный #00C896
   Source: v.1 wordpress/themes/style.css (keep). page-id integer
   selector replaced with .page-for-designers (canonical slugs).
   ═══════════════════════════════════════════════════════ */

:root {
    --vk-bg: #121212;
    --vk-surface: #2A2A2A;
    --vk-surface-elevated: #363636;
    --vk-primary: #FF6B35;
    --vk-primary-hover: #E85D2C;
    --vk-accent: #00C896;
    --vk-accent-hover: #00B085;
    --vk-text: #F5F5F5;
    --vk-text-secondary: #B0B0B0;
    --vk-text-muted: #B0B0B0;
    --vk-border: #3A3A3A;
    --vk-error: #FF4444;
    --vk-success: #00C896;
    --vk-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --vk-font-mono: 'SF Mono', 'Cascadia Code', 'Consolas', 'Liberation Mono', monospace;
}

body {
    background-color: var(--vk-bg);
    color: var(--vk-text);
    font-family: var(--vk-font);
    font-size: 16px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

a:focus-visible,
.wp-block-navigation .wp-block-navigation__responsive-container-open:focus,
.wp-block-navigation .wp-block-navigation__responsive-container-close:focus,
button:focus-visible,
.wp-block-table:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid var(--vk-accent) !important;
    outline-offset: 3px !important;
}

img {
    max-width: 100%;
    height: auto;
}

button,
.wp-block-button__link,
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select,
input[type="checkbox"],
input[type="radio"] {
    min-height: 44px;
    min-width: 44px;
    font-size: 16px;
}

.wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--vk-primary) !important;
    color: #121212 !important;
    border: none;
    border-radius: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 14px 32px;
    transition: background-color 150ms ease-out, transform 150ms ease-out;
}

.wp-block-button__link:hover {
    background-color: var(--vk-primary-hover) !important;
    transform: translateY(-1px);
}

.wp-block-button__link:active {
    transform: translateY(0);
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent !important;
    color: var(--vk-primary) !important;
    border: 2px solid var(--vk-primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--vk-primary) !important;
    color: #121212 !important;
}

.cta-centered {
    justify-content: center !important;
    gap: 16px;
}

.wp-block-form input,
.wp-block-form textarea,
.wp-block-form select {
    width: 100%;
    padding: 12px 16px;
    background-color: var(--vk-surface);
    color: var(--vk-text);
    border: 2px solid var(--vk-border);
    border-radius: 0;
    font-size: 16px;
    font-family: var(--vk-font);
    margin-bottom: 12px;
    transition: border-color 150ms ease-out;
}

.wp-block-form input:focus,
.wp-block-form textarea:focus,
.wp-block-form select:focus {
    border-color: var(--vk-primary);
    outline: none;
}

.wp-block-form input::placeholder,
.wp-block-form textarea::placeholder {
    color: var(--vk-text-muted);
}

.wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background-color: var(--vk-surface);
    border: 1px solid var(--vk-border);
}

.wp-block-table table {
    min-width: 100%;
    color: var(--vk-text);
    width: 100%;
}

.vk-intake-disabled fieldset {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--vk-border);
}

.vk-intake-disabled input,
.vk-intake-disabled textarea,
.vk-intake-disabled select {
    width: 100%;
    min-width: 0;
    padding: 12px;
    background: var(--vk-surface);
    color: var(--vk-text);
    border: 1px solid var(--vk-text-secondary);
    border-radius: 0;
    opacity: 1;
}

.vk-intake-disabled button:disabled {
    background: var(--vk-surface);
    color: var(--vk-text-secondary);
    border: 1px solid var(--vk-text-secondary);
    cursor: not-allowed;
}

.wp-block-table th {
    background-color: var(--vk-surface-elevated);
    color: var(--vk-text);
    font-weight: 600;
    padding: 12px 16px;
    text-align: left;
}

.wp-block-table td {
    padding: 10px 16px;
    border-top: 1px solid var(--vk-border);
}

.wp-block-table::-webkit-scrollbar {
    height: 6px;
}

.wp-block-table::-webkit-scrollbar-track {
    background: var(--vk-bg);
}

.wp-block-table::-webkit-scrollbar-thumb {
    background: var(--vk-border);
    border-radius: 3px;
}

.product-card {
    background-color: var(--vk-surface);
    border: none;
    border-top: 4px solid var(--vk-primary);
    border-radius: 0;
    padding: 32px;
    transition: background-color 150ms ease-out;
}

.product-card:hover {
    background-color: var(--vk-surface-elevated);
}

.wpcf7-submit,
input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: var(--vk-primary) !important;
    color: #121212 !important;
    border: none !important;
    border-radius: 16px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 14px 32px;
    cursor: pointer;
    transition: background-color 150ms ease-out, transform 150ms ease-out;
    -webkit-appearance: none;
    appearance: none;
}

.wpcf7-submit:hover,
input[type="submit"]:hover {
    background-color: var(--vk-primary-hover) !important;
    transform: translateY(-1px);
}

.wpcf7-submit:active,
input[type="submit"]:active {
    transform: translateY(0);
}

@media (min-width: 600px) {
    .wpcf7-submit,
    input[type="submit"] {
        width: auto;
        min-width: 220px;
    }
}

.wp-block-navigation__responsive-container-open {
    color: var(--vk-text) !important;
}

.wp-block-navigation__responsive-container {
    background-color: rgba(18, 18, 18, 0.95) !important;
}

.wp-block-navigation__responsive-container.is-menu-open {
    padding: 24px;
    background-color: var(--vk-bg) !important;
}

.wp-block-navigation__responsive-dialog {
    background-color: var(--vk-bg) !important;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item,
.wp-block-navigation__responsive-container .wp-block-navigation-link,
.wp-block-navigation__responsive-container a {
    color: var(--vk-text) !important;
    font-size: 16px;
}

.wp-block-navigation__responsive-container .wp-block-navigation-item:hover,
.wp-block-navigation__responsive-container a:hover {
    color: var(--vk-primary) !important;
}

.wp-block-navigation__responsive-container-close {
    color: var(--vk-text) !important;
}

@media (max-width: 600px) {
    .wp-block-navigation {
        font-size: 16px;
    }

    h1 { font-size: 28px; }
    h2 { font-size: 22px; }
    h3 { font-size: 18px; }
}

.hero-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 48px 16px;
    text-align: center;
    background-color: var(--vk-bg);
}

@media (min-width: 768px) {
    .hero-section {
        padding: 80px 40px;
    }
}

.page-for-designers .hero-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 240px;
}

@media (min-width: 768px) {
    .page-for-designers .hero-section {
        min-height: 360px;
    }
}

.tech-spec,
.hero-number {
    font-family: var(--vk-font-mono);
    font-weight: 800;
    color: var(--vk-primary);
}

.badge {
    display: inline-block;
    background-color: var(--vk-primary);
    color: #121212;
    padding: 4px 12px;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0;
}

a {
    color: var(--vk-primary);
    transition: color 150ms ease-out;
}

/* Text links stay readable on normal and elevated cards; button fills retain
   the existing darker hover orange with dark text. */
a:hover,
.product-card:hover a:not(.wp-block-button__link) {
    color: #FF8657;
}

.wp-block-separator {
    border-color: var(--vk-border);
}

.wp-block-quote {
    border-left: 4px solid var(--vk-primary);
    background-color: var(--vk-surface);
    padding: 16px 24px;
    color: var(--vk-text-secondary);
}

.wp-block-cover {
    background-color: var(--vk-surface) !important;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* VK2 live forms: status panels (delivery runs through the intake contract). */
.vk-form-ok {
    background: var(--wp--preset--color--base, #30383d);
    border: 1px solid var(--vk-primary, #f60);
    border-radius: 12px;
    padding: 16px 20px;
    font-weight: 600;
}

.vk-form-msg {
    margin: 8px 0 0;
}

.vk-form-msg.vk-err {
    color: #ffb4a9;
}

.vk-form-msg.vk-busy {
    color: var(--vk-text-muted, #9aa4ab);
}