/* Yellow-Black Theme Override */
:root {
    --primary-color: #4169e1;
    --secondary-color: #8a2be2;
    --tertiary-color: #da70d6;
    --dark-bg-1: #1a0033;
    --dark-bg-2: #2d1b69;
    --border-color: rgba(138, 43, 226, 0.4);
    --glow-color: rgba(138, 43, 226, 0.5);
}

:root.theme-yellow-black {
    --primary-color: #ffd700;
    --secondary-color: #ff8c00;
    --tertiary-color: #ffa500;
    --dark-bg-1: #1a1000;
    --dark-bg-2: #2d1b00;
    --border-color: rgba(255, 215, 0, 0.4);
    --glow-color: rgba(255, 215, 0, 0.5);
}

/* DEFAULT PURPLE STYLES (when theme is NOT active) */
.register-container,
.login-container,
.dashboard-container,
.application-container {
    background: linear-gradient(135deg, #000 0%, var(--dark-bg-1) 50%, var(--dark-bg-2) 100%);
}

.register-box,
.login-box,
.dashboard-card,
.application-box,
.application-card {
    background: rgba(26, 0, 50, 0.95);
    border: 2px solid var(--border-color);
    box-shadow: 0 10px 50px var(--glow-color);
}

.register-title,
.login-title,
.dashboard-title,
.application-title {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.form-group label {
    color: var(--tertiary-color);
}

.form-group input,
.form-group select,
.form-group textarea {
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid var(--border-color);
    color: #e0e0e0;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: var(--secondary-color);
    box-shadow: 0 0 20px var(--glow-color);
}

.register-btn,
.login-btn,
button[type="submit"],
.btn {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
    color: #fff;
    box-shadow: 0 5px 25px var(--glow-color);
}

.register-btn:hover,
.login-btn:hover,
button[type="submit"]:hover,
.btn:hover {
    box-shadow: 0 10px 30px var(--glow-color);
}

.login-link a,
.register-link a {
    color: var(--secondary-color);
}

.login-link a:hover,
.register-link a:hover {
    color: var(--tertiary-color);
}

/* DEFAULT STYLES for Admin Panel Tables */
.data-table {
    color: #e0e0e0;
    border-collapse: collapse;
    width: 100%;
}

.data-table th {
    background: linear-gradient(45deg, var(--primary-color), var(--secondary-color));
    color: #fff;
    font-weight: bold;
    padding: 1rem;
    text-align: left;
}

.data-table td {
    color: #e0e0e0;
    border-bottom: 1px solid var(--border-color);
    padding: 0.8rem 1rem;
}

.data-table tr:hover {
    background: var(--border-color);
}

.section {
    color: #e0e0e0;
    background: rgba(26, 0, 50, 0.6);
    border: 2px solid var(--border-color);
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.section h2,
.section h3,
.section h4 {
    color: var(--tertiary-color);
}

.section p,
.section label,
.section span {
    color: #e0e0e0;
}

table,
table * {
    color: #e0e0e0;
}

table th {
    color: #fff;
}

/* DEFAULT BLACK - Safe fallback for teams page */
.teams-hero {
    background: #000;
}

.teams-section {
    background: #000;
}

.team-logo {
    background: linear-gradient(45deg, #4169e1, #8a2be2);
}

.team-info h2 {
    background: linear-gradient(45deg, #4169e1, #8a2be2);
}

.player-image {
    background: linear-gradient(45deg, #4169e1, #8a2be2);
}

.player-name {
    background: linear-gradient(45deg, #4169e1, #8a2be2);
}

.sub-image {
    background: linear-gradient(45deg, #4169e1, #8a2be2);
}

.sub-name {
    background: linear-gradient(45deg, #4169e1, #8a2be2);
}

/* PURPLE THEME ONLY - Teams page badges and colors */
html:not(.theme-yellow-black) .player-country {
    background: rgba(138, 43, 226, 0.2);
    color: #da70d6;
}

html:not(.theme-yellow-black) .sub-country {
    background: rgba(138, 43, 226, 0.2);
    color: #da70d6;
}

/* PURPLE THEME ONLY - Teams page elements */
html:not(.theme-yellow-black) .team-card {
    border-color: rgba(138, 43, 226, 0.4);
}

html:not(.theme-yellow-black) .team-card:hover {
    border-color: #8a2be2;
    box-shadow: 0 20px 60px rgba(138, 43, 226, 0.4);
}

html:not(.theme-yellow-black) .team-header {
    border-bottom-color: rgba(138, 43, 226, 0.3);
}

html:not(.theme-yellow-black) .team-logo {
    box-shadow: 0 0 40px rgba(138, 43, 226, 0.6);
}

html:not(.theme-yellow-black) .player-card {
    border-color: rgba(138, 43, 226, 0.3);
}

html:not(.theme-yellow-black) .player-card:hover {
    border-color: #8a2be2;
    box-shadow: 0 15px 40px rgba(138, 43, 226, 0.3);
}

html:not(.theme-yellow-black) .player-image {
    box-shadow: 0 0 30px rgba(138, 43, 226, 0.5);
}

html:not(.theme-yellow-black) .subs-section {
    border-top-color: rgba(138, 43, 226, 0.3);
}

html:not(.theme-yellow-black) .subs-title {
    color: #da70d6;
}

html:not(.theme-yellow-black) .sub-card {
    border-color: rgba(138, 43, 226, 0.3);
}

html:not(.theme-yellow-black) .sub-card:hover {
    border-color: #8a2be2;
    box-shadow: 0 15px 40px rgba(138, 43, 226, 0.4);
}

html:not(.theme-yellow-black) .sub-image {
    box-shadow: 0 0 25px rgba(138, 43, 226, 0.5);
}

/* PURPLE THEME - Teams Section (when no yellow theme) */
body:not(.theme-yellow-black) .teams-hero,
html:not(.theme-yellow-black) .teams-hero {
    background: linear-gradient(180deg, #000 0%, #1a0033 50%, #2d1b69 100%);
}

body:not(.theme-yellow-black) .teams-section,
html:not(.theme-yellow-black) .teams-section {
    background: linear-gradient(180deg, #2d1b69 0%, #1a0033 20%, #0a0015 100%);
}

/* YELLOW-BLACK THEME OVERRIDES */

/* Smooth gradient transitions between sections */
.theme-yellow-black .section {
    background: linear-gradient(to bottom, rgba(26, 10, 0, 0.3), rgba(26, 10, 0, 0.7), rgba(26, 10, 0, 0.3)) !important;
    border-radius: 20px !important;
    margin: 3rem auto !important;
    position: relative !important;
}

.theme-yellow-black .section::after {
    content: '';
    position: absolute;
    bottom: -2.5rem;
    left: 10%;
    right: 10%;
    height: 2.5rem;
    background: linear-gradient(to bottom, rgba(255, 215, 0, 0.05), transparent);
    pointer-events: none;
    z-index: -1;
}

/* OVERRIDES START HERE */

/* Navigation */
.theme-yellow-black .nav-logo a {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 20px rgba(255, 140, 0, 0.6));
}

.theme-yellow-black .nav-link {
    color: #e0e0e0;
}

.theme-yellow-black .nav-link:hover {
    color: #ffd700;
}

.theme-yellow-black .nav-link::after {
    background: linear-gradient(90deg, #ffd700, #ff8c00);
}

.theme-yellow-black .nav-link.active {
    color: #ffd700;
}

.theme-yellow-black .navbar {
    background: rgba(10, 10, 0, 0.95);
    box-shadow: 0 2px 20px rgba(255, 140, 0, 0.4);
}

/* User Dropdown */
.theme-yellow-black .user-button:hover {
    background: rgba(255, 215, 0, 0.2);
    color: #ffd700;
}

.theme-yellow-black .dropdown-content {
    background: rgba(26, 10, 0, 0.95);
    border: 2px solid #ffd700;
    box-shadow: 0 10px 30px rgba(255, 140, 0, 0.5);
}

.theme-yellow-black .dropdown-item:hover {
    background: rgba(255, 215, 0, 0.3);
    color: #ffd700;
}

.theme-yellow-black .dropdown-item {
    border-bottom: 1px solid rgba(255, 215, 0, 0.2);
}

/* Hero Section */
.theme-yellow-black .hero {
    background: linear-gradient(180deg, #000 0%, #1a1000 50%, #2d1b00 100%);
}

.theme-yellow-black .hero-title {
    background: linear-gradient(45deg, #ffd700, #ff8c00, #ffa500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes glow-yellow {
    from {
        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.6));
    }
    to {
        filter: drop-shadow(0 0 40px rgba(255, 140, 0, 0.8));
    }
}

.theme-yellow-black .hero-title {
    animation: glow-yellow 3s ease-in-out infinite alternate;
}

.theme-yellow-black .hero-subtitle {
    color: #ffd700;
}

.theme-yellow-black .hero-icon {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 40px rgba(255, 215, 0, 0.8));
}

.theme-yellow-black .btn-primary {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    box-shadow: 0 5px 25px rgba(255, 215, 0, 0.5);
}

.theme-yellow-black .btn-primary:hover {
    box-shadow: 0 10px 35px rgba(255, 215, 0, 0.7);
}

.theme-yellow-black .btn-secondary {
    color: #ffd700;
    border: 2px solid #ffd700;
}

.theme-yellow-black .btn-secondary:hover {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    color: #000;
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.5);
}

/* Sections */
.theme-yellow-black .about {
    background: linear-gradient(180deg, #2d1b00 0%, #1a1000 20%, #000 100%);
}

.theme-yellow-black .team {
    background: linear-gradient(180deg, #000 0%, #1a1000 30%, #2d1b00 100%);
}

.theme-yellow-black .tournaments {
    background: linear-gradient(180deg, #2d1b00 0%, #1a1000 30%, #000 100%);
}

.theme-yellow-black .contact {
    background: linear-gradient(180deg, #000 0%, #1a1000 40%, #2d1b00 100%);
}

/* Section Titles */
.theme-yellow-black .section-title {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.theme-yellow-black .section-title::after {
    background: linear-gradient(90deg, #ffd700, #ff8c00);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
}

/* Stats */
.theme-yellow-black .stat {
    border: 2px solid rgba(255, 215, 0, 0.3);
    background: rgba(255, 215, 0, 0.1);
}

.theme-yellow-black .stat:hover {
    border-color: #ffd700;
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.4);
}

.theme-yellow-black .stat-number {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5));
}

.theme-yellow-black .gaming-setup {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 40px rgba(255, 215, 0, 0.7));
}

/* Team Members */
.theme-yellow-black .team-member {
    border: 2px solid rgba(255, 215, 0, 0.4);
}

.theme-yellow-black .team-member:hover {
    border-color: #ffd700;
    box-shadow: 0 20px 50px rgba(255, 215, 0, 0.4);
}

.theme-yellow-black .team-member::before {
    background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.2), transparent);
}

.theme-yellow-black .member-avatar {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    box-shadow: 0 0 40px rgba(255, 215, 0, 0.6);
}

.theme-yellow-black .member-name {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.theme-yellow-black .member-game {
    background: rgba(255, 215, 0, 0.2);
    color: #ffd700;
    border: 1px solid rgba(255, 215, 0, 0.5);
}

/* Tournaments */
.theme-yellow-black .tournament-card {
    border: 2px solid rgba(255, 215, 0, 0.4);
}

.theme-yellow-black .tournament-card:hover {
    border-color: #ffd700;
    box-shadow: 0 20px 50px rgba(255, 215, 0, 0.4);
}

.theme-yellow-black .tournament-header {
    background: linear-gradient(135deg, #ffd700, #ff8c00);
}

/* Contact */
.theme-yellow-black .contact-item {
    border: 2px solid rgba(255, 215, 0, 0.4);
    background: rgba(26, 10, 0, 0.6);
}

.theme-yellow-black .contact-item:hover {
    border-color: #ffd700;
    box-shadow: 0 15px 40px rgba(255, 140, 0, 0.4);
    background: rgba(26, 10, 0, 0.8);
}

.theme-yellow-black .contact-item i,
.theme-yellow-black .contact-item h3 {
    background: linear-gradient(45deg, #ffd700, #ff8c00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.theme-yellow-black .contact-item a {
    color: #ffd700;
}

.theme-yellow-black .contact-item a:hover {
    color: #ff8c00;
}

.theme-yellow-black .contact-form {
    border: 2px solid rgba(255, 215, 0, 0.4);
    background: rgba(26, 10, 0, 0.6);
}

.theme-yellow-black .contact-form input,
.theme-yellow-black .contact-form textarea {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
    color: #e0e0e0 !important;
}

.theme-yellow-black .contact-form input:focus,
.theme-yellow-black .contact-form textarea:focus {
    border-color: #ffd700 !important;
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.5) !important;
}

.theme-yellow-black .contact-form button,
.theme-yellow-black .contact-form .btn {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
    box-shadow: 0 5px 20px rgba(255, 140, 0, 0.5) !important;
}

.theme-yellow-black .contact-form button:hover,
.theme-yellow-black .contact-form .btn:hover {
    box-shadow: 0 10px 30px rgba(255, 140, 0, 0.7) !important;
}

/* Contact Social Icons - Yellow backgrounds */
.theme-yellow-black .contact-info .contact-item {
    background: rgba(26, 10, 0, 0.6) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
}

.theme-yellow-black .contact-info .contact-item:hover {
    background: rgba(26, 10, 0, 0.9) !important;
    border-color: #ffd700 !important;
    box-shadow: 0 15px 40px rgba(255, 140, 0, 0.4) !important;
}

/* Footer */
.theme-yellow-black .footer {
    background: linear-gradient(180deg, #2d1b00 0%, #1a1000 20%, #000 50%, #000 100%) !important;
}

.theme-yellow-black .footer::before {
    background: linear-gradient(90deg, transparent, #ffd700, #ff8c00, #ffa500, transparent) !important;
    box-shadow: 0 2px 15px rgba(255, 215, 0, 0.8) !important;
}

.theme-yellow-black .footer-content {
    border-bottom: 2px solid rgba(255, 215, 0, 0.3);
}

.theme-yellow-black .footer-section h3 {
    background: linear-gradient(45deg, #ffd700, #ff8c00, #ffa500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.5));
}

.theme-yellow-black .footer-section h4 {
    color: #ffd700;
}

.theme-yellow-black .footer-section h4::after {
    background: linear-gradient(90deg, #ffd700, #ff8c00);
}

.theme-yellow-black .footer-section a::before {
    color: #ffd700;
}

.theme-yellow-black .footer-section a:hover {
    color: #ffd700;
}

.theme-yellow-black .social-links a {
    background: rgba(255, 215, 0, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.4);
    color: #ffd700;
}

.theme-yellow-black .social-links a::before {
    background: linear-gradient(135deg, #ffd700, #ff8c00);
}

.theme-yellow-black .social-links a:hover {
    border-color: #ffa500;
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.6);
}

/* Particles */
.theme-yellow-black .particle {
    background: #ffd700;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.8);
}

.theme-yellow-black .particle:nth-child(2) {
    background: #ff8c00;
}

.theme-yellow-black .particle:nth-child(3) {
    background: #ffa500;
}

.theme-yellow-black .particle:nth-child(4) {
    background: #ffd700;
}

.theme-yellow-black .particle:nth-child(5) {
    background: #ff8c00;
}

/* Navigation/Header - ORANGE GLOW ALWAYS (even on scroll) */
.theme-yellow-black .navbar,
.theme-yellow-black .navbar.scrolled,
.theme-yellow-black nav,
.theme-yellow-black nav.scrolled {
    background: rgba(10, 10, 0, 0.95) !important;
    box-shadow: 0 2px 20px rgba(255, 140, 0, 0.5) !important;
}

.theme-yellow-black .nav-logo a {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    filter: drop-shadow(0 0 20px rgba(255, 140, 0, 0.7)) !important;
}

.theme-yellow-black .nav-link {
    color: #e0e0e0 !important;
}

.theme-yellow-black .nav-link:hover {
    color: #ffd700 !important;
}

.theme-yellow-black .nav-link::after {
    background: linear-gradient(90deg, #ffd700, #ff8c00) !important;
}

.theme-yellow-black .nav-link.active {
    color: #ffd700 !important;
}

/* Mobile Menu - Yellow Theme */
@media (max-width: 768px) {
    .theme-yellow-black .nav-menu {
        background: rgba(26, 10, 0, 0.98) !important;
        box-shadow: 0 10px 27px rgba(255, 140, 0, 0.3) !important;
    }

    .theme-yellow-black .nav-menu .nav-link {
        border-bottom: 1px solid rgba(255, 215, 0, 0.2) !important;
    }

    .theme-yellow-black .dropdown-content {
        background: rgba(255, 215, 0, 0.1) !important;
    }
}

/* Hamburger Menu Bars - Yellow Theme */
.theme-yellow-black .hamburger .bar {
    background: #ffd700 !important;
}

/* User Dropdown */
.theme-yellow-black .user-button:hover {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .dropdown-content {
    background: rgba(26, 10, 0, 0.95) !important;
    border: 2px solid #ffd700 !important;
    box-shadow: 0 10px 30px rgba(255, 140, 0, 0.5) !important;
}

.theme-yellow-black .dropdown-item:hover {
    background: rgba(255, 215, 0, 0.3) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .dropdown-item {
    border-bottom: 1px solid rgba(255, 215, 0, 0.2) !important;
}


/* Teams Page Specific - MATCH MAIN WEBSITE */
html.theme-yellow-black .teams-hero,
body.theme-yellow-black .teams-hero,
.theme-yellow-black .teams-hero {
    background: linear-gradient(180deg, #000 0%, #1a1000 50%, #2d1b00 100%) !important;
}

.theme-yellow-black .teams-hero h1 {
    background: linear-gradient(45deg, #ffd700, #ff8c00, #ffa500);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.theme-yellow-black .teams-subtitle {
    color: #ffd700 !important;
}

/* ULTRA AGGRESSIVE - KILL ALL PURPLE IN TEAMS SECTION */
html.theme-yellow-black .teams-section,
body.theme-yellow-black .teams-section,
.theme-yellow-black .teams-section,
.theme-yellow-black section.teams-section,
html.theme-yellow-black section.teams-section {
    background: linear-gradient(180deg, #2d1b00 0%, #1a1000 20%, #0a0015 100%) !important;
    background-image: linear-gradient(180deg, #2d1b00 0%, #1a1000 20%, #0a0015 100%) !important;
    background-color: #000 !important;
}

/* Team Cards - Remove ALL purple */
.theme-yellow-black .team-card {
    background: rgba(26, 10, 0, 0.8) !important;
    border: 2px solid rgba(255, 215, 0, 0.4);
}

.theme-yellow-black .team-card:hover {
    border-color: #ffd700;
    box-shadow: 0 20px 60px rgba(255, 140, 0, 0.4);
}

.theme-yellow-black .team-header {
    border-bottom: 2px solid rgba(255, 215, 0, 0.3);
}

.theme-yellow-black .team-logo {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    box-shadow: 0 0 40px rgba(255, 140, 0, 0.6) !important;
}

.theme-yellow-black .team-info h2 {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black .team-tag {
    color: #ffd700 !important;
}

/* Player Cards - Remove ALL purple */
.theme-yellow-black .player-card {
    background: rgba(0, 0, 0, 0.6);
    border: 2px solid rgba(255, 215, 0, 0.3);
}

.theme-yellow-black .player-card:hover {
    border-color: #ffd700;
    box-shadow: 0 15px 40px rgba(255, 140, 0, 0.3);
}

.theme-yellow-black .player-image {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    box-shadow: 0 0 30px rgba(255, 140, 0, 0.5) !important;
}

.theme-yellow-black .player-name {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black .player-role {
    background: rgba(255, 215, 0, 0.2);
    color: #ffd700;
    border: 1px solid rgba(255, 215, 0, 0.5);
}

.theme-yellow-black .player-country {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .player-agents {
    color: #ffd700 !important;
}

.theme-yellow-black .player-socials a {
    color: #ffd700;
}

.theme-yellow-black .player-socials a:hover {
    color: #ff8c00;
}

/* Override inline styles on teams page */
.theme-yellow-black .teams-hero p[style*="da70d6"] {
    color: #ffd700 !important;
}

/* Sub Players - Remove ALL purple */
.theme-yellow-black .subs-section {
    border-top: 2px solid rgba(255, 215, 0, 0.3);
}

.theme-yellow-black .subs-title {
    color: #ffd700;
}

.theme-yellow-black .sub-card {
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 215, 0, 0.3);
}

.theme-yellow-black .sub-card:hover {
    border-color: #ffd700;
    box-shadow: 0 15px 40px rgba(255, 140, 0, 0.4);
}

.theme-yellow-black .sub-image {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    box-shadow: 0 0 25px rgba(255, 140, 0, 0.5) !important;
}

.theme-yellow-black .sub-name {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black .sub-country {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
}


/* Application Page - Override ALL inline styles */
.theme-yellow-black .application-container {
    background: linear-gradient(135deg, #000 0%, #1a1000 50%, #2d1b00 100%) !important;
}

.theme-yellow-black .application-box,
.theme-yellow-black .application-card {
    background: rgba(26, 10, 0, 0.95) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
    box-shadow: 0 10px 50px rgba(255, 215, 0, 0.3) !important;
}

.theme-yellow-black .application-title {
    background: linear-gradient(45deg, #ffd700, #ff8c00, #ffa500) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black .application-form,
.theme-yellow-black .application-card {
    background: rgba(26, 10, 0, 0.8) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
}

.theme-yellow-black .application-form input,
.theme-yellow-black .application-form select,
.theme-yellow-black .application-form textarea,
.theme-yellow-black .application-card input,
.theme-yellow-black .application-card select,
.theme-yellow-black .application-card textarea {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
    color: #e0e0e0 !important;
}

.theme-yellow-black .application-form input:focus,
.theme-yellow-black .application-form select:focus,
.theme-yellow-black .application-form textarea:focus,
.theme-yellow-black .application-card input:focus,
.theme-yellow-black .application-card select:focus,
.theme-yellow-black .application-card textarea:focus {
    border-color: #ffd700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.4) !important;
}

.theme-yellow-black .application-form button[type="submit"],
.theme-yellow-black .application-card button[type="submit"],
.theme-yellow-black .application-form .btn,
.theme-yellow-black .application-card .btn {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
    box-shadow: 0 5px 25px rgba(255, 215, 0, 0.5) !important;
}

.theme-yellow-black .application-form button[type="submit"]:hover,
.theme-yellow-black .application-card button[type="submit"]:hover,
.theme-yellow-black .application-form .btn:hover,
.theme-yellow-black .application-card .btn:hover {
    box-shadow: 0 10px 35px rgba(255, 215, 0, 0.7) !important;
}

.theme-yellow-black .application-form label,
.theme-yellow-black .application-card label {
    color: #ffd700 !important;
}

.theme-yellow-black .alert-info,
.theme-yellow-black .message.info {
    background: rgba(255, 215, 0, 0.1) !important;
    border: 1px solid rgba(255, 215, 0, 0.4) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .alert-success {
    background: rgba(0, 255, 136, 0.2) !important;
    border: 1px solid #00ff88 !important;
    color: #00ff88 !important;
}

.theme-yellow-black .alert-danger,
.theme-yellow-black .alert-error {
    background: rgba(255, 68, 68, 0.2) !important;
    border: 1px solid #ff4444 !important;
    color: #ff4444 !important;
}

/* Register & Login Pages - Override ALL inline styles */
.theme-yellow-black .register-container,
.theme-yellow-black .login-container {
    background: linear-gradient(135deg, #000 0%, #1a1000 50%, #2d1b00 100%) !important;
}

.theme-yellow-black .register-box,
.theme-yellow-black .login-box {
    background: rgba(26, 10, 0, 0.95) !important;
    border: 2px solid #ffd700 !important;
    box-shadow: 0 10px 50px rgba(255, 215, 0, 0.5) !important;
}

.theme-yellow-black .register-title,
.theme-yellow-black .login-title {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.6) !important;
    background-clip: text !important;
}

.theme-yellow-black .form-group label {
    color: #ffd700 !important;
}

    box-shadow: 0 5px 25px rgba(255, 140, 0, 0.6) !important;
.theme-yellow-black .form-group select,
.theme-yellow-black .form-group textarea {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
    color: #e0e0e0 !important;
}
    box-shadow: 0 10px 35px rgba(255, 140, 0, 0.8) !important;
.theme-yellow-black .form-group input:focus,
.theme-yellow-black .form-group select:focus,
.theme-yellow-black .form-group textarea:focus {
    border-color: #ffd700 !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.4) !important;
}

.theme-yellow-black .register-btn,
.theme-yellow-black .login-btn,
.theme-yellow-black button[type="submit"] {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
    box-shadow: 0 5px 25px rgba(255, 215, 0, 0.5) !important;
}

.theme-yellow-black .register-btn:hover,
.theme-yellow-black .login-btn:hover,
.theme-yellow-black button[type="submit"]:hover {
    background: linear-gradient(45deg, #ff8c00, #ffa500) !important;
    box-shadow: 0 10px 35px rgba(255, 215, 0, 0.7) !important;
}

.theme-yellow-black .login-link a,
.theme-yellow-black .register-link a {
    color: #ffd700 !important;
}

.theme-yellow-black .login-link a:hover,
.theme-yellow-black .register-link a:hover {
    color: #ff8c00 !important;
}

.theme-yellow-black .message.info {
    background: rgba(255, 215, 0, 0.2) !important;
    border: 1px solid #ffd700 !important;
    color: #ffd700 !important;
}

/* Dashboard Pages - Override ALL inline styles */
.theme-yellow-black .dashboard-container {
    background: linear-gradient(135deg, #000 0%, #1a1000 50%, #2d1b00 100%) !important;
}

.theme-yellow-black .dashboard-title {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black .dashboard-card {
    background: rgba(26, 10, 0, 0.8) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
}

.theme-yellow-black .dashboard-card:hover {
    border-color: #ffd700 !important;
    box-shadow: 0 10px 40px rgba(255, 215, 0, 0.3) !important;
}

.theme-yellow-black .card-title {
    color: #ffd700 !important;
}

.theme-yellow-black .info-label {
    color: #888 !important;
}

.theme-yellow-black .team-badge {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
}

.theme-yellow-black .team-role {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .btn {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
}

.theme-yellow-black .btn:hover {
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.6) !important;
}

.theme-yellow-black .calendar-day-header {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .calendar-day {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 215, 0, 0.3) !important;
}

.theme-yellow-black .calendar-day:hover {
    border-color: #ffd700 !important;
    background: rgba(255, 215, 0, 0.1) !important;
}

.theme-yellow-black .calendar-day.has-event {
    border: 2px solid #ffd700 !important;
    background: rgba(255, 215, 0, 0.2) !important;
}

.theme-yellow-black .calendar-event {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
}

.theme-yellow-black .calendar-title {
    color: #ffd700 !important;
}

/* Coach Dashboard - Override ALL inline styles */
.theme-yellow-black h1 {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black h2 {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black .card {
    background: rgba(26, 10, 0, 0.8) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
}

.theme-yellow-black .dashboard-header {
    background: rgba(26, 10, 0, 0.8) !important;
    border: 2px solid #ffd700 !important;
    box-shadow: 0 5px 30px rgba(255, 215, 0, 0.3) !important;
}

.theme-yellow-black label {
    color: #ffd700 !important;
}

.theme-yellow-black input,
.theme-yellow-black select,
.theme-yellow-black textarea {
    background: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 215, 0, 0.4) !important;
    color: #e0e0e0 !important;
}

.theme-yellow-black input:focus,
.theme-yellow-black select:focus,
.theme-yellow-black textarea:focus {
    border-color: #ffd700 !important;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.4) !important;
}

.theme-yellow-black button {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
}

.theme-yellow-black button:hover {
    box-shadow: 0 10px 30px rgba(255, 215, 0, 0.6) !important;
}

.theme-yellow-black .role-badge {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .role-main {
    background: rgba(255, 215, 0, 0.3) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .role-sub {
    background: rgba(255, 140, 0, 0.3) !important;
    color: #ff8c00 !important;
}

.theme-yellow-black .role-coach {
    background: rgba(255, 165, 0, 0.3) !important;
    color: #ffa500 !important;
}

.theme-yellow-black .alert-success {
    background: rgba(0, 255, 136, 0.2) !important;
    border: 1px solid #00ff88 !important;
    color: #00ff88 !important;
}

.theme-yellow-black .alert-error {
    background: rgba(255, 68, 68, 0.2) !important;
    border: 1px solid #ff4444 !important;
    color: #ff4444 !important;
}

/* Admin Panel - Override ALL inline styles */

/* NUCLEAR OPTION - MAKE ALL TEXT WHITE */
.theme-yellow-black *:not(th):not(.tab-btn) {
    color: #ffffff !important;
}

/* REMOVE ALL PURPLE - REPLACE WITH YELLOW/ORANGE */
.theme-yellow-black .section {
    background: rgba(26, 10, 0, 0.8) !important;
    border: 2px solid #ffd700 !important;
    box-shadow: 0 5px 30px rgba(255, 140, 0, 0.3) !important;
}

.theme-yellow-black .tab-btn:hover,
.theme-yellow-black .tab-btn.active {
    background: rgba(255, 215, 0, 0.3) !important;
    border-color: #ffd700 !important;
}

.theme-yellow-black h1,
.theme-yellow-black h2 {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.theme-yellow-black input,
.theme-yellow-black select,
.theme-yellow-black textarea {
    background: #1a1000 !important;
    border: 1px solid #ffd700 !important;
}

.theme-yellow-black button[type="submit"],
.theme-yellow-black button:not(.tab-btn) {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
}

.theme-yellow-black .data-table thead {
    background: rgba(255, 215, 0, 0.2) !important;
}

.theme-yellow-black .data-table th {
    border-bottom: 2px solid rgba(255, 215, 0, 0.5) !important;
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    color: #000 !important;
}

.theme-yellow-black .data-table td {
    border-bottom: 1px solid rgba(255, 215, 0, 0.3) !important;
}

.theme-yellow-black .data-table tbody tr:hover {
    background: rgba(255, 215, 0, 0.1) !important;
}

/* Override ALL inline purple colors */
.theme-yellow-black [style*="8a2be2"],
.theme-yellow-black [style*="rgba(138, 43, 226"] {
    color: #ffd700 !important;
    border-color: #ffd700 !important;
}

.theme-yellow-black [style*="background: linear-gradient(45deg, #4169e1, #8a2be2)"] {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
}

.theme-yellow-black .role-badge {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
}

.theme-yellow-black .accordion-toggle,
.theme-yellow-black .fas {
    color: #ffd700 !important;
}

.theme-yellow-black body {
    background: linear-gradient(135deg, #000 0%, #1a1000 50%, #2d1b00 100%) !important;
    color: #ffffff !important;
}

.theme-yellow-black .admin-container {
    background: linear-gradient(135deg, #000 0%, #1a1000 50%, #2d1b00 100%) !important;
}

.theme-yellow-black .admin-header {
    background: rgba(26, 10, 0, 0.95) !important;
    border-bottom: 3px solid #ffd700 !important;
    box-shadow: 0 5px 30px rgba(255, 215, 0, 0.3) !important;
}

.theme-yellow-black .tab-btn {
    background: rgba(255, 215, 0, 0.1) !important;
    border: 2px solid rgba(255, 215, 0, 0.3) !important;
    color: #ffd700 !important;
}

.theme-yellow-black .tab-btn.active {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
    border-color: #ffd700 !important;
}

.theme-yellow-black .tab-btn:hover {
    background: rgba(255, 215, 0, 0.2) !important;
    border-color: #ffd700 !important;
}

.theme-yellow-black .section {
    background: rgba(26, 10, 0, 0.6) !important;
    border: 2px solid rgba(255, 215, 0, 0.4) !important;
    border-radius: 15px !important;
    color: #e0e0e0 !important;
}

.theme-yellow-black .data-table {
    background: rgba(0, 0, 0, 0.3) !important;
    border: 2px solid rgba(255, 215, 0, 0.3) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.theme-yellow-black .data-table th {
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 1rem !important;
    text-align: left !important;
}

.theme-yellow-black .data-table td {
    border-bottom: 1px solid rgba(255, 215, 0, 0.2) !important;
    color: #e0e0e0 !important;
    padding: 0.8rem 1rem !important;
}

.theme-yellow-black .data-table tr:hover {
    background: rgba(255, 215, 0, 0.1) !important;
}

.theme-yellow-black .data-table tr {
    color: #e0e0e0 !important;
}

.theme-yellow-black .data-table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Make sure ALL text in admin panel is visible */
.theme-yellow-black .container,
.theme-yellow-black .container * {
    color: #e0e0e0 !important;
}

.theme-yellow-black .section h1,
.theme-yellow-black .section h2,
.theme-yellow-black .section h3,
.theme-yellow-black .section h4 {
    color: #ffd700 !important;
}

.theme-yellow-black .section p,
.theme-yellow-black .section label,
.theme-yellow-black .section span,
.theme-yellow-black .section div {
    color: #e0e0e0 !important;
}

.theme-yellow-black table,
.theme-yellow-black table td,
.theme-yellow-black table tr,
.theme-yellow-black table span,
.theme-yellow-black table p,
.theme-yellow-black table div {
    color: #e0e0e0 !important;
}

.theme-yellow-black table th,
.theme-yellow-black table th * {
    color: #000 !important;
}

/* Fix forms in admin panel */
.theme-yellow-black .form-grid,
.theme-yellow-black .form-group {
    color: #e0e0e0 !important;
}

.theme-yellow-black .form-grid label,
.theme-yellow-black .form-group label {
    color: #ffd700 !important;
}

/* Smooth borders - NO HARD CUTOFFS */
.theme-yellow-black .section,
.theme-yellow-black .data-table,
.theme-yellow-black .card,
.theme-yellow-black .dashboard-card,
.theme-yellow-black .application-card,
.theme-yellow-black .team-card {
    border-radius: 15px !important;
    box-shadow: 0 5px 30px rgba(255, 215, 0, 0.2) !important;
}

/* Remove hard cutoffs with gradients */
.theme-yellow-black .section::before,
.theme-yellow-black .card::before,
.theme-yellow-black .dashboard-card::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.3), rgba(255, 140, 0, 0.2), transparent);
    border-radius: 15px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.theme-yellow-black .section:hover::before,
.theme-yellow-black .card:hover::before,
.theme-yellow-black .dashboard-card:hover::before {
    opacity: 1;
}

/* Status badges visibility */
.theme-yellow-black .badge,
.theme-yellow-black .role-badge,
.theme-yellow-black .status-badge {
    background: rgba(255, 215, 0, 0.2) !important;
    color: #ffd700 !important;
    border: 1px solid rgba(255, 215, 0, 0.5) !important;
}

/* Button visibility */
.theme-yellow-black .btn-delete,
.theme-yellow-black .btn-edit,
.theme-yellow-black .btn-action {
    color: #fff !important;
}

/* Modal text visibility */
.theme-yellow-black .modal-content,
.theme-yellow-black .modal-content * {
    color: #e0e0e0 !important;
}

.theme-yellow-black .modal-content h2,
.theme-yellow-black .modal-content h3 {
    color: #ffd700 !important;
}

/* Application Page - Override ALL inline styles */
.theme-yellow-black .application-container {
    background: linear-gradient(135deg, #000 0%, #1a1000 50%, #2d1b00 100%) !important;
}

.theme-yellow-black .application-box {
    background: rgba(26, 10, 0, 0.95) !important;
    border: 2px solid #ffd700 !important;
    box-shadow: 0 10px 50px rgba(255, 215, 0, 0.5) !important;
}

/* Modal Overrides */
.theme-yellow-black .modal {
    background: rgba(0, 0, 0, 0.9) !important;
}

.theme-yellow-black .modal-content {
    background: rgba(26, 10, 0, 0.95) !important;
    border: 2px solid #ffd700 !important;
}

/* Override ANY remaining purple colors with !important */
.theme-yellow-black *[style*="#8a2be2"] {
    color: #ffd700 !important;
    border-color: #ffd700 !important;
}

.theme-yellow-black *[style*="#4169e1"] {
    color: #ffd700 !important;
    background: linear-gradient(45deg, #ffd700, #ff8c00) !important;
}

.theme-yellow-black *[style*="#1a0033"] {
    background: #1a1000 !important;
}

.theme-yellow-black *[style*="#2d1b69"] {
    background: #2d1b00 !important;
}

.theme-yellow-black *[style*="rgba(138, 43, 226"] {
    background: rgba(255, 215, 0, 0.2) !important;
    border-color: rgba(255, 215, 0, 0.4) !important;
}