/* ============================================
   LIGHT THEME - BGNow.TV
   ============================================ */

/* ============================================
   THEME TOGGLE
   ============================================ */
.theme-toggle {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #1f2a36;
    padding: 4px 8px;
    border-radius: 30px;
    border: 1px solid #2e3b4a;
}

.theme-toggle a {
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #8b9bb0;
    text-decoration: none;
    transition: 0.2s;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.theme-toggle a:hover {
    color: #fff;
    background: #2a3848;
}

.theme-toggle a.active {
    color: #f6b83e;
    background: #2a3848;
}

.theme-toggle .theme-icon { font-size: 0.9rem; }

/* ============================================
   RESET & BASE - LIGHT
   ============================================ */
body.light-theme {
    background: #f5f7fa;
    color: #1a2330;
}

body.light-theme a { color: inherit; }

body.light-theme .container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ============================================
   HEADER & NAV - LIGHT
   ============================================ */
body.light-theme .header {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body.light-theme .logo img {
    filter: brightness(0.9);
}

body.light-theme .header-search {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}

body.light-theme .header-search input {
    color: #1a2330;
}

body.light-theme .header-search input::placeholder {
    color: #94a3b8;
}

body.light-theme .header-search button {
    color: #64748b;
}

body.light-theme .header-actions a {
    color: #475569;
}

body.light-theme .header-actions a:hover {
    color: #f6b83e;
}

body.light-theme .header-actions .fav-count {
    background: #f6b83e;
    color: #ffffff;
}

/* ============================================
   LANGUAGE SELECTOR - LIGHT
   ============================================ */
body.light-theme .language-selector {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}

body.light-theme .language-selector a {
    color: #64748b;
}

body.light-theme .language-selector a:hover {
    color: #1a2330;
    background: #e2e8f0;
}

body.light-theme .language-selector a.active {
    color: #f6b83e;
    background: #e2e8f0;
}

/* ============================================
   THEME TOGGLE - LIGHT
   ============================================ */
body.light-theme .theme-toggle {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
}

body.light-theme .theme-toggle a {
    color: #64748b;
}

body.light-theme .theme-toggle a:hover {
    color: #1a2330;
    background: #e2e8f0;
}

body.light-theme .theme-toggle a.active {
    color: #f6b83e;
    background: #e2e8f0;
}

/* ============================================
   CATEGORY TOGGLE - LIGHT
   ============================================ */
body.light-theme .category-toggle {
    border: 1px solid #e2e8f0;
    color: #475569;
}

body.light-theme .category-toggle:hover {
    background: #f1f5f9;
    color: #1a2330;
}

body.light-theme .category-toggle .badge {
    background: #f6b83e;
    color: #ffffff;
}

/* ============================================
   CATEGORY BAR - LIGHT
   ============================================ */
body.light-theme .category-bar {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme .category-item {
    color: #475569;
}

body.light-theme .category-item:hover,
body.light-theme .category-item.active {
    color: #1a2330;
    border-bottom-color: #f6b83e;
}

/* ============================================
   CATEGORY DROPDOWN - LIGHT
   ============================================ */
body.light-theme .category-dropdown {
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme .category-dropdown .category-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.light-theme .category-dropdown .category-item:hover,
body.light-theme .category-dropdown .category-item.active {
    background: #f1f5f9;
    border-color: #f6b83e;
}

/* ============================================
   CHANNEL CARDS - LIGHT
   ============================================ */
body.light-theme .channel-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body.light-theme .channel-card:hover {
    border-color: #f6b83e;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

body.light-theme .channel-logo {
    background: linear-gradient(145deg, #e2e8f0, #f1f5f9);
    border: 2px solid #cbd5e1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body.light-theme .channel-card:hover .channel-logo {
    border-color: #f6b83e;
    box-shadow: 0 4px 16px rgba(246, 184, 62, 0.2);
}

body.light-theme .channel-logo img {
    background: #ffffff;
}

body.light-theme .channel-logo .logo-text {
    color: #f6b83e;
}

body.light-theme .channel-card h4 {
    color: #1a2330;
}

body.light-theme .channel-card .category-tag {
    background: #e2e8f0;
    color: #475569;
}

body.light-theme .channel-card .live-badge {
    color: #22c55e;
}

body.light-theme .channel-card .view-count {
    color: #94a3b8;
}

/* ============================================
   FAVORITE BUTTON - LIGHT
   ============================================ */
body.light-theme .channel-card .favorite-btn {
    background: rgba(255, 255, 255, 0.9);
    color: #94a3b8;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

body.light-theme .channel-card .favorite-btn:hover {
    background: rgba(246, 184, 62, 0.15);
}

body.light-theme .channel-card .favorite-btn.is-favorite {
    color: #f6b83e;
}

/* ============================================
   FEATURED BADGE - LIGHT
   ============================================ */
body.light-theme .channel-card .featured-badge {
    background: rgba(246, 184, 62, 0.15);
    color: #d97706;
    border: 1px solid rgba(246, 184, 62, 0.3);
}

body.light-theme .channel-card .featured-badge i {
    color: #d97706;
}

/* ============================================
   TOAST - LIGHT
   ============================================ */
body.light-theme .toast {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #1a2330;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

body.light-theme .toast i {
    color: #f6b83e;
}

body.light-theme .toast.success { border-left-color: #22c55e; }
body.light-theme .toast.error { border-left-color: #ef4444; }
body.light-theme .toast.warning { border-left-color: #f59e0b; }
body.light-theme .toast.success i { color: #22c55e; }
body.light-theme .toast.error i { color: #ef4444; }
body.light-theme .toast.warning i { color: #f59e0b; }

/* ============================================
   NO RESULTS - LIGHT
   ============================================ */
body.light-theme .no-results {
    color: #94a3b8;
}

body.light-theme .no-results i {
    color: #cbd5e1;
}

/* ============================================
   PAGINATION - LIGHT
   ============================================ */
body.light-theme .pagination a {
    border: 1px solid #e2e8f0;
    color: #475569;
    background: #ffffff;
}

body.light-theme .pagination a:hover {
    background: #f1f5f9;
    color: #1a2330;
    border-color: #f6b83e;
}

body.light-theme .pagination a.active {
    background: #f6b83e;
    color: #ffffff;
    border-color: #f6b83e;
}

body.light-theme .pagination .info {
    color: #94a3b8;
}

/* ============================================
   LAST ADDED SECTION - LIGHT
   ============================================ */
body.light-theme .last-added-section {
    border-top: 1px solid #e2e8f0;
}

body.light-theme .last-added-section .section-title h3 {
    color: #d97706;
}

body.light-theme .last-added-grid .channel-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body.light-theme .last-added-grid .channel-card:hover {
    border-color: #f6b83e;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

body.light-theme .last-added-grid .channel-logo {
    background: linear-gradient(145deg, #e2e8f0, #f1f5f9);
    border: 2px solid #cbd5e1;
}

body.light-theme .last-added-grid .channel-card:hover .channel-logo {
    border-color: #f6b83e;
}

body.light-theme .last-added-grid .channel-logo img {
    background: #ffffff;
}

body.light-theme .last-added-grid .channel-logo .logo-text {
    color: #f6b83e;
}

body.light-theme .last-added-grid .channel-card h4 {
    color: #1a2330;
}

body.light-theme .last-added-grid .channel-card .category-tag {
    background: #e2e8f0;
    color: #475569;
}

body.light-theme .last-added-grid .channel-card .live-badge {
    color: #22c55e;
}

body.light-theme .last-added-grid .channel-card .view-count {
    color: #94a3b8;
}

body.light-theme .last-added-grid .channel-card .favorite-btn {
    background: rgba(255, 255, 255, 0.9);
    color: #94a3b8;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

body.light-theme .last-added-grid .channel-card .favorite-btn:hover {
    background: rgba(246, 184, 62, 0.15);
}

body.light-theme .last-added-grid .channel-card .favorite-btn.is-favorite {
    color: #f6b83e;
}

body.light-theme .last-added-grid .channel-card .new-badge {
    background: rgba(34, 197, 94, 0.15);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

body.light-theme .last-added-grid .channel-card .new-badge i {
    color: #16a34a;
}

body.light-theme .view-all-link {
    color: #d97706;
    border-bottom-color: #d97706;
}

body.light-theme .view-all-link:hover {
    color: #1a2330;
    border-bottom-color: #1a2330;
}

/* ============================================
   USER MENU - LIGHT
   ============================================ */
body.light-theme .user-menu .user-info {
    color: #475569;
}

body.light-theme .role-badge.admin { background: #ef4444; color: #fff; }
body.light-theme .role-badge.vip { background: #f6b83e; color: #fff; }
body.light-theme .role-badge.user { background: #3b82f6; color: #fff; }
body.light-theme .role-badge.guest { background: #94a3b8; color: #fff; }

/* ============================================
   FOOTER - LIGHT
   ============================================ */
body.light-theme .footer {
    background: #ffffff;
    border-top: 1px solid #e2e8f0;
}

body.light-theme .footer-hero {
    background: linear-gradient(145deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme .footer-hero h2 {
    background: linear-gradient(135deg, #d97706, #ea580c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.light-theme .footer-hero h2 i {
    -webkit-text-fill-color: initial;
    color: #f6b83e;
}

body.light-theme .footer-hero p {
    color: #64748b;
}

body.light-theme .footer-hero .footer-stats {
    color: #64748b;
}

body.light-theme .footer-hero .footer-stats span i {
    color: #f6b83e;
}

body.light-theme .footer-links a {
    color: #64748b;
}

body.light-theme .footer-links a:hover {
    color: #f6b83e;
}

body.light-theme .footer-copy {
    color: #94a3b8;
}

/* ============================================
   PLAYER SECTION - LIGHT
   ============================================ */
body.light-theme .player-section {
    background: #f1f5f9;
}

body.light-theme .player-wrapper {
    background: #000;
    border: 1px solid #e2e8f0;
}

body.light-theme .player-overlay {
    background: #f1f5f9;
    color: #64748b;
}

body.light-theme .player-overlay i {
    color: #f6b83e;
}

body.light-theme .player-overlay .channel-name {
    color: #1a2330;
}

body.light-theme .player-overlay .status {
    color: #94a3b8;
}

/* ============================================
   ACCESS DENIED OVERLAY - LIGHT
   ============================================ */
body.light-theme .access-denied-overlay {
    background: #f1f5f9;
}

body.light-theme .access-denied-overlay i {
    color: #ef4444;
}

body.light-theme .access-denied-overlay h2 {
    color: #1a2330;
}

body.light-theme .access-denied-overlay p {
    color: #64748b;
}

body.light-theme .access-denied-overlay .btn {
    background: #f6b83e;
    color: #ffffff;
}

body.light-theme .access-denied-overlay .btn-secondary {
    background: transparent;
    color: #1a2330;
    border: 1px solid #e2e8f0;
}

body.light-theme .access-denied-overlay .btn-secondary:hover {
    background: #f1f5f9;
}

/* ============================================
   EPG SIDEBAR - LIGHT
   ============================================ */
body.light-theme .epg-sidebar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.light-theme .epg-sidebar .epg-header {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme .epg-sidebar .epg-header h3 {
    color: #d97706;
}

body.light-theme .epg-sidebar .epg-header .epg-time {
    color: #94a3b8;
}

body.light-theme .epg-sidebar .epg-body::-webkit-scrollbar-track {
    background: #f1f5f9;
}

body.light-theme .epg-sidebar .epg-body::-webkit-scrollbar-thumb {
    background: #f6b83e;
}

body.light-theme .epg-program:hover {
    background: #f8fafc;
}

body.light-theme .epg-program.current {
    border-left-color: #f6b83e;
    background: #f0fdf4;
}

body.light-theme .epg-program.current .epg-title {
    color: #d97706;
}

body.light-theme .epg-program .epg-time {
    color: #94a3b8;
}

body.light-theme .epg-program .epg-title {
    color: #1a2330;
}

body.light-theme .epg-program .epg-category {
    color: #64748b;
    background: #e2e8f0;
}

body.light-theme .epg-program .epg-progress {
    background: #e2e8f0;
}

body.light-theme .epg-program .epg-progress .epg-progress-bar {
    background: #f6b83e;
}

body.light-theme .no-epg {
    color: #94a3b8;
}

body.light-theme .no-epg i {
    color: #cbd5e1;
}

body.light-theme .epg-view-all {
    color: #d97706;
    border-top: 1px solid #e2e8f0;
}

body.light-theme .epg-view-all:hover {
    background: #f8fafc;
}

/* ============================================
   STREAM SELECTOR - LIGHT
   ============================================ */
body.light-theme .stream-selector .stream-label {
    color: #64748b;
}

body.light-theme .stream-btn {
    border: 1px solid #e2e8f0;
    background: #f1f5f9;
    color: #64748b;
}

body.light-theme .stream-btn:hover {
    background: #e2e8f0;
    color: #1a2330;
    border-color: #f6b83e;
}

body.light-theme .stream-btn.active {
    background: #f6b83e;
    color: #ffffff;
    border-color: #f6b83e;
}

body.light-theme .stream-btn .quality-badge {
    background: rgba(0, 0, 0, 0.08);
}

body.light-theme .stream-btn.active .quality-badge {
    background: rgba(0, 0, 0, 0.12);
}

/* ============================================
   CHANNEL INFO - LIGHT
   ============================================ */
body.light-theme .channel-header h1 {
    color: #1a2330;
}

body.light-theme .channel-header h1 small {
    color: #64748b;
}

body.light-theme .channel-meta {
    color: #64748b;
}

body.light-theme .channel-meta i {
    color: #f6b83e;
}

body.light-theme .channel-description {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.light-theme .channel-description h3 {
    color: #d97706;
}

body.light-theme .channel-description p {
    color: #475569;
}

body.light-theme .channel-description .empty-desc {
    color: #94a3b8;
}

body.light-theme .tv-guide-btn {
    background: #f6b83e;
    color: #ffffff;
}

body.light-theme .success-message {
    background: #f0fdf4;
    border: 1px solid #22c55e;
    color: #16a34a;
}

body.light-theme .success-message i {
    color: #22c55e;
}

body.light-theme .admin-pending-badge {
    background: #f6b83e;
    color: #ffffff;
}

/* ============================================
   COMMENTS - LIGHT
   ============================================ */
body.light-theme .comments-section h2 {
    color: #1a2330;
}

body.light-theme .comments-section h2 i {
    color: #f6b83e;
}

body.light-theme .comments-section h2 .comment-count {
    color: #64748b;
}

body.light-theme .comment-form {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.light-theme .comment-form .form-group label {
    color: #475569;
}

body.light-theme .comment-form .form-group input,
body.light-theme .comment-form .form-group textarea {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #1a2330;
}

body.light-theme .comment-form .form-group input:focus,
body.light-theme .comment-form .form-group textarea:focus {
    border-color: #f6b83e;
}

body.light-theme .comment-form .btn-submit {
    background: linear-gradient(135deg, #f6b83e, #f05a28);
    color: #ffffff;
}

body.light-theme .comment-form .pending-notice {
    color: #d97706;
}

body.light-theme .comment {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.light-theme .comment.pending {
    border-left-color: #f6b83e;
}

body.light-theme .comment .pending-badge {
    background: #f6b83e;
    color: #ffffff;
}

body.light-theme .comment .comment-user .avatar {
    background: #e2e8f0;
    color: #f6b83e;
}

body.light-theme .comment .comment-user .name {
    color: #1a2330;
}

body.light-theme .comment .comment-user .date {
    color: #94a3b8;
}

body.light-theme .comment .comment-text {
    color: #475569;
}

body.light-theme .comment .comment-actions button {
    color: #94a3b8;
}

body.light-theme .comment .comment-actions button:hover {
    color: #f6b83e;
}

body.light-theme .comment .replies {
    border-left: 2px solid #e2e8f0;
}

body.light-theme .comment .replies .reply {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.light-theme .comment .replies .reply.pending-reply {
    border-left-color: #f6b83e;
}

body.light-theme .comment .replies .reply .reply-user .avatar {
    background: #e2e8f0;
    color: #f6b83e;
}

body.light-theme .comment .replies .reply .reply-user .name {
    color: #1a2330;
}

body.light-theme .comment .replies .reply .reply-user .date {
    color: #94a3b8;
}

body.light-theme .comment .replies .reply .reply-text {
    color: #475569;
}

body.light-theme .reply-form .form-group textarea {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #1a2330;
}

body.light-theme .reply-form .form-group textarea:focus {
    border-color: #f6b83e;
}

body.light-theme .reply-form .form-group button {
    background: #f6b83e;
    color: #ffffff;
}

body.light-theme .reply-form .form-group button:hover {
    background: #eab308;
}

body.light-theme .no-comments {
    color: #94a3b8;
}

body.light-theme .no-comments i {
    color: #cbd5e1;
}

/* ============================================
   BACK BUTTON - LIGHT
   ============================================ */
body.light-theme .back-btn {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

body.light-theme .back-btn:hover {
    background: #e2e8f0;
    color: #1a2330;
}

/* ============================================
   MODAL - LIGHT
   ============================================ */
body.light-theme .modal-overlay {
    background: rgba(0, 0, 0, 0.5);
}

body.light-theme .modal-container,
body.light-theme .modal-overlay .modal-content {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

body.light-theme .modal-header {
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme .modal-header h2 {
    color: #d97706;
}

body.light-theme .modal-close,
body.light-theme .modal-header .modal-close-btn {
    color: #94a3b8;
}

body.light-theme .modal-close:hover,
body.light-theme .modal-header .modal-close-btn:hover {
    color: #ef4444;
}

body.light-theme .modal-footer {
    border-top: 1px solid #e2e8f0;
}

body.light-theme .modal-footer .footer-links {
    color: #64748b;
}

body.light-theme .modal-footer .footer-links a {
    color: #d97706;
}

body.light-theme .modal-footer .footer-links a:hover {
    background: rgba(246, 184, 62, 0.1);
}

body.light-theme .modal-footer .footer-divider {
    background: linear-gradient(to right, transparent, #e2e8f0, transparent);
}

body.light-theme .modal-footer .footer-bottom-link a {
    color: #94a3b8;
}

body.light-theme .modal-footer .footer-bottom-link a:hover {
    color: #d97706;
    background: rgba(246, 184, 62, 0.08);
}

body.light-theme .modal-body .form-group label {
    color: #475569;
}

body.light-theme .modal-body .form-group input,
body.light-theme .modal-body .form-group textarea,
body.light-theme .modal-body .form-group select {
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    color: #1a2330;
}

body.light-theme .modal-body .form-group input:focus,
body.light-theme .modal-body .form-group textarea:focus,
body.light-theme .modal-body .form-group select:focus {
    border-color: #f6b83e;
    background: #ffffff;
}

body.light-theme .modal-body .form-group input::placeholder,
body.light-theme .modal-body .form-group textarea::placeholder {
    color: #94a3b8;
}

body.light-theme .modal-body .form-group select option {
    background: #ffffff;
    color: #1a2330;
}

body.light-theme .modal-body .form-check label {
    color: #475569;
}

body.light-theme .modal-body .btn-secondary {
    border: 2px solid #e2e8f0;
    color: #475569;
}

body.light-theme .modal-body .btn-secondary:hover {
    background: #f1f5f9;
    color: #1a2330;
    border-color: #f6b83e;
}

body.light-theme .modal-body .btn-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #ffffff;
}

body.light-theme .modal-body .info-text {
    color: #64748b;
}

body.light-theme .modal-body .info-text i {
    color: #f6b83e;
}

body.light-theme .modal-body .form-message.error {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    border: 1px solid rgba(239, 68, 68, 0.2);
}

body.light-theme .modal-body .form-message.success {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
    border: 1px solid rgba(34, 197, 94, 0.2);
}

body.light-theme .modal-body .divider {
    background: linear-gradient(to right, transparent, #e2e8f0, transparent);
}

body.light-theme .modal-body .divider-text {
    color: #94a3b8;
}

body.light-theme .modal-body .divider-text::before,
body.light-theme .modal-body .divider-text::after {
    background: #e2e8f0;
}

body.light-theme .modal-body .modal-icon i {
    color: #f6b83e;
}

body.light-theme .modal-body .modal-icon.success i { color: #22c55e; }
body.light-theme .modal-body .modal-icon.error i { color: #ef4444; }
body.light-theme .modal-body .modal-icon.warning i { color: #f59e0b; }

body.light-theme .modal-body .modal-icon h3 {
    color: #1a2330;
}

body.light-theme .modal-body .modal-icon p {
    color: #64748b;
}

body.light-theme .modal-tabs {
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

body.light-theme .modal-tabs .modal-tab {
    color: #64748b;
}

body.light-theme .modal-tabs .modal-tab:hover {
    color: #1a2330;
}

body.light-theme .modal-tabs .modal-tab.active {
    color: #d97706;
    border-bottom-color: #f6b83e;
}

body.light-theme .modal-body .form-group input.error,
body.light-theme .modal-body .form-group textarea.error,
body.light-theme .modal-body .form-group select.error {
    border-color: #ef4444;
    background: rgba(239, 68, 68, 0.05);
}

body.light-theme .modal-body .form-group input.success,
body.light-theme .modal-body .form-group textarea.success,
body.light-theme .modal-body .form-group select.success {
    border-color: #22c55e;
    background: rgba(34, 197, 94, 0.05);
}

body.light-theme .modal-body .form-group .form-hint {
    color: #94a3b8;
}

body.light-theme .modal-body .form-group .form-error {
    color: #dc2626;
}

body.light-theme .modal-body .social-btn {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #1a2330;
}

body.light-theme .modal-body .social-btn:hover {
    background: #f1f5f9;
    border-color: #f6b83e;
}

body.light-theme .password-requirements {
    color: #94a3b8;
}

body.light-theme .password-requirements li.valid i { color: #22c55e; }
body.light-theme .password-requirements li.invalid i { color: #ef4444; }

/* ============================================
   USER DROPDOWN - LIGHT
   ============================================ */
body.light-theme .user-dropdown .dropdown-toggle {
    color: #475569;
}

body.light-theme .user-dropdown .dropdown-toggle:hover {
    background: #f1f5f9;
    color: #1a2330;
}

body.light-theme .user-dropdown .dropdown-toggle .avatar {
    background: linear-gradient(135deg, #f6b83e, #f05a28);
    color: #ffffff;
}

body.light-theme .user-dropdown .dropdown-toggle .chevron {
    color: #94a3b8;
}

body.light-theme .user-dropdown .dropdown-menu {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

body.light-theme .user-dropdown .dropdown-menu .dropdown-item {
    color: #475569;
}

body.light-theme .user-dropdown .dropdown-menu .dropdown-item:hover {
    background: #f1f5f9;
    color: #1a2330;
}

body.light-theme .user-dropdown .dropdown-menu .dropdown-item i {
    color: #94a3b8;
}

body.light-theme .user-dropdown .dropdown-menu .dropdown-item.danger {
    color: #ef4444;
}

body.light-theme .user-dropdown .dropdown-menu .dropdown-item.danger i {
    color: #ef4444;
}

body.light-theme .user-dropdown .dropdown-menu .dropdown-item.danger:hover {
    background: #fef2f2;
}

body.light-theme .user-dropdown .dropdown-menu .dropdown-divider {
    background: #e2e8f0;
}

body.light-theme .user-dropdown .dropdown-menu .user-info-header {
    border-bottom: 1px solid #e2e8f0;
}

body.light-theme .user-dropdown .dropdown-menu .user-info-header .name {
    color: #1a2330;
}

body.light-theme .user-dropdown .dropdown-menu .user-info-header .email {
    color: #94a3b8;
}

/* ============================================
   VIP STATUS - LIGHT
   ============================================ */
body.light-theme .vip-status-bar {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
}

body.light-theme .vip-status-bar .vip-info .vip-icon {
    color: #f6b83e;
}

body.light-theme .vip-status-bar .vip-info .vip-text .vip-label {
    color: #64748b;
}

body.light-theme .vip-status-bar .vip-info .vip-text .vip-status.active {
    color: #d97706;
}

body.light-theme .vip-status-bar .vip-info .vip-text .vip-status.inactive {
    color: #94a3b8;
}

body.light-theme .vip-status-bar .vip-points .points-display .points-number {
    color: #16a34a;
}

body.light-theme .vip-status-bar .vip-points .points-display .points-label {
    color: #94a3b8;
}

body.light-theme .vip-status-bar .vip-points .vip-btn {
    background: linear-gradient(135deg, #f6b83e, #f05a28);
    color: #ffffff;
}

/* ============================================
   VIP PACKAGES POPUP - LIGHT
   ============================================ */
body.light-theme .vip-packages-popup {
    background: rgba(0, 0, 0, 0.5);
}

body.light-theme .vip-packages-popup .popup-content {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

body.light-theme .vip-packages-popup .popup-header h2 {
    color: #d97706;
}

body.light-theme .vip-packages-popup .popup-close {
    color: #94a3b8;
}

body.light-theme .vip-packages-popup .popup-close:hover {
    color: #ef4444;
}

body.light-theme .vip-packages-popup .package-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

body.light-theme .vip-packages-popup .package-item:hover {
    border-color: #f6b83e;
}

body.light-theme .vip-packages-popup .package-item .pkg-icon {
    color: #f6b83e;
}

body.light-theme .vip-packages-popup .package-item .pkg-name {
    color: #1a2330;
}

body.light-theme .vip-packages-popup .package-item .pkg-duration {
    color: #64748b;
}

body.light-theme .vip-packages-popup .package-item .pkg-points {
    color: #16a34a;
}

body.light-theme .vip-packages-popup .package-item .pkg-btn {
    background: linear-gradient(135deg, #f6b83e, #f05a28);
    color: #ffffff;
}

body.light-theme .vip-packages-popup .package-item .pkg-features {
    color: #94a3b8;
}

/* ============================================
   SECTION TITLE - LIGHT
   ============================================ */
body.light-theme .section-title h2 {
    color: #1a2330;
}

body.light-theme .section-title h2 i {
    color: #f6b83e;
}

body.light-theme .filter-links a {
    color: #64748b;
    border-bottom-color: #cbd5e1;
}

body.light-theme .filter-links a.active {
    color: #d97706;
    border-bottom-color: #d97706;
}

body.light-theme .filter-links a:hover {
    color: #d97706;
}

/* ============================================
   PLAYER EPG CONTAINER - LIGHT
   ============================================ */
body.light-theme .player-epg-container .epg-col {
    color: #1a2330;
}

/* ============================================
   RESPONSIVE - THEME TOGGLE MOBILE
   ============================================ */
@media (max-width: 768px) {
    .theme-toggle {
        order: 2;
        flex: 0 0 auto;
        display: flex;
        flex-wrap: nowrap;
        gap: 2px;
        padding: 3px 6px;
        border-radius: 20px;
    }

    .theme-toggle a {
        padding: 3px 5px;
        font-size: 0.7rem;
        border-radius: 12px;
        min-width: 24px;
        justify-content: center;
    }

    .theme-toggle .theme-icon { font-size: 0.8rem; }

    body.light-theme .theme-toggle {
        background: #f1f5f9;
        border: 1px solid #e2e8f0;
    }
}

@media (max-width: 500px) {
    .theme-toggle {
        padding: 2px 5px;
        gap: 1px;
    }

    .theme-toggle a {
        padding: 2px 4px;
        font-size: 0.65rem;
        min-width: 22px;
        border-radius: 10px;
    }

    .theme-toggle .theme-icon { font-size: 0.7rem; }
}

@media (max-width: 360px) {
    .theme-toggle a {
        min-width: 20px;
        padding: 2px 3px;
        font-size: 0.6rem;
    }

    .theme-toggle .theme-icon { font-size: 0.65rem; }
}