/* 🎨 ЦВЕТОВЫЕ ПЕРЕМЕННЫЕ (меняй здесь — обновится везде) */
:root {
    --color-primary: #8b5cf6;
    --color-primary-dark: #7c3aed;
    --color-secondary: #3b82f6;
    --color-accent: #06b6d4;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;

    --glass-bg: rgba(255, 255, 255, 0.45);
    --glass-border: rgba(255, 255, 255, 0.65);
    --glass-blur: blur(32px) saturate(200%);

    --shadow-soft: 0 12px 36px -8px rgba(139, 92, 246, 0.18), 0 4px 12px rgba(0,0,0,0.04);
    --shadow-hover: 0 28px 60px -12px rgba(139, 92, 246, 0.28), 0 10px 24px rgba(0,0,0,0.08);

    --radius-card: 1.5rem;
    --radius-btn: 1rem;

    --transition-smooth: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 🌌 ФОН: ДЫМКА + СЕТКА */
.bg-future {
    background-color: #f8fafc;
    background-image:
        radial-gradient(at 10% 10%, rgba(139, 92, 246, 0.35) 0px, transparent 65%),
        radial-gradient(at 90% 0%, rgba(59, 130, 246, 0.35) 0px, transparent 65%),
        radial-gradient(at 50% 85%, rgba(16, 185, 129, 0.25) 0px, transparent 65%),
        radial-gradient(at 90% 90%, rgba(244, 63, 94, 0.25) 0px, transparent 65%),
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%, 48px 48px, 48px 48px;
    background-attachment: fixed;
    min-height: 100vh;
}

/* 🪟 СТЕКЛО (базовый класс) */
.glass {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8), 0 8px 24px rgba(0,0,0,0.03);
}

/* 🃏 ПАРЯЩАЯ КАРТОЧКА */
.glass-card {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-soft);
    transition: var(--transition-smooth);
    position: relative;
    overflow: hidden;
}
.glass-card::before {
    content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px;
    background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;
}
.glass-card:hover {
    transform: translateY(-8px) scale(1.015);
    box-shadow: var(--shadow-hover);
    background: rgba(255, 255, 255, 0.7);
}

/* 🔻 МЕНЮ: ЧЁРТОЧКИ ПРИ НАВЕДЕНИИ */
.nav-link { position: relative; padding-bottom: 4px; }
.nav-link::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
    transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }
.nav-link:hover { color: var(--color-primary-dark); }

/* 🔽 СЕЛЕКТЫ (стеклянные) */
.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1rem;
    padding-right: 2.5rem;
}
.custom-select:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}

/* 🌙 ПОДВАЛ (тёмное стекло) */
.glass-footer {
    background: rgba(15, 23, 42, 0.88);
    backdrop-filter: blur(28px);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: #e2e8f0;
}
.glass-footer a { color: #cbd5e1; transition: color 0.2s; }
.glass-footer a:hover { color: #c4b5fd; }

/* 🎨 КНОПКИ (градиентные) */
.btn-primary {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    color: white;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-btn);
    font-weight: 600;
    transition: var(--transition-smooth);
    border: none;
    cursor: pointer;
}
.btn-primary:hover {
    background: linear-gradient(135deg, var(--color-primary-dark) 0%, #4f46e5 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.4);
}

/* 📱 АДАПТИВ */
@media (max-width: 768px) {
    .glass-card:hover { transform: translateY(-4px) scale(1.01); }
    .events-grid { grid-template-columns: 1fr !important; }

    /* 🔹 ОДИНАКОВАЯ ШИРИНА ПОЛЕЙ ФИЛЬТРОВ НА МОБИЛЬНОЙ */
    #filters-form select,
    #filters-form input[type="date"] {
        width: 100% !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
        font-size: 13px !important;
    }
}

/* 🧩 УТИЛИТЫ */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hide-scroll::-webkit-scrollbar { display: none; }
.hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }

/* ═══════════════════════════════════════════════════════════ */
/* 🎨 ЦВЕТА КАТЕГОРИЙ (18 штук) */
/* ═══════════════════════════════════════════════════════════ */
.cat-breakfast { background-color: #FEF3C7 !important; color: #92400E !important; border-color: #FCD34D !important; }
.cat-dinner { background-color: #FEE2E2 !important; color: #991B1B !important; border-color: #FCA5A5 !important; }
.cat-online { background-color: #DBEAFE !important; color: #1E40AF !important; border-color: #93C5FD !important; }
.cat-exhibition { background-color: #EDE9FE !important; color: #5B21B6 !important; border-color: #C4B5FD !important; }
.cat-competition { background-color: #FEF3C7 !important; color: #78350F !important; border-color: #FCD34D !important; }
.cat-awards { background-color: #FEF9C3 !important; color: #854D0E !important; border-color: #FDE047 !important; }
.cat-congress { background-color: #E0E7FF !important; color: #3730A3 !important; border-color: #A5B4FC !important; }
.cat-conference { background-color: #E0E7FF !important; color: #4338CA !important; border-color: #A5B4FC !important; }
.cat-masterclass { background-color: #D1FAE5 !important; color: #065F46 !important; border-color: #6EE7B7 !important; }
.cat-networking { background-color: #CCFBF1 !important; color: #134E4A !important; border-color: #5EEAD4 !important; }
.cat-meetings { background-color: #CFFAFE !important; color: #155E75 !important; border-color: #67E8F9 !important; }
.cat-entertainment { background-color: #FCE7F3 !important; color: #9D174D !important; border-color: #F9A8D4 !important; }
.cat-seminar { background-color: #FED7AA !important; color: #9A3412 !important; border-color: #FDBA74 !important; }
.cat-trainings { background-color: #FFEDD5 !important; color: #9A3412 !important; border-color: #FDBA74 !important; }
.cat-lectures { background-color: #FEF3C7 !important; color: #92400E !important; border-color: #FCD34D !important; }
.cat-forum { background-color: #E5E7EB !important; color: #374151 !important; border-color: #9CA3AF !important; }
.cat-roundtables { background-color: #DBEAFE !important; color: #1E40AF !important; border-color: #93C5FD !important; }
.cat-summit { background-color: #EDE9FE !important; color: #5B21B6 !important; border-color: #C4B5FD !important; }

/* ═══════════════════════════════════════════════════════════ */
/* 🎨 ЦВЕТА ТЕМ (21 штука — новые короткие ID) */
/* ═══════════════════════════════════════════════════════════ */

/* ✅ Переименованные (старые → новые) */
.theme-horeca { background-color: #FFEDD5 !important; color: #9A3412 !important; border-color: #FDBA74 !important; }
.theme-innovation { background-color: #CFFAFE !important; color: #155E75 !important; border-color: #67E8F9 !important; }
.theme-management { background-color: #D1FAE5 !important; color: #065F46 !important; border-color: #6EE7B7 !important; }
.theme-marketing { background-color: #FEE2E2 !important; color: #991B1B !important; border-color: #FCA5A5 !important; }
.theme-media { background-color: #EDE9FE !important; color: #5B21B6 !important; border-color: #C4B5FD !important; }
.theme-medicine { background-color: #CCFBF1 !important; color: #134E4A !important; border-color: #5EEAD4 !important; }
.theme-real_estate { background-color: #FED7AA !important; color: #9A3412 !important; border-color: #FDBA74 !important; }
.theme-education { background-color: #FEF3C7 !important; color: #92400E !important; border-color: #FCD34D !important; }
.theme-manufacturing { background-color: #ECFCCB !important; color: #3F6212 !important; border-color: #BEF264 !important; }
.theme-startups { background-color: #D1FAE5 !important; color: #065F46 !important; border-color: #6EE7B7 !important; }
.theme-retail { background-color: #FCE7F3 !important; color: #9D174D !important; border-color: #F9A8D4 !important; }
.theme-finance { background-color: #DBEAFE !important; color: #1E40AF !important; border-color: #93C5FD !important; }
.theme-law { background-color: #E5E7EB !important; color: #374151 !important; border-color: #9CA3AF !important; }

/* 🆕 НОВЫЕ темы (разделённые из старых) */
.theme-agrobiznes { background-color: #DCFCE7 !important; color: #166534 !important; border-color: #86EFAC !important; }
.theme-biotech { background-color: #A5F3FC !important; color: #155E75 !important; border-color: #22D3EE !important; }
.theme-construction { background-color: #FED7AA !important; color: #7C2D12 !important; border-color: #FB923C !important; }
.theme-design { background-color: #F5D0FE !important; color: #86198F !important; border-color: #F0ABFC !important; }
.theme-investment { background-color: #E0E7FF !important; color: #3730A3 !important; border-color: #A5B4FC !important; }
.theme-logistics { background-color: #F1F5F9 !important; color: #334155 !important; border-color: #94A3B8 !important; }
.theme-sales { background-color: #FFEDD5 !important; color: #9A3412 !important; border-color: #FDBA74 !important; }
.theme-sport { background-color: #BBF7D0 !important; color: #14532D !important; border-color: #4ADE80 !important; }