/* === THEME-COMBINED.CSS === */
/* assets/css/theme-combined.css */
/* НАЗНАЧЕНИЕ: Combined тема — gradient mesh, glow borders, smooth shadows */
/* РАЗМЕР: ~250 строк */

/* --- Glow border effect for cards --- */
body.theme-combined .card {
    border: 1px solid transparent;
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(135deg, hsla(217, 91%, 60%, 0.2), hsla(262, 65%, 65%, 0.2), hsla(152, 69%, 40%, 0.1)) border-box;
}

body.theme-combined .card:hover {
    background:
        linear-gradient(var(--bg-card-hover), var(--bg-card-hover)) padding-box,
        linear-gradient(135deg, hsla(217, 91%, 60%, 0.4), hsla(262, 65%, 65%, 0.4), hsla(152, 69%, 40%, 0.2)) border-box;
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.4),
        0 0 40px hsla(217, 91%, 60%, 0.1);
}

/* --- Hero gradient orbs --- */
body.theme-combined .hero::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -10%;
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, hsla(217, 91%, 60%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    animation: float 15s ease-in-out infinite;
}

body.theme-combined .hero::after {
    content: '';
    position: absolute;
    bottom: -10%;
    right: -10%;
    width: 50%;
    height: 50%;
    background: radial-gradient(circle, hsla(262, 65%, 65%, 0.1) 0%, transparent 70%);
    pointer-events: none;
    animation: float 12s ease-in-out infinite reverse;
}

/* --- Glowing buttons --- */
body.theme-combined .btn-primary {
    background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
    border: none;
    position: relative;
    z-index: 1;
}

body.theme-combined .btn-primary::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
    filter: blur(12px);
    opacity: 0;
    z-index: -1;
    transition: opacity var(--transition-base);
}

body.theme-combined .btn-primary:hover::before {
    opacity: 0.4;
}

/* --- Registration form glow --- */
body.theme-combined .registration-form {
    background:
        linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
        linear-gradient(135deg, hsla(217, 91%, 60%, 0.3), hsla(262, 65%, 65%, 0.3)) border-box;
    border: 1px solid transparent;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

/* --- Section divider glow line --- */
body.theme-combined .section + .section::before {
    content: '';
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-accent), var(--color-secondary), transparent);
    opacity: 0.2;
}

/* --- Glowing step numbers --- */
body.theme-combined .step::before {
    box-shadow: 0 0 20px hsla(217, 91%, 60%, 0.2);
}

/* --- FAQ glow on active --- */
body.theme-combined .faq-item.active {
    box-shadow: 0 0 20px hsla(217, 91%, 60%, 0.1);
}

/* --- Header blur enhancement --- */
body.theme-combined .header {
    background: hsla(225, 25%, 6%, 0.85);
}

/* --- Badge glow --- */
body.theme-combined .badge {
    box-shadow: 0 0 12px hsla(217, 91%, 60%, 0.15);
}

/* --- Highlights table row glow --- */
body.theme-combined .highlights-table tr:hover td {
    box-shadow: inset 0 0 30px hsla(217, 91%, 60%, 0.03);
}

/* --- Card icon gradient --- */
body.theme-combined .card-icon {
    background: linear-gradient(135deg, hsla(217, 91%, 60%, 0.15), hsla(262, 65%, 65%, 0.15));
}

/* --- Footer gradient line --- */
body.theme-combined .footer {
    border-top: 1px solid transparent;
    border-image: linear-gradient(90deg, transparent, var(--color-accent), var(--color-secondary), transparent) 1;
}

/* --- Logo icon glow --- */
body.theme-combined .logo-icon {
    background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
    box-shadow: 0 0 16px hsla(217, 91%, 60%, 0.2);
}

/* --- Nav link hover glow --- */
body.theme-combined .nav-link:hover {
    text-shadow: 0 0 8px hsla(217, 91%, 60%, 0.3);
}

/* --- Form input focus glow --- */
body.theme-combined .form-input:focus {
    box-shadow: 0 0 0 3px hsla(217, 91%, 60%, 0.15), 0 0 20px hsla(217, 91%, 60%, 0.08);
}

/* --- Smooth text gradient for headings --- */
body.theme-combined .section-heading {
    background: linear-gradient(135deg, var(--text-primary) 30%, var(--color-accent) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}