/*
Theme Name: Kazak
Theme URI: https://sksgc.ru
Author: Kazak Dev Team
Author URI: https://sksgc.ru
Description: Корпоративная тема для ГК СКС — промышленное строительство, инженерные системы, автоматизация. Построена на Tailwind CSS + Alpine.js. Дизайн v3.0 — Industrial MMK-Style.
Version: 3.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.2
License: GPL-2.0+
Text Domain: kazak-theme
Tags: construction, corporate, one-column, two-columns, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ── Base Resets (Tailwind handles the rest) ── */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #222831;
    background: #ffffff;
}

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

a {
    color: inherit;
    text-decoration: none;
}

/* ── Scrollbar — industrial dark ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #1a1e26; }
::-webkit-scrollbar-thumb { background: #76ABAE; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #5e9194; }

/* ── Selection — accent color ── */
::selection { background: #76ABAE; color: #222831; }

/* ── WP Admin Bar offset ── */
.admin-bar .site-header,
.admin-bar header.sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header, .admin-bar header.sticky { top: 46px; } }

/* ── Scroll Animations ── */
.fade-up {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}
.fade-left {
    opacity: 0;
    transform: translateX(-24px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.fade-left.visible {
    opacity: 1;
    transform: translateX(0);
}
.fade-right {
    opacity: 0;
    transform: translateX(24px);
    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.fade-right.visible {
    opacity: 1;
    transform: translateX(0);
}

/* ── Counter animation — mono for engineering ── */
.counter-value {
    font-variant-numeric: tabular-nums;
}

/* ── Alpine.js x-cloak ── */
[x-cloak] { display: none !important; }

/* ── Voice agent z-index fix ── */
.sks-voice, .kazak-voice {
    z-index: 9999 !important;
}

/* ── Focus ring — accessible ── */
*:focus-visible {
    outline: 2px solid #76ABAE;
    outline-offset: 2px;
}

/* ── Smooth page transitions ── */
@keyframes pageIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
body {
    animation: pageIn 0.3s ease-out;
}

/* ── Line clamp utility ── */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}