/**
 * UPXP Light Theme Variables
 * Sobrescreve as variáveis do tema escuro quando [data-theme="light"] está ativo
 */

/* Transições suaves durante a troca de tema */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *:before,
html.theme-transitioning *:after {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease,
                box-shadow 0.3s ease !important;
}

/* Variáveis Globais do Light Theme */
[data-theme="light"] {
    /* Cores de Background Globais */
    --upxp-bg-dark: #ffffff;
    --upxp-bg-darker: #f8f9fa;
    --upxp-bg-light: #e9ecef;

    /* Cores de Texto Globais */
    --upxp-text-white: #1a1a1a;
    --upxp-text-gray: #6c757d;
    --upxp-text-muted: #adb5bd;

    /* Cores de Borda */
    --upxp-border: #dee2e6;

    /* Sombras */
    --upxp-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

    /* Cores gerais */
    --background-color: #ffffff;
    --light-bg: #f8f9fa;
    --dark-bg: #212529;
    --text-color: #212529;
    --light-text: #6c757d;
    --border-color: #dee2e6;
    --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* ===========================================
   Sobrescritas Específicas por Página
   =========================================== */

/* Home Page Variables (home.css) */
[data-theme="light"] .home-page {
    --h-bg: #f8f9fa;
    --h-surface: #ffffff;
    --h-surface-2: #f8f9fa;
    --h-surface-3: #e9ecef;
    --h-border: #dee2e6;
    --h-text: #212529;
    --h-text-muted: #6c757d;
    --h-gold: #f59e0b;
}

/* Lots Page Variables (lots.css) */
[data-theme="light"] .lots-page {
    --background: #f8f9fa;
    --surface: #ffffff;
    --border: #dee2e6;
    --text: #212529;
    --text-muted: #6c757d;
}

[data-theme="light"] .lots-main {
    background: #f8f9fa !important;
}

/* ===========================================
   Lots Page - Overrides Completos
   =========================================== */

/* Page Header */
[data-theme="light"] .lots-page-title {
    color: #212529 !important;
}

[data-theme="light"] .lots-page-subtitle {
    color: #6c757d !important;
}

/* Search Input */
[data-theme="light"] .games-search-input {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .games-search-input::placeholder {
    color: #adb5bd !important;
}

[data-theme="light"] .games-search-input:focus {
    background: #ffffff !important;
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .games-search-icon {
    color: var(--site-primary) !important;
}

/* Subcategories */
[data-theme="light"] .subcategory {
    background-color: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .subcategory:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    border-color: var(--site-primary-glow) !important;
}

[data-theme="light"] .subcategory--name {
    color: #212529 !important;
}

/* Game Cards */
[data-theme="light"] .game-card {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .game-card:hover {
    background: #f8f9fa !important;
    border-color: var(--site-primary-glow) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .game-card-image {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .image-container {
    background: #f8f9fa !important;
}

[data-theme="light"] .game-title {
    color: #212529 !important;
}

[data-theme="light"] .offers-count {
    color: #6c757d !important;
}

[data-theme="light"] .offers-count i {
    color: #f59e0b !important;
}

[data-theme="light"] .offers-count-text {
    color: #6c757d !important;
}

[data-theme="light"] .offers-count-text i {
    color: #f59e0b !important;
}

/* View Button mantém cores do tema secondary */
[data-theme="light"] .view-button {
    color: #ffffff !important;
}

/* SEO Section */
[data-theme="light"] .seo-section {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .seo-toggle {
    background: transparent !important;
}

[data-theme="light"] .seo-toggle:hover {
    background: var(--site-primary-bg-subtle) !important;
}

[data-theme="light"] .seo-toggle span {
    color: #212529 !important;
}

[data-theme="light"] .seo-toggle-icon {
    color: #6c757d !important;
}

[data-theme="light"] .seo-section[open] .seo-toggle {
    border-bottom-color: #dee2e6 !important;
}

[data-theme="light"] .seo-content {
    color: #212529 !important;
}

[data-theme="light"] .seo-content p {
    color: #212529 !important;
}

[data-theme="light"] .benefits-list li {
    color: #212529 !important;
}

[data-theme="light"] .benefits-list i {
    color: var(--site-primary) !important;
}

/* Loading Skeleton */
[data-theme="light"] .skeleton-card {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
}

[data-theme="light"] .skeleton-card::before {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent) !important;
}

/* Lots-ID Page (lots-id.css) */
[data-theme="light"] .lots-id-main {
    background: #f8f9fa !important;
}

/* ===========================================
   Lots-ID Page - Overrides Completos
   =========================================== */

/* Filters Section */
[data-theme="light"] .filters-wrapper {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .filters-header {
    border-bottom-color: #dee2e6 !important;
}

[data-theme="light"] .filters-header h3 {
    color: #212529 !important;
}

[data-theme="light"] .filters-header p {
    color: #6c757d !important;
}

/* Search Input */
[data-theme="light"] .search-input {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .search-input::placeholder {
    color: #adb5bd !important;
}

[data-theme="light"] .search-input:focus {
    background: #ffffff !important;
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .search-icon {
    color: var(--site-primary) !important;
}

[data-theme="light"] .search-hint {
    color: #6c757d !important;
}

/* Filter Controls */
[data-theme="light"] .filter-label {
    color: #212529 !important;
}

[data-theme="light"] .custom-select {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .custom-select:focus {
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .custom-select:hover {
    border-color: var(--site-primary-glow) !important;
}

/* Featured Servers */
[data-theme="light"] .featured-servers-section {
    border-top-color: #dee2e6 !important;
}

[data-theme="light"] .featured-servers-header {
    color: #212529 !important;
}

[data-theme="light"] .featured-servers-header i {
    color: #f59e0b !important;
}

[data-theme="light"] .server-chip {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .server-chip:hover {
    border-color: var(--site-primary-glow) !important;
}

[data-theme="light"] .server-chip.is-active {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #000000 !important;
}

[data-theme="light"] .server-chip.is-reset {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .server-chip.is-reset.is-active {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #000000 !important;
}

/* Section Header */
[data-theme="light"] .section-header h1,
[data-theme="light"] .section-header h2 {
    color: #212529 !important;
}

/* Offer Cards */
[data-theme="light"] .offer-card-horizontal {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .offer-card-horizontal:hover {
    background: #f8f9fa !important;
    border-color: var(--site-primary-glow) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .product-image-container {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .product-image-container.loading::before {
    background: linear-gradient(90deg, transparent, var(--site-primary-bg-subtle), transparent) !important;
}

[data-theme="light"] .offer-name-link {
    color: #212529 !important;
}

[data-theme="light"] .offer-name-link:hover {
    color: var(--site-primary) !important;
}

[data-theme="light"] .offer-server-suffix {
    color: #6c757d !important;
}

/* Seller Info */
[data-theme="light"] .seller-avatar {
    border-color: #dee2e6 !important;
}

[data-theme="light"] .seller-link {
    color: var(--site-primary) !important;
}

[data-theme="light"] .seller-link:hover {
    color: var(--site-primary-light) !important;
}

[data-theme="light"] .seller-name-sm {
    color: var(--site-primary) !important;
}

[data-theme="light"] .seller-avatar-sm {
    border-color: #dee2e6 !important;
}

/* Rating */
[data-theme="light"] .offer-col-rating {
    color: #6c757d !important;
}

[data-theme="light"] .offer-col-rating i {
    color: #f59e0b !important;
}

/* Price */
[data-theme="light"] .offer-col-price {
    border-right-color: var(--site-primary-bg-icon) !important;
}

[data-theme="light"] .price-value {
    color: var(--site-primary) !important;
}

/* Buy Button mantém cores do tema secondary */
[data-theme="light"] .btn-buy {
    color: #ffffff !important;
}

/* No Offers */
[data-theme="light"] .no-offers {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .no-offers-icon {
    color: #6c757d !important;
}

[data-theme="light"] .no-offers h3 {
    color: #212529 !important;
}

[data-theme="light"] .no-offers p {
    color: #6c757d !important;
}

[data-theme="light"] .no-offers-note {
    color: #6c757d !important;
}

/* Primary Button mantém cor primária */
[data-theme="light"] .btn-primary {
    color: #000000 !important;
}

/* FAQ Section */
[data-theme="light"] .faq-section {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .faq-wrapper h2 {
    color: #212529 !important;
}

[data-theme="light"] .faq-item {
    border-color: #dee2e6 !important;
}

[data-theme="light"] .faq-question {
    background: #f8f9fa !important;
}

[data-theme="light"] .faq-question:hover {
    background: #e9ecef !important;
}

[data-theme="light"] .faq-question.active {
    background: var(--site-primary-bg-subtle) !important;
}

[data-theme="light"] .faq-question h3 {
    color: #212529 !important;
}

[data-theme="light"] .faq-question.active h3 {
    color: var(--site-primary) !important;
}

[data-theme="light"] .faq-toggle {
    color: var(--site-primary) !important;
}

[data-theme="light"] .faq-answer {
    background: #ffffff !important;
    border-top-color: #dee2e6 !important;
}

[data-theme="light"] .faq-answer p {
    color: #212529 !important;
}

/* Offer Page Variables (offer.css) */
[data-theme="light"] .offer-page {
    --background: #f8f9fa;
    --surface: #ffffff;
    --surface-light: #f8f9fa;
    --border: #dee2e6;
    --text: #212529;
    --text-muted: #6c757d;
}

[data-theme="light"] .offer-main {
    background: #f8f9fa;
}

/* ===========================================
   Sobrescritas de Elementos Específicos
   =========================================== */

/* Backgrounds e Surfaces */
[data-theme="light"] .cat-card,
[data-theme="light"] .offer-card,
[data-theme="light"] .game-card,
[data-theme="light"] .review-card,
[data-theme="light"] .seller-card,
[data-theme="light"] .price-action-card,
[data-theme="light"] .info-card,
[data-theme="light"] .details-card,
[data-theme="light"] .trust-badges,
[data-theme="light"] .seo-section,
[data-theme="light"] .faq-section,
[data-theme="light"] .offer-header-section,
[data-theme="light"] .product-image-card,
[data-theme="light"] .filters-wrapper,
[data-theme="light"] .offer-card-horizontal,
[data-theme="light"] .no-offers,
[data-theme="light"] .edit-modal-container {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

/* Surface secundários */
[data-theme="light"] .offer-card-bottom,
[data-theme="light"] .stats-bar,
[data-theme="light"] .question-item,
[data-theme="light"] .answer-container,
[data-theme="light"] .trust-badge,
[data-theme="light"] .faq-item,
[data-theme="light"] .server-chip,
[data-theme="light"] .custom-select {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

/* Textos */
[data-theme="light"] .hero h1,
[data-theme="light"] .section-title,
[data-theme="light"] .offer-title,
[data-theme="light"] .card-title,
[data-theme="light"] .sidebar-title,
[data-theme="light"] .game-title,
[data-theme="light"] .offer-name,
[data-theme="light"] .offer-name-link,
[data-theme="light"] .cat-card-name,
[data-theme="light"] .seller-name,
[data-theme="light"] .stat-number,
[data-theme="light"] .seo-toggle span,
[data-theme="light"] .seo-content,
[data-theme="light"] .faq-question h3,
[data-theme="light"] .faq-answer p,
[data-theme="light"] .section-header h1,
[data-theme="light"] .section-header h2,
[data-theme="light"] .product-description,
[data-theme="light"] .question-text,
[data-theme="light"] .answer-text,
[data-theme="light"] .trust-badge span,
[data-theme="light"] .edit-modal-header h2,
[data-theme="light"] .form-group label,
[data-theme="light"] .no-offers h3 {
    color: #212529 !important;
}

/* Textos secundários */
[data-theme="light"] .hero-sub,
[data-theme="light"] .section-desc,
[data-theme="light"] .stat-label,
[data-theme="light"] .offer-server-suffix,
[data-theme="light"] .offer-col-rating,
[data-theme="light"] .offers-count-text,
[data-theme="light"] .detail-label,
[data-theme="light"] .stat,
[data-theme="light"] .price-label,
[data-theme="light"] .stock-item,
[data-theme="light"] .no-offers p,
[data-theme="light"] .question-date,
[data-theme="light"] .answer-date,
[data-theme="light"] .form-help,
[data-theme="light"] .char-counter,
[data-theme="light"] .questions-load-more-info {
    color: #6c757d !important;
}

/* Inputs e Forms */
[data-theme="light"] .games-search-input,
[data-theme="light"] .search-input,
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group textarea,
[data-theme="light"] .question-form textarea,
[data-theme="light"] .answer-form textarea {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .games-search-input::placeholder,
[data-theme="light"] .search-input::placeholder,
[data-theme="light"] .form-group input::placeholder,
[data-theme="light"] .form-group textarea::placeholder,
[data-theme="light"] .question-form textarea::placeholder,
[data-theme="light"] .answer-form textarea::placeholder {
    color: #adb5bd !important;
}

/* Imagens e containers */
[data-theme="light"] .product-image-container,
[data-theme="light"] .game-card-image,
[data-theme="light"] .offer-img,
[data-theme="light"] .cat-card-img {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

/* Hover states */
[data-theme="light"] .cat-card:hover,
[data-theme="light"] .offer-card:hover,
[data-theme="light"] .game-card:hover,
[data-theme="light"] .offer-card-horizontal:hover {
    background: #f8f9fa !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Dividers e Borders */
[data-theme="light"] .section-divider,
[data-theme="light"] .upxp-mobile-divider,
[data-theme="light"] .upxp-dropdown-divider {
    background: #dee2e6 !important;
    border-color: #dee2e6 !important;
}

/* Hero Section */
[data-theme="light"] .hero {
    background: radial-gradient(ellipse 70% 50% at 50% 0%, var(--site-primary-bg-subtle) 0%, transparent 70%),
                radial-gradient(ellipse 50% 40% at 80% 20%, var(--site-secondary-bg-subtle) 0%, transparent 60%),
                #f8f9fa !important;
}

/* CTA Bottom */
[data-theme="light"] .cta-bottom {
    background: radial-gradient(ellipse 60% 60% at 50% 100%, var(--site-secondary-bg-subtle) 0%, transparent 70%),
                #f8f9fa !important;
}

/* Modals */
[data-theme="light"] .edit-modal-overlay {
    background: rgba(0, 0, 0, 0.6) !important;
}

/* Loading States */
[data-theme="light"] .skeleton-card {
    background: #ffffff !important;
}

[data-theme="light"] .product-image-container.loading::before,
[data-theme="light"] .skeleton-card::before {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent) !important;
}

/* Buttons secundários */
[data-theme="light"] .btn-secondary {
    background: #f8f9fa !important;
    color: #212529 !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .btn-secondary:hover {
    background: #e9ecef !important;
}

/* Questions e Answers */
[data-theme="light"] .login-to-ask {
    background: #f8f9fa !important;
}

[data-theme="light"] .login-to-ask p {
    color: #6c757d !important;
}

/* SEO Toggle */
[data-theme="light"] .seo-toggle:hover,
[data-theme="light"] .faq-question:hover {
    background: var(--site-primary-bg-subtle) !important;
}

[data-theme="light"] .faq-question.active {
    background: var(--site-primary-bg-subtle) !important;
}

/* Filter Controls */
[data-theme="light"] .filters-header {
    border-bottom-color: #dee2e6 !important;
}

/* Server Chips */
[data-theme="light"] .server-chip {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .server-chip.is-active {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #000000 !important;
}

/* Close buttons */
[data-theme="light"] .btn-close {
    color: #6c757d !important;
}

[data-theme="light"] .btn-close:hover {
    color: #212529 !important;
}

/* Ajustes específicos para elementos no Light Theme */
[data-theme="light"] body {
    background-color: #ffffff;
    color: #1a1a1a;
}

[data-theme="light"] html {
    background: #ffffff;
}

/* Header no Light Theme */
[data-theme="light"] .upxp-header {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .upxp-nav-btn {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #212529;
}

[data-theme="light"] .upxp-nav-btn:hover {
    background: #e9ecef;
    border-color: var(--site-primary);
}

/* Search Input no Light Theme */
[data-theme="light"] .upxp-search-input {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #212529;
}

[data-theme="light"] .upxp-search-input::placeholder {
    color: #adb5bd;
}

[data-theme="light"] .upxp-search-input:focus {
    background: #ffffff;
    border-color: var(--site-primary);
    box-shadow: 0 0 0 3px var(--site-primary-bg-subtle);
}

/* Search Results no Light Theme */
[data-theme="light"] .upxp-search-results {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .upxp-search-item:hover {
    background: #f8f9fa;
}

[data-theme="light"] .upxp-search-item-image {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
}

[data-theme="light"] .upxp-search-category {
    border-top: 1px solid #dee2e6;
}

/* User Avatar e Dropdown no Light Theme */
[data-theme="light"] .upxp-user-avatar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #212529;
}

[data-theme="light"] .upxp-user-avatar:hover {
    background: #e9ecef;
}

[data-theme="light"] .upxp-user-name {
    color: #212529 !important;
}

[data-theme="light"] .upxp-dropdown-menu {
    background: #ffffff;
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .upxp-dropdown-menu a {
    color: #212529 !important;
}

[data-theme="light"] .upxp-dropdown-menu a:hover {
    background: #f8f9fa;
    color: var(--site-primary) !important;
}

[data-theme="light"] .upxp-dropdown-menu a i {
    color: #6c757d !important;
}

[data-theme="light"] .upxp-dropdown-menu a:hover i {
    color: var(--site-primary) !important;
}

/* Notification Links no Light Theme */
[data-theme="light"] .upxp-notification-link {
    color: #6c757d;
}

[data-theme="light"] .upxp-notification-link:hover {
    background: #f8f9fa;
    border-color: #dee2e6;
}

/* ===========================================
   Header Desktop no Light Theme
   =========================================== */

/* Header Principal */
[data-theme="light"] .upxp-header {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom-color: #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

/* Nav Buttons */
[data-theme="light"] .upxp-nav-btn {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-nav-btn:hover {
    background: #f8f9fa !important;
    border-color: var(--site-primary-glow) !important;
}

[data-theme="light"] .upxp-nav-btn i {
    color: var(--site-primary) !important;
}

/* Search Input */
[data-theme="light"] .upxp-search-input {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-search-input::placeholder {
    color: #adb5bd !important;
}

[data-theme="light"] .upxp-search-input:focus {
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .upxp-search-icon {
    color: var(--site-primary) !important;
}

/* Search Results Dropdown */
[data-theme="light"] .upxp-search-results {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .upxp-search-results::-webkit-scrollbar-thumb {
    background: #dee2e6 !important;
}

[data-theme="light"] .upxp-search-category {
    color: #6c757d !important;
    border-top-color: #dee2e6 !important;
}

[data-theme="light"] .upxp-search-item {
    color: #212529 !important;
}

[data-theme="light"] .upxp-search-item:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .upxp-search-item-image {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .upxp-search-item-title {
    color: #212529 !important;
}

[data-theme="light"] .upxp-search-item-subtitle {
    color: var(--site-primary) !important;
}

[data-theme="light"] .upxp-search-no-results {
    color: #6c757d !important;
}

/* User Avatar Button */
[data-theme="light"] .upxp-user-avatar {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-user-avatar:hover {
    background: #f8f9fa !important;
    border-color: var(--site-primary-glow) !important;
}

[data-theme="light"] .upxp-user-name {
    color: #212529 !important;
}

[data-theme="light"] .upxp-user-balance {
    color: var(--site-primary) !important;
}

[data-theme="light"] .upxp-user-avatar > .fa-chevron-down {
    color: #6c757d !important;
}

/* Theme Toggle Button */
[data-theme="light"] .upxp-theme-toggle {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-theme-toggle:hover {
    background: #f8f9fa !important;
    border-color: var(--site-primary-glow) !important;
    color: var(--site-primary) !important;
}

/* Auth Buttons */
[data-theme="light"] .upxp-btn-signin {
    background: transparent !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-btn-signin:hover {
    background: #f8f9fa !important;
    border-color: var(--site-primary-glow) !important;
    color: var(--site-primary) !important;
}

/* Signup button mantém cor primária */
[data-theme="light"] .upxp-btn-signup {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #000000 !important;
}

[data-theme="light"] .upxp-btn-signup:hover {
    background: var(--site-primary-light) !important;
    border-color: var(--site-primary-light) !important;
}

/* ===========================================
   Mobile Menu no Light Theme
   =========================================== */

/* Mobile Menu Container */
[data-theme="light"] .upxp-mobile-menu {
    background: #ffffff !important;
    border-left-color: #dee2e6 !important;
}

/* Mobile Menu Header */
[data-theme="light"] .upxp-mobile-menu-header {
    background: #f8f9fa !important;
    border-bottom-color: #dee2e6 !important;
}

/* Mobile Close Button */
[data-theme="light"] .upxp-mobile-close {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-mobile-close:hover {
    border-color: var(--upxp-danger) !important;
    color: var(--upxp-danger) !important;
}

/* Mobile Menu Content */
[data-theme="light"] .upxp-mobile-menu-content {
    scrollbar-color: #dee2e6 transparent;
}

[data-theme="light"] .upxp-mobile-menu-content::-webkit-scrollbar-thumb {
    background: #dee2e6 !important;
}

/* Mobile Search */
[data-theme="light"] .upxp-mobile-search {
    border-bottom-color: #dee2e6 !important;
}

/* Mobile Nav Links */
[data-theme="light"] .upxp-mobile-nav a {
    color: #212529 !important;
}

[data-theme="light"] .upxp-mobile-nav a i {
    color: #6c757d !important;
}

[data-theme="light"] .upxp-mobile-nav a:hover {
    background: #f8f9fa !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .upxp-mobile-nav a:hover i {
    color: var(--site-primary) !important;
}

/* Mobile Divider */
[data-theme="light"] .upxp-mobile-divider {
    border-top-color: #dee2e6 !important;
}

/* Mobile Buttons */
[data-theme="light"] .upxp-mobile-btn-outline {
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-mobile-btn-outline:hover {
    background: #f8f9fa !important;
}

/* Mobile Signout mantém cor vermelha */
[data-theme="light"] .upxp-mobile-signout,
[data-theme="light"] .upxp-mobile-signout i {
    color: var(--upxp-danger) !important;
}

[data-theme="light"] .upxp-mobile-signout:hover {
    background: rgba(239, 68, 68, 0.1) !important;
}

/* Mobile Menu Button (hamburguer) */
[data-theme="light"] .upxp-mobile-menu-btn {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .upxp-mobile-menu-btn span {
    background: #212529 !important;
}

[data-theme="light"] .upxp-mobile-menu-btn:hover {
    background: #f8f9fa !important;
}

/* Mobile Nav Icons */
[data-theme="light"] .upxp-nav-mobile-icon {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #212529 !important;
}

[data-theme="light"] .upxp-nav-mobile-icon:hover {
    background: #f8f9fa !important;
}

/* Mobile Notification Badge */
[data-theme="light"] .upxp-mobile-notification-badge {
    /* Mantém vermelho para destaque */
    background: var(--upxp-danger) !important;
}

/* Mobile Notification Link */
[data-theme="light"] .upxp-mobile-notification-link {
    color: #212529 !important;
}

/* Notification Panel no Light Theme */
[data-theme="light"] .upxp-notification-panel {
    background: #ffffff;
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .upxp-notification-panel-header {
    border-bottom: 1px solid #dee2e6;
}

[data-theme="light"] .upxp-notification-panel-title {
    color: #212529;
}

[data-theme="light"] .upxp-notification-panel-footer {
    border-top: 1px solid #dee2e6;
}

[data-theme="light"] .upxp-notification-item {
    color: #212529;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .upxp-notification-item:hover {
    background: #f8f9fa;
}

[data-theme="light"] .upxp-notification-empty {
    color: #6c757d;
}

/* Mobile Menu no Light Theme */
[data-theme="light"] .upxp-mobile-menu {
    background: #ffffff;
    border-left: 1px solid #dee2e6;
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .upxp-mobile-menu-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

[data-theme="light"] .upxp-mobile-close {
    background: #ffffff;
    border: 1px solid #dee2e6;
    color: #212529;
}

[data-theme="light"] .upxp-mobile-search {
    border-bottom: 1px solid #dee2e6;
}

[data-theme="light"] .upxp-mobile-nav a:hover {
    background: #f8f9fa;
}

[data-theme="light"] .upxp-mobile-divider {
    border-top: 1px solid #dee2e6;
}

/* Auth Buttons no Light Theme */
[data-theme="light"] .upxp-btn-signin {
    color: #212529;
}

[data-theme="light"] .upxp-btn-signin:hover {
    background: #f8f9fa;
}

/* Mobile Menu Button no Light Theme */
[data-theme="light"] .upxp-mobile-menu-btn {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
}

[data-theme="light"] .upxp-mobile-menu-btn span {
    background: #212529;
}

/* Footer no Light Theme */
[data-theme="light"] .modern-footer {
    background: #f8f9fa;
    color: #212529;
    border-top: 1px solid #dee2e6;
}

[data-theme="light"] .footer-description,
[data-theme="light"] .footer-links a,
[data-theme="light"] .contact-item,
[data-theme="light"] .company-details p,
[data-theme="light"] .footer-bottom p,
[data-theme="light"] .footer-bottom-links a {
    color: #6c757d;
}

[data-theme="light"] .footer-title {
    color: #212529;
}

[data-theme="light"] .company-details strong {
    color: #212529;
}

[data-theme="light"] .footer-bottom {
    border-top: 1px solid #dee2e6;
}

/* Cards e Dropdown Menus genéricos */
[data-theme="light"] .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .dropdown-menu li a:hover {
    background-color: #f8f9fa;
}

[data-theme="light"] .card {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
}

/* Forms no Light Theme */
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    color: #212529;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #adb5bd !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    border-color: var(--site-primary);
    box-shadow: 0 0 0 3px var(--site-primary-bg-subtle);
}

/* Botão de Toggle de Tema */
.upxp-theme-toggle {
    width: var(--upxp-control-h);
    height: var(--upxp-control-h);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--upxp-border);
    background: var(--upxp-bg-dark);
    color: var(--upxp-text-white);
    font-size: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    padding: 0;
}

.upxp-theme-toggle:hover {
    border-color: var(--site-primary);
    background: var(--upxp-bg-light);
    transform: scale(1.05);
}

.upxp-theme-toggle i {
    position: absolute;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.upxp-theme-toggle .fa-sun {
    color: #fbbf24;
}

.upxp-theme-toggle .fa-moon {
    color: #60a5fa;
    display: none;
}

[data-theme="light"] .upxp-theme-toggle {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #212529;
}

[data-theme="light"] .upxp-theme-toggle:hover {
    background: #e9ecef;
}

/* Toast Messages no Light Theme */
[data-theme="light"] .upxp-question-toast {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 1px solid var(--site-primary);
}

[data-theme="light"] .upxp-toast-content p {
    color: #6c757d;
}

[data-theme="light"] .upxp-toast-close {
    color: #adb5bd;
}

[data-theme="light"] .upxp-toast-close:hover {
    color: #212529;
}

/* Scrollbars no Light Theme */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f8f9fa;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #dee2e6;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #adb5bd;
}

/* Seleção de texto no Light Theme */
[data-theme="light"] ::selection {
    background-color: var(--site-primary);
    color: #ffffff;
}

[data-theme="light"] ::-moz-selection {
    background-color: var(--site-primary);
    color: #ffffff;
}

/* ===========================================
   Footer no Light Theme
   =========================================== */

/* Footer Container */
[data-theme="light"] .modern-footer {
    background: #ffffff !important;
    border-top-color: #dee2e6 !important;
}

[data-theme="light"] .modern-footer::before {
    background: linear-gradient(90deg, transparent, var(--site-primary-bg-icon), transparent) !important;
}

/* Footer Content */
[data-theme="light"] .footer-description {
    color: #6c757d !important;
}

[data-theme="light"] .footer-title {
    color: #212529 !important;
}

[data-theme="light"] .footer-title::after {
    background: var(--site-primary) !important;
}

[data-theme="light"] .footer-links a {
    color: #6c757d !important;
}

[data-theme="light"] .footer-links a:hover {
    color: var(--site-primary) !important;
}

/* Footer Contact */
[data-theme="light"] .contact-item {
    color: #6c757d !important;
}

[data-theme="light"] .contact-item i {
    color: var(--site-primary) !important;
}

/* Company Details */
[data-theme="light"] .company-details p {
    color: #6c757d !important;
}

[data-theme="light"] .company-details strong {
    color: #212529 !important;
}

[data-theme="light"] .company-link {
    background: var(--site-primary-bg-subtle) !important;
    border-color: var(--site-primary-bg-icon) !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .company-link:hover {
    background: var(--site-primary-dim) !important;
    border-color: var(--site-primary) !important;
}

/* Footer Bottom */
[data-theme="light"] .footer-bottom {
    border-top-color: #dee2e6 !important;
}

[data-theme="light"] .footer-bottom p {
    color: #6c757d !important;
}

[data-theme="light"] .footer-bottom-links a {
    color: #6c757d !important;
}

[data-theme="light"] .footer-bottom-links a:hover {
    color: var(--site-primary) !important;
}

/* ===========================================
   Authentication Pages - Light Theme
   (Signin, Signup, Reset Password)
   =========================================== */

/* Signin Page */
[data-theme="light"] .signin-section {
    background: #f5f5f5 !important;
}

[data-theme="light"] .signin-section::before {
    background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(60,195,14,0.05) 0%, transparent 70%) !important;
}

[data-theme="light"] .signin-card {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .signin-title,
[data-theme="light"] .signin-subtitle {
    color: #1a1a1a !important;
}

[data-theme="light"] .signin-subtitle {
    color: #666 !important;
}

[data-theme="light"] .form-input {
    background: #ffffff !important;
    border-color: #ddd !important;
    color: #1a1a1a !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .form-input::placeholder {
    color: #999 !important;
}

[data-theme="light"] .form-input:focus {
    border-color: var(--site-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(60,195,14,0.1), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .form-label {
    color: #1a1a1a !important;
}

[data-theme="light"] .message-error {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: #ef4444 !important;
    color: #ef4444 !important;
}

[data-theme="light"] .message-success {
    background: rgba(60,195,14,0.1) !important;
    border-color: var(--site-primary) !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .signin-message {
    background: rgba(239, 68, 68, 0.1) !important;
}

[data-theme="light"] .signin-message.message-success {
    background: rgba(60,195,14,0.1) !important;
}

[data-theme="light"] .signup-link p,
[data-theme="light"] .forgot-password,
[data-theme="light"] .login-link {
    color: #666 !important;
}

[data-theme="light"] .signup-btn {
    background: transparent !important;
    border-color: #e0e0e0 !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .signup-btn:hover {
    background: rgba(60,195,14,0.05) !important;
    border-color: var(--site-primary) !important;
}

/* Signup Page */
[data-theme="light"] .signup-container {
    background: #f5f5f5 !important;
}

[data-theme="light"] .signup-container::before {
    background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(60,195,14,0.05) 0%, transparent 70%) !important;
}

[data-theme="light"] .signup-box {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .signup-box h1 {
    color: #1a1a1a !important;
}

[data-theme="light"] .error-message {
    color: #dc2626 !important;
}

[data-theme="light"] .field-error {
    color: #dc2626 !important;
}

[data-theme="light"] .form-group input {
    background: #ffffff !important;
    border-color: #ddd !important;
    color: #1a1a1a !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .form-group input::placeholder {
    color: #999 !important;
}

[data-theme="light"] .form-group input:focus {
    border-color: var(--site-primary) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(60,195,14,0.1), 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .form-group label {
    color: #1a1a1a !important;
}

[data-theme="light"] .loading-container p {
    color: #666 !important;
}

[data-theme="light"] .loading-spinner {
    border-color: #e0e0e0 !important;
}

[data-theme="light"] .btn-primary:disabled {
    background: #e5e7eb !important;
    color: #9ca3af !important;
}

/* Reset Password Page */
[data-theme="light"] .reset-section {
    background: #f5f5f5 !important;
}

[data-theme="light"] .reset-section::before {
    background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(60,195,14,0.05) 0%, transparent 70%) !important;
}

[data-theme="light"] .reset-card {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .reset-title {
    color: #1a1a1a !important;
}

[data-theme="light"] .reset-subtitle {
    color: #666 !important;
}

[data-theme="light"] .back-btn {
    background: transparent !important;
    border-color: #e0e0e0 !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .back-btn:hover {
    background: rgba(60,195,14,0.05) !important;
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .back-link p {
    color: #666 !important;
}

/* Correções adicionais para backgrounds pretos */
[data-theme="light"] .signin-divider span,
[data-theme="light"] .reset-divider span {
    background: #ffffff !important;
}

[data-theme="light"] .feature-item:hover {
    background: #f8f9fa !important;
}

[data-theme="light"] .reset-divider::before {
    background: #dee2e6 !important;
}

/* Correção para feature-items nas páginas de autenticação */
[data-theme="light"] .signin-features .feature-item,
[data-theme="light"] .reset-features .feature-item {
    background: #ffffff !important;
}

[data-theme="light"] .feature-content h3 {
    color: #1a1a1a !important;
}

[data-theme="light"] .feature-content p {
    color: #6c757d !important;
}

/* ========================================
   PAYMENT PAGE - Tema Claro
   ======================================== */
[data-theme="light"] .payment-page {
    --background: #f5f5f5 !important;
    --surface: #ffffff !important;
    --surface-light: #f8f9fa !important;
    --border: #dee2e6 !important;
    --text: #1a1a1a !important;
    --text-muted: #6c757d !important;
}

[data-theme="light"] .payment-main {
    background: #f5f5f5 !important;
}

[data-theme="light"] .payment-header-section {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .payment-title {
    color: #1a1a1a !important;
}

[data-theme="light"] .payment-subtitle {
    color: #6c757d !important;
}

[data-theme="light"] .summary-card,
[data-theme="light"] .payment-form-card,
[data-theme="light"] .trust-badges-card {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .summary-header,
[data-theme="light"] .stage-header {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .summary-header h3,
[data-theme="light"] .stage-header h3,
[data-theme="light"] .section-subtitle,
[data-theme="light"] .product-name,
[data-theme="light"] .seller-name {
    color: #1a1a1a !important;
}

[data-theme="light"] .product-category,
[data-theme="light"] .seller-stats,
[data-theme="light"] .price-label,
[data-theme="light"] .processing-wrapper p,
[data-theme="light"] .success-wrapper p,
[data-theme="light"] .form-hint {
    color: #6c757d !important;
}

[data-theme="light"] .product-image-wrapper {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .divider {
    background: #dee2e6 !important;
}

[data-theme="light"] .price-summary,
[data-theme="light"] .total-card {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .total-label {
    color: #1a1a1a !important;
}

[data-theme="light"] .form-group label {
    color: #1a1a1a !important;
}

[data-theme="light"] .form-input {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #1a1a1a !important;
}

[data-theme="light"] .form-input::placeholder {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .form-input:focus {
    background: #ffffff !important;
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .qty-btn {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .qty-btn:hover {
    background: #e9ecef !important;
}

[data-theme="light"] .quantity-control input {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #1a1a1a !important;
}

[data-theme="light"] .pix-code-input {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #1a1a1a !important;
}

[data-theme="light"] .trust-badge {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .trust-badge span {
    color: #1a1a1a !important;
}

[data-theme="light"] .success-info-alert {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
}

[data-theme="light"] .processing-wrapper h3,
[data-theme="light"] .success-wrapper h3,
[data-theme="light"] .pix-qrcode-section h4,
[data-theme="light"] .pix-code-section h4 {
    color: #1a1a1a !important;
}

/* ========================================
   ORDER PAGE - Tema Claro
   ======================================== */
[data-theme="light"] .order-detail-page {
    background: #f5f5f5 !important;
}

[data-theme="light"] .order-main {
    background: #f5f5f5 !important;
}

[data-theme="light"] .order-header-card,
[data-theme="light"] .payment-pix-card,
[data-theme="light"] .form-section,
[data-theme="light"] .chat-card {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .order-product-name,
[data-theme="light"] .card-title,
[data-theme="light"] .order-id-text,
[data-theme="light"] .form-header h3,
[data-theme="light"] .chat-header h2 {
    color: #1a1a1a !important;
}

[data-theme="light"] .order-description-text,
[data-theme="light"] .form-header p,
[data-theme="light"] .chat-tips p,
[data-theme="light"] .chat-tips li {
    color: #6c757d !important;
}

[data-theme="light"] .info-item label,
[data-theme="light"] .price-item label {
    color: #6c757d !important;
    font-weight: 600 !important;
}

[data-theme="light"] .order-detail-page .info-item p,
[data-theme="light"] .order-detail-page .price-value {
    color: #1a1a1a !important;
}

[data-theme="light"] .price-grid {
    background: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
}

[data-theme="light"] .user-info label {
    color: #6c757d !important;
}

[data-theme="light"] .user-link {
    color: #1a1a1a !important;
}

[data-theme="light"] .action-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
    color: #92400e !important;
}

[data-theme="light"] .payment-header {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .payment-subtitle {
    color: #6c757d !important;
}

[data-theme="light"] .qr-code-container p,
[data-theme="light"] .payment-info-alert p,
[data-theme="light"] .payment-status-check p {
    color: #6c757d !important;
}

[data-theme="light"] .payment-info-alert,
[data-theme="light"] .payment-status-check {
    background: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

[data-theme="light"] .pix-code-container label {
    color: #1a1a1a !important;
}

[data-theme="light"] .modern-form textarea,
[data-theme="light"] .modern-form input {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #1a1a1a !important;
}

[data-theme="light"] .modern-form textarea::placeholder,
[data-theme="light"] .modern-form input::placeholder {
    color: rgba(0, 0, 0, 0.4) !important;
}

[data-theme="light"] .modern-form small {
    color: #6c757d !important;
}

[data-theme="light"] .chat-content {
    background: #f8f9fa !important;
}

[data-theme="light"] .chat-tips {
    background: #f8f9fa !important;
    border-top: 1px solid #dee2e6 !important;
}

[data-theme="light"] .chat-tips h4 {
    color: #1a1a1a !important;
}

/* ========================================
   ORDERS & ORDERS-SELLER PAGES - Tema Claro
   ======================================== */
[data-theme="light"] .orders-page,
[data-theme="light"] .orders-seller-page {
    background: #f5f5f5 !important;
}

[data-theme="light"] .orders-main {
    background: #f5f5f5 !important;
}

[data-theme="light"] .orders-header-section {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .orders-title {
    color: #1a1a1a !important;
}

[data-theme="light"] .orders-subtitle {
    color: #6c757d !important;
}

[data-theme="light"] .stat-card {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .stat-value {
    color: #1a1a1a !important;
}

[data-theme="light"] .stat-label {
    color: #6c757d !important;
}

[data-theme="light"] .filter-card {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
}

[data-theme="light"] .filter-label {
    color: #1a1a1a !important;
}

[data-theme="light"] .filter-select {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #1a1a1a !important;
}

[data-theme="light"] .filter-select:focus {
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .order-item {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .order-item:hover {
    border-color: var(--site-primary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .order-title a {
    color: #1a1a1a !important;
}

[data-theme="light"] .info-label {
    color: #6c757d !important;
}

[data-theme="light"] .info-value {
    color: #1a1a1a !important;
}

[data-theme="light"] .empty-state {
    background: #ffffff !important;
    border: 1px solid #dee2e6 !important;
}

[data-theme="light"] .empty-state h3 {
    color: #1a1a1a !important;
}

[data-theme="light"] .empty-state p {
    color: #6c757d !important;
}

[data-theme="light"] .pagination-info {
    color: #1a1a1a !important;
}

[data-theme="light"] .pagination-btn {
    background: #ffffff !important;
    border-color: #dee2e6 !important;
    color: #1a1a1a !important;
}

[data-theme="light"] .pagination-btn:hover:not(:disabled) {
    background: #f8f9fa !important;
    border-color: var(--site-primary) !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .pagination-btn:disabled {
    background: #f8f9fa !important;
    color: #adb5bd !important;
}

/* ========================================
   ORDERS PAGES - Variáveis CSS para Tema Claro
   ======================================== */
[data-theme="light"] .orders-page,
[data-theme="light"] .orders-seller-page {
    --background: #f5f5f5 !important;
    --surface: #ffffff !important;
    --surface-light: #f8f9fa !important;
    --border: #dee2e6 !important;
    --text: #1a1a1a !important;
    --text-muted: #6c757d !important;
}

/* Backgrounds adicionais específicos */
[data-theme="light"] .orders-main {
    background: #f5f5f5 !important;
}

[data-theme="light"] .orders-header-section,
[data-theme="light"] .stat-card,
[data-theme="light"] .filter-card,
[data-theme="light"] .orders-content,
[data-theme="light"] .order-item,
[data-theme="light"] .order-header,
[data-theme="light"] .pagination-wrapper {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .order-item {
    background: var(--surface-light) !important;
}

[data-theme="light"] .filter-select,
[data-theme="light"] .pagination-btn,
[data-theme="light"] .btn-secondary {
    background: var(--surface-light) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

[data-theme="light"] .orders-title,
[data-theme="light"] .stat-value,
[data-theme="light"] .order-title a,
[data-theme="light"] .empty-state h3,
[data-theme="light"] .pagination-info {
    color: var(--text) !important;
}

[data-theme="light"] .orders-subtitle,
[data-theme="light"] .stat-label,
[data-theme="light"] .info-label,
[data-theme="light"] .empty-state p {
    color: var(--text-muted) !important;
}

[data-theme="light"] .info-value {
    color: var(--text) !important;
}

/* Hover states */
[data-theme="light"] .stat-card:hover,
[data-theme="light"] .order-item:hover {
    border-color: var(--site-primary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] .filter-select:focus {
    border-color: var(--site-primary) !important;
    box-shadow: 0 0 0 3px rgba(60, 195, 14, 0.1) !important;
}

[data-theme="light"] .pagination-btn:hover:not(:disabled) {
    background: #e9ecef !important;
    border-color: var(--site-primary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .btn-secondary:hover {
    background: #e9ecef !important;
    border-color: var(--site-primary) !important;
}

/* Empty state icon */
[data-theme="light"] .empty-icon {
    color: #adb5bd !important;
}

/* ========================================
   ORDER DETAIL PAGE - Tema Claro
   ======================================== */
[data-theme="light"] .order-detail-page {
    --background: #f5f5f5 !important;
    --surface: #ffffff !important;
    --surface-light: #f8f9fa !important;
    --border: #dee2e6 !important;
    --text: #1a1a1a !important;
    --text-muted: #6c757d !important;
    --warning: #f59e0b !important;
    --danger: #ef4444 !important;
    --info: #3b82f6 !important;
}

/* Page background */
[data-theme="light"] .order-detail-page {
    background: var(--background) !important;
}

/* Chat specific overrides */
[data-theme="light"] .order-chat-bubble.sent {
    background: var(--site-primary) !important;
    color: #ffffff !important;
}

[data-theme="light"] .order-chat-bubble.received {
    background: var(--surface-light) !important;
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
}

[data-theme="light"] .order-chat-input-row input {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

[data-theme="light"] .order-chat-input-row input::placeholder {
    color: var(--text-muted) !important;
}

[data-theme="light"] .order-chat-input-row input:focus {
    border-color: var(--site-primary) !important;
    box-shadow: 0 0 0 3px rgba(60, 195, 14, 0.1) !important;
}

/* ========================================
   ORDERS NAVIGATION - Tema Claro
   ======================================== */
[data-theme="light"] .orders-navigation-card {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .nav-filter-btn {
    background: var(--surface-light) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

[data-theme="light"] .nav-filter-btn:hover {
    background: #e9ecef !important;
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .nav-filter-btn.active {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #000000 !important;
}

[data-theme="light"] .order-nav-item {
    background: var(--surface-light) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

[data-theme="light"] .order-nav-item:hover {
    background: #e9ecef !important;
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .order-nav-item.current {
    background: rgba(60, 195, 14, 0.1) !important;
    border-color: var(--site-primary) !important;
}

[data-theme="light"] .order-nav-icon {
    background: var(--surface) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .order-nav-id {
    color: var(--text) !important;
}

[data-theme="light"] .order-nav-name {
    color: var(--text-muted) !important;
}

[data-theme="light"] .nav-pagination-btn {
    background: var(--surface-light) !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}

[data-theme="light"] .nav-pagination-btn:hover:not(:disabled) {
    background: #e9ecef !important;
    border-color: var(--site-primary) !important;
    color: var(--site-primary) !important;
}

[data-theme="light"] .nav-pagination-info {
    color: var(--text-muted) !important;
}

[data-theme="light"] .orders-nav-loading {
    color: var(--text-muted) !important;
}

[data-theme="light"] .orders-nav-empty h3 {
    color: var(--text) !important;
}

[data-theme="light"] .orders-nav-empty p {
    color: var(--text-muted) !important;
}

/* ========================================
   STAR RATING - Tema Claro
   ======================================== */
[data-theme="light"] .star-rating {
    background: var(--surface-light) !important;
}

[data-theme="light"] .star-rating label {
    color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .star-rating input:checked ~ label,
[data-theme="light"] .star-rating label:hover,
[data-theme="light"] .star-rating label:hover ~ label {
    color: #f59e0b !important;
}

/* Form section */
[data-theme="light"] .form-section {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .form-header {
    border-color: var(--border) !important;
}

/* ========================================
   ORDER NAVIGATION BADGES - Tema Claro
   ======================================== */
[data-theme="light"] .seller-badge {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #2563eb !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

[data-theme="light"] .buyer-badge {
    background: rgba(60, 195, 14, 0.15) !important;
    color: var(--site-primary) !important;
    border-color: rgba(60, 195, 14, 0.3) !important;
}

[data-theme="light"] .unread-badge {
    background: #dc2626 !important;
    color: #ffffff !important;
}

/* ========================================
   Q&A SECTION - Tema Claro
   ======================================== */
[data-theme="light"] .question-item {
    background: rgba(139, 92, 246, 0.05) !important;
    border: 1px solid rgba(139, 92, 246, 0.15) !important;
    border-left: 3px solid var(--site-secondary) !important;
}

[data-theme="light"] .question-avatar {
    border-color: rgba(139, 92, 246, 0.25) !important;
}

[data-theme="light"] .question-username {
    color: var(--site-secondary) !important;
}

[data-theme="light"] .question-text {
    color: #1a1a1a !important;
}

[data-theme="light"] .question-date {
    color: #6c757d !important;
}

[data-theme="light"] .answer-container {
    background: rgba(74, 222, 128, 0.05) !important;
    border: 1px solid rgba(74, 222, 128, 0.15) !important;
    border-left: 3px solid var(--site-primary) !important;
}

[data-theme="light"] .answer-label {
    color: var(--site-primary) !important;
}

[data-theme="light"] .answer-text {
    color: #1a1a1a !important;
}

[data-theme="light"] .answer-date {
    color: #6c757d !important;
}