/* === THEME-INDUSTRIAL.CSS === */
/* assets/css/theme-industrial.css */
/* НАЗНАЧЕНИЕ: Industrial тема — dark + green/orange, dashboard-like, terminal */
/* РАЗМЕР: ~220 строк */

/* --- Base: scanlines overlay --- */
body.theme-industrial::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        hsla(0, 0%, 0%, 0.03) 2px,
        hsla(0, 0%, 0%, 0.03) 4px
    );
}

/* --- Cards: terminal-like, border glow --- */
body.theme-industrial .card {
    border: 1px solid var(--border-color);
    position: relative;
}

body.theme-industrial .card::before {
    content: '//';
    position: absolute;
    top: 8px;
    right: 12px;
    font-family: var(--font-display);
    font-size: 10px;
    color: var(--border-color);
    opacity: 0.5;
}

body.theme-industrial .card:hover {
    border-color: var(--color-accent);
    box-shadow: var(--shadow-glow);
}

/* --- Buttons: angular, tech-feel --- */
body.theme-industrial .btn-primary {
    background: var(--color-accent);
    color: var(--bg-primary);
    border: 1px solid var(--color-accent);
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: var(--font-size-xs);
    position: relative;
}

body.theme-industrial .btn-primary:hover {
    box-shadow: 0 0 20px hsla(80, 100%, 50%, 0.3);
    transform: translateY(-2px);
}

body.theme-industrial .btn-primary::after {
    content: ' >';
    opacity: 0.6;
}

body.theme-industrial .btn-outline {
    border: 1px solid var(--border-color);
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: var(--font-size-xs);
}

body.theme-industrial .btn-outline:hover {
    border-color: var(--color-accent);
    background: hsla(80, 100%, 50%, 0.08);
    color: var(--color-accent);
}

/* --- Hero: data-driven feel --- */
body.theme-industrial .hero::before,
body.theme-industrial .hero::after {
    display: none;
}

body.theme-industrial .hero h1 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
}

/* --- Headings: monospace, with prefix --- */
body.theme-industrial h2 {
    font-family: var(--font-display);
    letter-spacing: -0.01em;
}

body.theme-industrial .section-heading::before {
    content: '> ';
    color: var(--color-accent);
    opacity: 0.5;
}

/* --- Registration form: terminal style --- */
body.theme-industrial .registration-form {
    border: 1px solid var(--border-color);
    position: relative;
}

body.theme-industrial .registration-form::before {
    content: '[SECURE_FORM]';
    position: absolute;
    top: -10px;
    left: 16px;
    font-family: var(--font-display);
    font-size: 10px;
    color: var(--color-accent);
    background: var(--bg-primary);
    padding: 0 8px;
    letter-spacing: 0.05em;
}

body.theme-industrial .form-input {
    background: hsla(0, 0%, 0%, 0.3);
    border: 1px solid var(--border-color);
    font-family: var(--font-display);
    font-size: var(--font-size-sm);
    color: var(--color-accent);
}

body.theme-industrial .form-input::placeholder {
    color: hsla(80, 100%, 50%, 0.3);
    font-family: var(--font-display);
}

body.theme-industrial .form-input:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 12px hsla(80, 100%, 50%, 0.1);
}

/* --- Steps: numbered with brackets --- */
body.theme-industrial .step::before {
    border: 1px solid var(--color-accent);
    background: transparent;
    color: var(--color-accent);
    font-family: var(--font-display);
    box-shadow: 0 0 12px hsla(80, 100%, 50%, 0.1);
}

/* --- FAQ: terminal-like --- */
body.theme-industrial .faq-item {
    border: 1px solid var(--border-color);
}

body.theme-industrial .faq-item.active {
    border-color: var(--color-accent);
    box-shadow: 0 0 12px hsla(80, 100%, 50%, 0.08);
}

body.theme-industrial .faq-question {
    font-family: var(--font-display);
    font-size: var(--font-size-xs);
    letter-spacing: 0.03em;
}

/* --- Card icon: glowing circle --- */
body.theme-industrial .card-icon {
    border: 1px solid var(--color-accent);
    background: hsla(80, 100%, 50%, 0.05);
    color: var(--color-accent);
    box-shadow: 0 0 12px hsla(80, 100%, 50%, 0.1);
}

/* --- Header: subtle green accent line --- */
body.theme-industrial .header {
    border-bottom: 1px solid var(--border-color);
    background: hsla(200, 10%, 6%, 0.95);
}

body.theme-industrial .header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
    opacity: 0.3;
}

/* --- Nav links: monospace --- */
body.theme-industrial .nav-link {
    font-family: var(--font-display);
    letter-spacing: 0.1em;
}

body.theme-industrial .nav-link.active::after {
    background: var(--color-accent);
    box-shadow: 0 0 8px hsla(80, 100%, 50%, 0.3);
}

/* --- Theme switcher: tech --- */
body.theme-industrial .theme-switcher {
    border: 1px solid var(--border-color);
}

body.theme-industrial .theme-btn {
    font-family: var(--font-display);
    letter-spacing: 0.05em;
}

body.theme-industrial .theme-btn.active {
    background: var(--color-accent);
    color: var(--bg-primary);
}

/* --- Logo: tech icon --- */
body.theme-industrial .logo-icon {
    background: transparent;
    border: 1px solid var(--color-accent);
    color: var(--color-accent);
    box-shadow: 0 0 12px hsla(80, 100%, 50%, 0.15);
}

/* --- Badge: terminal style --- */
body.theme-industrial .badge {
    border: 1px solid var(--color-accent);
    background: transparent;
    color: var(--color-accent);
    font-family: var(--font-display);
}

/* --- Footer: subtle green line --- */
body.theme-industrial .footer {
    border-top: 1px solid var(--border-color);
    position: relative;
}

body.theme-industrial .footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-accent), transparent);
    opacity: 0.2;
}

/* --- Highlights table: green accent --- */
body.theme-industrial .highlights-table th {
    color: var(--color-accent);
    font-family: var(--font-display);
    font-size: var(--font-size-xs);
    letter-spacing: 0.05em;
}

body.theme-industrial .highlights-table tr:hover td {
    background: hsla(80, 100%, 50%, 0.03);
}

/* --- Scrollbar: green --- */
body.theme-industrial::-webkit-scrollbar-thumb {
    background: hsla(80, 100%, 50%, 0.3);
}

body.theme-industrial::-webkit-scrollbar-thumb:hover {
    background: hsla(80, 100%, 50%, 0.5);
}