/*
Theme Name: Money Signal 2026 - Thuế và Chuyển đổi số
Theme URI: https://ieltsmentor.edu.vn
Author: Trường Đại học Luật Hà Nội & IELTS MENTOR
Description: Cổng bình chọn Cuộc thi Money Signal 2026 - Thuế và Chuyển đổi số (Đại học Luật Hà Nội)
Version: 2.1
Requires PHP: 7.4
Tested up to: 6.5
Text Domain: moneysignal2026
*/

html { scroll-behavior: smooth; }

.vox-glass {
    background-color: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}
.vox-glass:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.vox-dynamic-content, .vox-dynamic-content * {
    color: white !important;
}

/* Marquee Ticker */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}
.animate-marquee {
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: marquee 40s linear infinite;
}
.animate-marquee:hover {
    animation-play-state: paused;
}

/* Category Filter Tabs */
.vox-cat-tab {
    padding: 8px 24px;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    color: #cbd5e1;
    user-select: none;
}
.vox-cat-tab:hover {
    background: rgba(255,255,255,0.1);
    color: #ffffff;
}
.vox-cat-tab.active {
    background: linear-gradient(135deg, #0A2FFF 0%, #00d2ff 100%);
    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 4px 15px rgba(10, 47, 255, 0.45);
}

/* Quick Search Input */
.vox-search-wrapper {
    position: relative;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}
.vox-search-input {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9999px;
    padding: 10px 20px 10px 42px;
    color: #ffffff;
    outline: none;
    width: 100%;
    font-size: 14px;
    transition: all 0.2s ease;
}
.vox-search-input:focus {
    border-color: #00d2ff;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 15px rgba(0, 210, 255, 0.25);
}
.vox-search-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #94a3b8;
    pointer-events: none;
}