/** * Tema Alternativo - Modo Claro * Este arquivo sobrescreve as cores do tema escuro padrão * Ativado via classe 'theme-light' no elemento */ /* Variáveis CSS para tema claro */ :root { --bg-primary: #ffffff; --bg-secondary: #f8f9fa; --bg-tertiary: #f1f3f5; --bg-card: #ffffff; --text-primary: #1a1a1a; --text-secondary: #495057; --text-tertiary: #6c757d; --border-color: #dee2e6; --shadow-color: rgba(0, 0, 0, 0.1); } /* Aplicar tema claro quando a classe theme-light estiver no html */ html.theme-light body { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #dee2e6 100%); color: var(--text-primary); } /* Header */ html.theme-light .store-header-main { background: rgba(255, 255, 255, 0.98); box-shadow: 0 2px 10px var(--shadow-color); } html.theme-light .header-top-bar { background: rgba(248, 249, 250, 0.95); border-bottom-color: var(--border-color); } html.theme-light .contact-info { color: var(--text-secondary); } html.theme-light .social-links a { background: rgba(0, 0, 0, 0.05); color: var(--text-primary); } html.theme-light .social-links a:hover { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } html.theme-light .header-main-bar { background: transparent; } html.theme-light .logo-section h1 { color: var(--text-primary); } html.theme-light .tagline { color: #3498db; } html.theme-light .btn-filter { background: rgba(0, 0, 0, 0.05); border-color: var(--border-color); color: var(--text-primary); } html.theme-light .btn-filter:hover { background: rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } html.theme-light .btn-cart { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); } html.theme-light .btn-cart:hover { box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); } /* Hero Banner */ html.theme-light .hero-banner { background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(41, 128, 185, 0.05) 100%); border-bottom-color: var(--border-color); } html.theme-light .hero-content h2 { color: var(--text-primary); } html.theme-light .hero-content p { color: var(--text-secondary); } /* Breadcrumb */ html.theme-light .breadcrumb-section { background: rgba(255, 255, 255, 0.95); border-bottom-color: var(--border-color); } html.theme-light .breadcrumb a { color: #3498db; } html.theme-light .breadcrumb a:hover { color: #2980b9; } html.theme-light .breadcrumb span { color: var(--text-tertiary); } html.theme-light .breadcrumb .active { color: var(--text-primary); } /* Page Header */ html.theme-light .page-header { border-bottom-color: rgba(52, 152, 219, 0.2); } html.theme-light .page-header h2 { color: var(--text-primary); } html.theme-light .page-header p { color: var(--text-secondary); } /* Section Titles */ html.theme-light .section-title { color: var(--text-primary); border-bottom-color: rgba(52, 152, 219, 0.2); } html.theme-light .carousel-header h2, html.theme-light .carousel-section h2 { color: var(--text-primary); } html.theme-light .categoria-section h2 { color: var(--text-primary); } /* Títulos das seções de pizza (Monte sua Pizza e Pizzas) */ html.theme-light #pizzasSection h3, html.theme-light #pizzasSection div h3 { color: var(--text-primary) !important; } html.theme-light h3[style*="color: #fff"], html.theme-light h3[style*="color:#fff"] { color: var(--text-primary) !important; } /* Específico para títulos dentro da grid de pizzas */ html.theme-light #pizzasGrid h3, html.theme-light #pizzasGrid div h3 { color: var(--text-primary) !important; } /* Garantir que todos os textos dentro de cards fiquem visíveis */ html.theme-light .product-info *, html.theme-light .product-card * { color: inherit; } html.theme-light .product-info .product-name { color: var(--text-primary); } html.theme-light .product-info .product-description { color: var(--text-secondary); } /* Placeholder de Imagem */ html.theme-light .product-image-placeholder { background: var(--bg-secondary); color: var(--text-tertiary); } html.theme-light .product-modal-image .product-image-placeholder { background: var(--bg-secondary); } html.theme-light .product-image-placeholder .placeholder-icon { opacity: 0.3; } html.theme-light .product-image-placeholder .placeholder-text { color: var(--text-tertiary); } /* Imagens sem foto no carrinho */ html.theme-light .cart-item-image .no-image { background: var(--bg-secondary); color: var(--text-tertiary); } /* Garantir que imagens de produtos tenham fundo claro */ html.theme-light .product-image { background: #ffffff !important; } html.theme-light .products-grid .product-card .product-image { background: #ffffff !important; } html.theme-light .carousel-track .product-card .product-image { background: #ffffff !important; } /* Quando product-image é uma div (sem imagem), garantir fundo claro */ html.theme-light .product-card .product-image[style*="background"] { background: var(--bg-secondary) !important; color: var(--text-tertiary) !important; } /* Placeholder inline criado pelo JavaScript (produtos e combos) */ html.theme-light div.product-image { background: var(--bg-secondary) !important; color: var(--text-tertiary) !important; } html.theme-light .product-card div.product-image[style*="background"] { background: var(--bg-secondary) !important; color: var(--text-tertiary) !important; } /* Botões */ html.theme-light .btn-secondary { background: rgba(0, 0, 0, 0.05); border-color: var(--border-color); color: var(--text-primary); } html.theme-light .btn-secondary:hover { background: rgba(0, 0, 0, 0.1); border-color: #3498db; } html.theme-light .btn-primary { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); } html.theme-light .btn-primary:hover { box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); } /* Cards e Produtos */ html.theme-light .product-card, html.theme-light .cart-item, html.theme-light .checkout-section, html.theme-light .pedido-card { background: #ffffff; border-color: var(--border-color); box-shadow: 0 2px 8px var(--shadow-color); } html.theme-light .product-card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); } html.theme-light .product-card h3, html.theme-light .product-card .product-name, html.theme-light .product-name, html.theme-light .cart-item h3, html.theme-light .checkout-section h2, html.theme-light .pedido-card h3, html.theme-light .pedido-info h3 { color: var(--text-primary); } html.theme-light .product-card p, html.theme-light .product-card .product-description, html.theme-light .product-description, html.theme-light .cart-item p, html.theme-light .checkout-section p, html.theme-light .pedido-card p, html.theme-light .pedido-itens, html.theme-light .pedido-total { color: var(--text-secondary); } html.theme-light .pedido-itens > strong, html.theme-light .pedido-card strong { color: var(--text-primary); } html.theme-light .pedido-total { color: var(--text-primary); border-top-color: var(--border-color); } html.theme-light .pedido-total strong { color: #3498db; } /* Formulário de Consulta de Pedidos */ html.theme-light .pedidos-consulta-form label { color: var(--text-primary); } html.theme-light .pedidos-consulta-form input { background: var(--bg-secondary); border-color: var(--border-color); color: var(--text-primary); } html.theme-light .pedidos-consulta-form input:focus { background: #ffffff; border-color: #3498db; } html.theme-light .pedido-header { border-bottom-color: var(--border-color); } /* Progresso do Pedido */ html.theme-light .progresso-etapa-label { color: var(--text-primary); } html.theme-light .progresso-etapa-descricao { color: var(--text-secondary); } html.theme-light .product-price { color: #27ae60; } /* Modal de Produto - Detalhes */ html.theme-light .product-modal-info h3 { color: var(--text-primary); } html.theme-light .product-code { color: var(--text-secondary); } html.theme-light .product-modal-info .product-description { background: var(--bg-tertiary); border-color: var(--border-color); color: var(--text-secondary); } html.theme-light .product-modal-info .product-description::-webkit-scrollbar-track { background: var(--bg-secondary); } html.theme-light .product-modal-info .product-description::-webkit-scrollbar-thumb { background: rgba(52, 152, 219, 0.3); } html.theme-light .product-modal-info .product-description::-webkit-scrollbar-thumb:hover { background: rgba(52, 152, 219, 0.5); } html.theme-light .product-price-section { background: rgba(52, 152, 219, 0.1); border-color: rgba(52, 152, 219, 0.3); } html.theme-light .product-price-label { color: var(--text-secondary); } /* Seção de Detalhes da Pizza (criada via JavaScript) */ html.theme-light .pizza-details-section, html.theme-light #pizzaDetailsSection { background: rgba(52, 152, 219, 0.1) !important; border-color: rgba(52, 152, 219, 0.3) !important; } /* Sobrescrever TODOS os textos dentro da seção de detalhes da pizza */ html.theme-light .pizza-details-section div, html.theme-light #pizzaDetailsSection div, html.theme-light .pizza-details-section div[style*="color: #e0e0e0"], html.theme-light #pizzaDetailsSection div[style*="color: #e0e0e0"], html.theme-light .pizza-details-section div[style*="color: #aaa"], html.theme-light #pizzaDetailsSection div[style*="color: #aaa"] { color: var(--text-secondary) !important; } /* Título "Detalhes da Pizza" deve permanecer azul */ html.theme-light .pizza-details-section div[style*="color: #3498db"], html.theme-light #pizzaDetailsSection div[style*="color: #3498db"] { color: #3498db !important; } /* Strong tags devem ter texto escuro */ html.theme-light .pizza-details-section strong, html.theme-light #pizzaDetailsSection strong { color: var(--text-primary) !important; } /* Garantir que os textos dentro das divs também fiquem visíveis */ html.theme-light .pizza-details-section > div[style*="color: #e0e0e0"] > div, html.theme-light #pizzaDetailsSection > div[style*="color: #e0e0e0"] > div, html.theme-light .pizza-details-section > div[style*="color: #e0e0e0"] strong, html.theme-light #pizzaDetailsSection > div[style*="color: #e0e0e0"] strong { color: var(--text-primary) !important; } html.theme-light .pizza-details-section > div[style*="color: #e0e0e0"] > div, html.theme-light #pizzaDetailsSection > div[style*="color: #e0e0e0"] > div { color: var(--text-secondary) !important; } /* Descrição do sabor */ html.theme-light .pizza-details-section div[style*="color: #aaa"], html.theme-light #pizzaDetailsSection div[style*="color: #aaa"] { color: var(--text-secondary) !important; } html.theme-light .product-description { color: var(--text-secondary); } /* Formulários */ html.theme-light input[type="text"], html.theme-light input[type="email"], html.theme-light input[type="tel"], html.theme-light input[type="number"], html.theme-light textarea, html.theme-light select { background: var(--bg-secondary); border-color: var(--border-color); color: var(--text-primary); } html.theme-light input[type="text"]:focus, html.theme-light input[type="email"]:focus, html.theme-light input[type="tel"]:focus, html.theme-light input[type="number"]:focus, html.theme-light textarea:focus, html.theme-light select:focus { background: #ffffff; border-color: #3498db; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); } html.theme-light input::placeholder, html.theme-light textarea::placeholder { color: var(--text-tertiary); } html.theme-light label { color: var(--text-secondary); } /* Modal */ html.theme-light .modal { background: rgba(0, 0, 0, 0.5); } html.theme-light .modal-content { background: #ffffff; border-color: var(--border-color); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); } html.theme-light .modal-header { border-bottom-color: var(--border-color); } html.theme-light .modal-header h2 { color: var(--text-primary); } html.theme-light .modal-close { color: var(--text-secondary); } html.theme-light .modal-close:hover { color: var(--text-primary); background: var(--bg-tertiary); } html.theme-light .modal-body { background: #ffffff; } html.theme-light .modal-body p { color: var(--text-secondary); } html.theme-light .modal-body strong { color: var(--text-primary); } /* Store Status Banner */ html.theme-light .store-status-banner { background: rgba(255, 193, 7, 0.1); border-color: rgba(255, 193, 7, 0.3); color: #d68910; } html.theme-light .store-status-banner.closed { background: rgba(231, 76, 60, 0.1); border-color: rgba(231, 76, 60, 0.3); color: #c0392b; } /* Install Prompt */ html.theme-light .install-prompt { background: rgba(255, 255, 255, 0.95); border-top-color: var(--border-color); border-bottom-color: var(--border-color); } html.theme-light .install-prompt-content { background: #ffffff; border-color: var(--border-color); box-shadow: 0 2px 8px var(--shadow-color); } html.theme-light .install-text h3 { color: var(--text-primary); } html.theme-light .install-text p { color: var(--text-secondary); } html.theme-light .btn-install { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); color: #ffffff; box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3); } html.theme-light .btn-install:hover { background: linear-gradient(135deg, #2980b9 0%, #21618c 100%); box-shadow: 0 6px 18px rgba(52, 152, 219, 0.4); } html.theme-light .btn-link { color: #3498db; } html.theme-light .btn-link:hover { color: #2980b9; } /* Filter Sidebar */ html.theme-light .filter-sidebar-overlay { background: rgba(0, 0, 0, 0.5); } html.theme-light .filter-sidebar-content { background: rgba(255, 255, 255, 0.98); box-shadow: 4px 0 20px rgba(0, 0, 0, 0.2); } html.theme-light .filter-sidebar-header { background: rgba(248, 249, 250, 0.95); border-bottom-color: var(--border-color); } html.theme-light .filter-sidebar-header h2 { color: var(--text-primary); } html.theme-light .filter-close { color: var(--text-primary); } html.theme-light .filter-close:hover { background: var(--bg-tertiary); } html.theme-light .filter-option { background: rgba(0, 0, 0, 0.03); border-color: var(--border-color); color: var(--text-primary); } html.theme-light .filter-option:hover { background: rgba(0, 0, 0, 0.05); border-color: #3498db; } html.theme-light .filter-option.active { background: linear-gradient(135deg, rgba(52, 152, 219, 0.1) 0%, rgba(41, 128, 185, 0.05) 100%); border-color: #3498db; box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2); } /* Loading e Empty States */ html.theme-light .loading-state p { color: var(--text-secondary); } html.theme-light .empty-state { background: #ffffff; border-color: var(--border-color); } html.theme-light .empty-state h2, html.theme-light .empty-state h3 { color: var(--text-primary); } html.theme-light .empty-state p { color: var(--text-secondary); } html.theme-light .empty-icon { opacity: 0.3; } /* Footer */ html.theme-light .store-footer { background: rgba(255, 255, 255, 0.95); border-top-color: var(--border-color); } html.theme-light .footer-contact-mobile .footer-info-item span { color: var(--text-secondary); } html.theme-light .footer-social-mobile a { background: rgba(0, 0, 0, 0.05); color: var(--text-primary); } html.theme-light .footer-social-mobile a:hover { background: rgba(0, 0, 0, 0.1); } html.theme-light .footer-bottom p { color: var(--text-secondary); } html.theme-light .btn-whatsapp { background: linear-gradient(135deg, #25d366 0%, #20ba5a 100%); box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3); } html.theme-light .btn-whatsapp:hover { box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4); } /* Consultar Pedidos Section */ html.theme-light .consultar-pedidos-section { background: rgba(255, 255, 255, 0.95); border-top-color: var(--border-color); } html.theme-light .btn-consultar-pedidos-large { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); } html.theme-light .btn-consultar-pedidos-large:hover { box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); } /* Status Badges */ html.theme-light .status-badge { background: var(--bg-tertiary); color: var(--text-secondary); } html.theme-light .status-pendente { background: rgba(243, 156, 18, 0.1); color: #d68910; border-color: #f39c12; } html.theme-light .status-aceito { background: rgba(39, 174, 96, 0.1); color: #27ae60; border-color: #27ae60; } html.theme-light .status-rejeitado { background: rgba(231, 76, 60, 0.1); color: #e74c3c; border-color: #e74c3c; } html.theme-light .status-em-producao { background: rgba(52, 152, 219, 0.1); color: #3498db; border-color: #3498db; } html.theme-light .status-entrega { background: rgba(155, 89, 182, 0.1); color: #9b59b6; border-color: #9b59b6; } html.theme-light .status-entregue { background: rgba(39, 174, 96, 0.1); color: #27ae60; border-color: #27ae60; } /* Botão de Troca de Tema */ html.theme-light .btn-theme-toggle-footer { background: var(--bg-card); border: 1px solid var(--border-color); color: var(--text-primary); padding: 0; border-radius: 10px; cursor: pointer; transition: all 0.3s ease; font-size: 20px; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; box-shadow: 0 2px 6px var(--shadow-color); position: relative; } html.theme-light .btn-theme-toggle-footer:hover { background: var(--bg-secondary); border-color: #3498db; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(52, 152, 219, 0.2); } html.theme-light .btn-theme-toggle-footer:active { transform: translateY(0); box-shadow: 0 2px 6px var(--shadow-color); } /* Ajustes específicos para elementos que precisam de mais contraste */ html.theme-light .quantity-controls input, html.theme-light #productQuantity { background: var(--bg-secondary); border-color: var(--border-color); color: var(--text-primary); } html.theme-light .quantity-controls input:focus, html.theme-light #productQuantity:focus { background: #ffffff; border-color: #3498db; } html.theme-light .product-quantity-section label { color: var(--text-primary); } html.theme-light .btn-quantity { background: rgba(52, 152, 219, 0.1); border-color: #3498db; color: #3498db; } html.theme-light .btn-quantity:hover { background: rgba(52, 152, 219, 0.2); border-color: #2980b9; } html.theme-light .btn-add-cart { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); } html.theme-light .btn-add-cart:hover { box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); } html.theme-light .product-grades, html.theme-light .combo-items { background: var(--bg-tertiary); border-color: var(--border-color); } html.theme-light .grade-option, html.theme-light .combo-item { background: #ffffff; border-color: var(--border-color); } html.theme-light .grade-option:hover, html.theme-light .combo-item:hover { border-color: #3498db; } html.theme-light .grade-option label, html.theme-light .combo-item label { color: var(--text-primary); } html.theme-light .grade-option input[type="radio"], html.theme-light .combo-item input[type="checkbox"] { accent-color: #3498db; } /* Product Grades e Combo Items - Containers */ html.theme-light .product-grades, html.theme-light .combo-items { background: transparent; } /* Grade Group - Container dos grupos de tamanhos/sabores */ html.theme-light .grade-group { background: var(--bg-secondary); border-color: var(--border-color); } html.theme-light .grade-group-header h4, html.theme-light .grade-group-header h5 { color: var(--text-primary); } html.theme-light .grade-badge { background: rgba(52, 152, 219, 0.1); color: #3498db; } html.theme-light .grade-badge.badge-required { background: rgba(231, 76, 60, 0.1); color: #e74c3c; } /* Grade Option Label - Radio buttons dos sabores/tamanhos */ html.theme-light .grade-option-label { background: var(--bg-secondary); border-color: var(--border-color); color: var(--text-primary) !important; } html.theme-light .grade-option-label, html.theme-light .grade-option-label span, html.theme-light .grade-option-label span:not(small) { color: var(--text-primary) !important; } html.theme-light .grade-option-label:hover { border-color: rgba(52, 152, 219, 0.5); background: rgba(52, 152, 219, 0.1); } html.theme-light .grade-option-label:hover span { color: var(--text-primary); } html.theme-light .grade-option-label:has(input:checked) { background: linear-gradient(135deg, rgba(52, 152, 219, 0.15) 0%, rgba(41, 128, 185, 0.2) 100%); border-color: #3498db; box-shadow: 0 2px 8px rgba(52, 152, 219, 0.2), inset 0 1px 2px rgba(52, 152, 219, 0.1); } html.theme-light .grade-option-label input:checked + span { color: var(--text-primary) !important; font-weight: 600; } html.theme-light .grade-option-label input:checked + span small { color: var(--text-secondary) !important; } html.theme-light .grade-option-label small { color: var(--text-secondary); } /* Combo Item Card - Cards de selecionar produtos */ html.theme-light .combo-item-card { background: var(--bg-secondary); border-color: var(--border-color); } html.theme-light .combo-item-header h4 { color: var(--text-primary); } html.theme-light .combo-item-code { color: var(--text-secondary); } html.theme-light .combo-item-info { color: var(--text-secondary); } html.theme-light .combo-item-warning { color: #d68910; } /* Cart Combo Detalhes */ html.theme-light .cart-combo-detalhes, html.theme-light .checkout-combo-detalhes, html.theme-light .pedido-item-combo-detalhes { background: var(--bg-tertiary); border-color: var(--border-color); } /* Sobrescrever estilos inline do JavaScript para sabores de pizza em combos */ html.theme-light .sabor-checkbox-label-combo, html.theme-light .sabor-checkbox-label-combo-inline, html.theme-light label[class*="sabor-checkbox-label"] { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } html.theme-light .sabor-checkbox-label-combo[style*="background: #1a3a5a"], html.theme-light .sabor-checkbox-label-combo-inline[style*="background: #1a3a5a"], html.theme-light label[style*="background: #1a3a5a"] { background: rgba(52, 152, 219, 0.1) !important; border-color: #3498db !important; } html.theme-light .sabor-checkbox-label-combo[style*="background: #1a1a1a"], html.theme-light .sabor-checkbox-label-combo-inline[style*="background: #1a1a1a"] { background: var(--bg-secondary) !important; } /* Sobrescrever TODOS os textos brancos dentro dos labels de sabores */ html.theme-light .sabor-checkbox-label-combo span, html.theme-light .sabor-checkbox-label-combo-inline span, html.theme-light label[class*="sabor-checkbox-label"] span, html.theme-light .sabor-checkbox-label-combo span[style*="color: #fff"], html.theme-light .sabor-checkbox-label-combo-inline span[style*="color: #fff"], html.theme-light label[style*="color: #fff"] span { color: var(--text-primary) !important; } html.theme-light .sabor-checkbox-label-combo span[style*="color: #888"], html.theme-light .sabor-checkbox-label-combo-inline span[style*="color: #888"], html.theme-light label[style*="color: #888"] span { color: var(--text-secondary) !important; } /* Sobrescrever textos brancos em divs dentro dos labels */ html.theme-light .sabor-checkbox-label-combo div, html.theme-light .sabor-checkbox-label-combo-inline div { background: transparent !important; } html.theme-light .sabor-checkbox-label-combo div span, html.theme-light .sabor-checkbox-label-combo-inline div span, html.theme-light .sabor-checkbox-label-combo div span[style*="color: #fff"], html.theme-light .sabor-checkbox-label-combo-inline div span[style*="color: #fff"], html.theme-light label[class*="sabor-checkbox-label"] div span[style*="color: #fff"] { color: var(--text-primary) !important; } html.theme-light .sabor-checkbox-label-combo div span[style*="color: #888"], html.theme-light .sabor-checkbox-label-combo-inline div span[style*="color: #888"], html.theme-light label[class*="sabor-checkbox-label"] div span[style*="color: #888"] { color: var(--text-secondary) !important; } /* Garantir que TODOS os spans dentro dos labels de sabores tenham texto escuro */ html.theme-light label[class*="sabor-checkbox-label"] span:not([style*="color: #3498db"]):not([style*="color: #27ae60"]) { color: var(--text-primary) !important; } html.theme-light label[class*="sabor-checkbox-label"] div span:not([style*="color: #3498db"]):not([style*="color: #27ae60"]) { color: var(--text-primary) !important; } /* Título dos sabores no combo */ html.theme-light .sabores-title-combo, html.theme-light .sabores-title-combo[style*="color: #fff"], html.theme-light div[class*="sabores-title-combo"] { color: var(--text-primary) !important; } /* Seleção de sabores no combo - container */ html.theme-light .sabores-selecao-combo, html.theme-light div[class*="sabores-selecao-combo"] { background: transparent !important; } html.theme-light .sabores-checkboxes-combo, html.theme-light div[class*="sabores-checkboxes-combo"] { background: transparent !important; } /* Preview de sabores */ html.theme-light .sabores-preview-combo { background: rgba(52, 152, 219, 0.1) !important; border-color: rgba(52, 152, 219, 0.3) !important; } html.theme-light .sabores-preview-combo span[style*="color: #3498db"] { color: #3498db !important; } html.theme-light .sabores-preview-combo span[style*="background: #3498db"] { background: #3498db !important; color: #ffffff !important; } /* Containers de classificação de pizza em combos */ html.theme-light [class*="classificacao-pizza-combo-cliente"], html.theme-light div[style*="background: #2a2a2a"] { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } html.theme-light [class*="classificacao-header-combo-cliente"] h5, html.theme-light div[style*="color: #fff"] h5, html.theme-light h3[style*="color: #fff"] { color: var(--text-primary) !important; } html.theme-light [class*="classificacao-header-combo-cliente"]:hover { background: var(--bg-tertiary) !important; } /* Containers de sabores */ html.theme-light [class*="sabores-container-combo-cliente"] { background: transparent !important; } /* Cards de Tamanho de Pizza */ html.theme-light .pizza-tamanho-btn, html.theme-light button[class*="pizza-tamanho"], html.theme-light button[data-tamanho-id] { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } html.theme-light .pizza-tamanho-btn[style*="background: #1a3a5a"], html.theme-light button[style*="background: #1a3a5a"] { background: rgba(52, 152, 219, 0.1) !important; border-color: #3498db !important; } html.theme-light .pizza-tamanho-btn[style*="background: #2a2a2a"], html.theme-light button[style*="background: #2a2a2a"] { background: var(--bg-secondary) !important; } /* Textos dentro dos botões de tamanho */ html.theme-light .pizza-tamanho-btn div, html.theme-light button[data-tamanho-id] div { color: var(--text-primary) !important; } html.theme-light .pizza-tamanho-btn div[style*="color: #fff"], html.theme-light button[data-tamanho-id] div[style*="color: #fff"] { color: var(--text-primary) !important; } html.theme-light .pizza-tamanho-btn div[style*="color: #888"], html.theme-light button[data-tamanho-id] div[style*="color: #888"] { color: var(--text-secondary) !important; } /* Preço dentro dos botões de tamanho deve permanecer verde */ html.theme-light .pizza-tamanho-btn div[style*="color: #27ae60"], html.theme-light button[data-tamanho-id] div[style*="color: #27ae60"] { color: #27ae60 !important; } /* Seção de tamanho selecionado */ html.theme-light .pizza-section div[style*="background: rgba(52, 152, 219, 0.1)"], html.theme-light div[style*="background: rgba(52, 152, 219, 0.1)"] { background: rgba(52, 152, 219, 0.1) !important; border-color: rgba(52, 152, 219, 0.3) !important; } html.theme-light .pizza-section div[style*="color: #fff"], html.theme-light .pizza-section div[style*="color: #888"] { color: var(--text-secondary) !important; } html.theme-light .pizza-section div[style*="color: #fff"][style*="font-weight: bold"] { color: var(--text-primary) !important; } html.theme-light .pizza-section div[style*="color: #3498db"] { color: #3498db !important; } /* Títulos da seção de pizza */ html.theme-light .pizza-section h4, html.theme-light h4[style*="color: #fff"] { color: var(--text-primary) !important; } html.theme-light .pizza-section h4 span[style*="color: #888"] { color: var(--text-secondary) !important; } /* Container de tamanhos */ html.theme-light .pizza-tamanhos-list, html.theme-light #pizzaTamanhosList { background: transparent !important; } /* Containers de classificação de pizza (diferentes dos de combo) */ html.theme-light [class*="classificacao-pizza-"]:not([class*="combo-cliente"]), html.theme-light div[class*="classificacao-pizza-"]:not([class*="combo-cliente"]) { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } html.theme-light [class*="classificacao-header-"]:not([class*="combo-cliente"]):hover { background: var(--bg-tertiary) !important; } html.theme-light [class*="classificacao-header-"]:not([class*="combo-cliente"]) h5, html.theme-light h5[style*="color: #fff"] { color: var(--text-primary) !important; } /* Checkboxes de sabores na seção de pizza (não em combo) */ html.theme-light .sabor-checkbox-label:not([class*="combo"]), html.theme-light label[class*="sabor-checkbox-label"]:not([class*="combo"]) { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } html.theme-light .sabor-checkbox-label:not([class*="combo"])[style*="background: #1a3a5a"], html.theme-light label[class*="sabor-checkbox-label"]:not([class*="combo"])[style*="background: #1a3a5a"] { background: rgba(52, 152, 219, 0.1) !important; border-color: #3498db !important; } html.theme-light .sabor-checkbox-label:not([class*="combo"]) span, html.theme-light label[class*="sabor-checkbox-label"]:not([class*="combo"]) span, html.theme-light .sabor-checkbox-label:not([class*="combo"]) span[style*="color: #fff"], html.theme-light label[class*="sabor-checkbox-label"]:not([class*="combo"]) span[style*="color: #fff"] { color: var(--text-primary) !important; } html.theme-light .sabor-checkbox-label:not([class*="combo"]) span[style*="color: #888"], html.theme-light label[class*="sabor-checkbox-label"]:not([class*="combo"]) span[style*="color: #888"] { color: var(--text-secondary) !important; } html.theme-light .sabor-checkbox-label:not([class*="combo"]) div span, html.theme-light label[class*="sabor-checkbox-label"]:not([class*="combo"]) div span { color: var(--text-primary) !important; } html.theme-light .sabor-checkbox-label:not([class*="combo"]) div span[style*="color: #888"] { color: var(--text-secondary) !important; } /* Containers de sabores na seção de pizza */ html.theme-light [class*="sabores-container-"]:not([class*="combo-cliente"]) { background: transparent !important; } /* Preview de sabores selecionados na seção de pizza */ html.theme-light #pizzaSaboresPreview, html.theme-light div[id="pizzaSaboresPreview"] { background: rgba(52, 152, 219, 0.1) !important; border-color: rgba(52, 152, 219, 0.3) !important; } html.theme-light #pizzaSaboresPreview div[style*="color: #3498db"] { color: #3498db !important; } html.theme-light #pizzaSaboresPreview span[style*="background: #3498db"] { background: #3498db !important; color: #ffffff !important; } /* ========== RESUMO DO PEDIDO (CHECKOUT) ========== */ html.theme-light .checkout-summary { background: transparent; } html.theme-light .summary-box { background: var(--bg-card) !important; border-color: var(--border-color) !important; box-shadow: 0 2px 10px var(--shadow-color); } html.theme-light .summary-box h3 { color: var(--text-primary) !important; border-bottom-color: var(--border-color) !important; } html.theme-light .checkout-items { background: transparent; } html.theme-light .checkout-item { border-bottom-color: var(--border-color) !important; } html.theme-light .checkout-item-info { background: transparent; } html.theme-light .checkout-item-name { color: var(--text-primary) !important; } html.theme-light .checkout-item-meta { color: var(--text-secondary) !important; } html.theme-light .checkout-item-total { color: var(--text-primary) !important; font-weight: 600; } html.theme-light .checkout-item-observacao { color: var(--text-secondary) !important; margin-top: 5px; font-size: 12px; } html.theme-light .summary-row { color: var(--text-primary); } html.theme-light .summary-row span { color: inherit; } html.theme-light .summary-row.summary-total { border-top-color: var(--border-color) !important; } html.theme-light .summary-row.summary-total span { color: var(--text-primary) !important; font-weight: 600; font-size: 18px; } html.theme-light .checkout-endereco { border-top-color: var(--border-color) !important; } html.theme-light .checkout-endereco div[style*="color: #b0b0b0"], html.theme-light .checkout-endereco div[style*="color: #ffffff"] { color: var(--text-secondary) !important; } html.theme-light p[style*="color: #b0b0b0"] { color: var(--text-secondary) !important; } /* Detalhes de pizza no checkout */ html.theme-light .checkout-pizza-detalhes { background: rgba(230, 126, 34, 0.1) !important; border-color: rgba(230, 126, 34, 0.3) !important; } html.theme-light .checkout-pizza-detalhes div[style*="color: #e0e0e0"], html.theme-light .checkout-pizza-detalhes div[style*="color: #888"] { color: var(--text-secondary) !important; } html.theme-light .checkout-pizza-detalhes div[style*="color: #e67e22"] { color: #e67e22 !important; } /* Combo detalhes no checkout */ html.theme-light .checkout-combo-detalhes, html.theme-light .checkout-combo-item { background: transparent; } html.theme-light .checkout-combo-item-header { color: var(--text-primary) !important; } html.theme-light .checkout-item-variacoes { color: var(--text-secondary) !important; } html.theme-light .checkout-combo-chip { background: rgba(52, 152, 219, 0.1) !important; color: #3498db !important; border-color: rgba(52, 152, 219, 0.3) !important; } /* Títulos do formulário no checkout */ html.theme-light h2[style*="color: #ffffff"], html.theme-light h3[style*="color: #ffffff"] { color: var(--text-primary) !important; } /* Textarea no checkout */ html.theme-light textarea[style*="background: #2a2a2a"] { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } html.theme-light textarea[style*="color: #ffffff"] { color: var(--text-primary) !important; } /* Endereço de entrega no checkout */ html.theme-light #checkoutEnderecoTexto { color: var(--text-primary) !important; } /* ========== CAMPO QUANTIDADE NO CARRINHO ========== */ html.theme-light .cart-item-quantity { display: flex; flex-direction: column; gap: 5px; } html.theme-light .cart-item-quantity label { color: var(--text-secondary) !important; } html.theme-light .quantity-controls { display: flex; align-items: center; gap: 8px; } html.theme-light .quantity-controls input[type="number"] { width: 60px; padding: 8px; border: 2px solid var(--border-color) !important; border-radius: 8px; background: var(--bg-secondary) !important; color: var(--text-primary) !important; font-size: 14px; text-align: center; font-weight: 600; } html.theme-light .quantity-controls input[type="number"]:focus { border-color: #3498db !important; outline: none; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); } html.theme-light .btn-quantity { background: rgba(52, 152, 219, 0.1) !important; border-color: #3498db !important; color: #3498db !important; } html.theme-light .btn-quantity:hover { background: rgba(52, 152, 219, 0.2) !important; } /* ========== MODAL DE OBSERVAÇÃO NO CARRINHO ========== */ html.theme-light #observacaoItemNome, html.theme-light p[id="observacaoItemNome"] { color: var(--text-primary) !important; } html.theme-light #observacaoItemNome[style*="color: #ffffff"], html.theme-light p[id="observacaoItemNome"][style*="color: #ffffff"] { color: var(--text-primary) !important; } /* ========== CONSULTA DE PEDIDOS ========== */ /* Título "Seus Últimos 3 Pedidos" */ html.theme-light #pedidosList h3, html.theme-light h3[style*="color: #ffffff"] { color: var(--text-primary) !important; } /* Cards de pedido */ html.theme-light .pedido-card { background: var(--bg-card) !important; border-color: var(--border-color) !important; } html.theme-light .pedido-header h3 { color: var(--text-primary) !important; } html.theme-light .pedido-data { color: var(--text-secondary) !important; } html.theme-light .pedido-total { color: var(--text-primary) !important; border-top-color: var(--border-color) !important; } html.theme-light .pedido-total strong { color: #3498db !important; } html.theme-light .pedido-itens, html.theme-light .pedido-itens strong { color: var(--text-primary) !important; } html.theme-light .pedido-item-list li { color: var(--text-primary) !important; } html.theme-light .pedido-item-list li strong { color: var(--text-primary) !important; } html.theme-light .pedido-item-variacoes { color: var(--text-secondary) !important; } html.theme-light .pedido-item-combo-detalhes { background: rgba(52, 152, 219, 0.05) !important; border-color: rgba(52, 152, 219, 0.1) !important; } html.theme-light .pedido-item-combo-header { color: var(--text-primary) !important; } html.theme-light .pedido-combo-chip { background: rgba(52, 152, 219, 0.1) !important; color: #3498db !important; border-color: rgba(52, 152, 219, 0.3) !important; } /* Detalhes de pizza no pedido */ html.theme-light .pedido-item-pizza { background: rgba(230, 126, 34, 0.1) !important; border-color: rgba(230, 126, 34, 0.3) !important; } html.theme-light .pedido-item-pizza div[style*="color: #e0e0e0"], html.theme-light .pedido-item-pizza div[style*="color: #888"] { color: var(--text-secondary) !important; } html.theme-light .pedido-item-pizza div[style*="color: #e67e22"] { color: #e67e22 !important; } html.theme-light .pedido-item-pizza strong { color: var(--text-primary) !important; } /* Status do pedido */ html.theme-light .pedido-status { color: var(--text-primary) !important; } html.theme-light .status-pendente { color: #f39c12 !important; } html.theme-light .status-producao { color: #3498db !important; } html.theme-light .status-entrega { color: #9b59b6 !important; } html.theme-light .status-entregue { color: #27ae60 !important; } html.theme-light .status-rejeitado { color: #e74c3c !important; } /* Barra de progresso do pedido */ html.theme-light .progresso-etapa { color: var(--text-primary) !important; } html.theme-light .progresso-label { color: var(--text-secondary) !important; } html.theme-light .progresso-barra-fundo { background: var(--bg-tertiary) !important; } html.theme-light .progresso-barra-preenchimento { background: #3498db !important; } /* Itens vazios */ html.theme-light .pedido-itens-empty { color: var(--text-secondary) !important; } /* Formulário de consulta */ html.theme-light .pedidos-consulta-form input { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } html.theme-light .pedidos-consulta-form input:focus { border-color: #3498db !important; } /* Indicador de atualização automática */ html.theme-light #autoUpdateIndicator { background: rgba(52, 152, 219, 0.1) !important; border-color: rgba(52, 152, 219, 0.3) !important; } html.theme-light #autoUpdateIndicator p[style*="color: #3498db"] { color: #3498db !important; } /* ========== CARD "SEUS DADOS" (CHECKOUT) ========== */ html.theme-light .checkout-form-section { background: var(--bg-card) !important; border-color: var(--border-color) !important; box-shadow: 0 2px 10px var(--shadow-color); } html.theme-light .checkout-form-section h2, html.theme-light .checkout-form-section h2[style*="color: #ffffff"] { color: var(--text-primary) !important; } /* Info boxes (phone-info-box e payment-info-box) */ html.theme-light .phone-info-box, html.theme-light .payment-info-box { background: rgba(52, 152, 219, 0.1) !important; border-color: rgba(52, 152, 219, 0.2) !important; } html.theme-light .info-text strong { color: var(--text-primary) !important; } html.theme-light .info-text p { color: var(--text-secondary) !important; } html.theme-light .info-icon { color: #3498db !important; } /* Form sections dentro do checkout-form-section */ html.theme-light .checkout-form-section .form-section h3, html.theme-light .checkout-form-section .form-section h3[style*="color: #ffffff"] { color: var(--text-primary) !important; } html.theme-light .checkout-form-section p[style*="color: #888888"], html.theme-light .checkout-form-section p[style*="color: #888"] { color: var(--text-secondary) !important; } html.theme-light .checkout-form-section label span { color: var(--text-primary) !important; } /* ========== CARD "FINALIZAR PEDIDO" (CHECKOUT) ========== */ html.theme-light .checkout-finalize-section { background: var(--bg-card) !important; border-color: var(--border-color) !important; box-shadow: 0 2px 10px var(--shadow-color); } html.theme-light .checkout-finalize-section .btn-finalizar { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3); } html.theme-light .checkout-finalize-section .btn-finalizar:hover { box-shadow: 0 6px 20px rgba(52, 152, 219, 0.4); transform: translateY(-2px); } html.theme-light .checkout-finalize-section .btn-finalizar:disabled { opacity: 0.6; cursor: not-allowed; } /* ========== SELECT DE FORMA DE PAGAMENTO (CHECKOUT) ========== */ html.theme-light .form-group select { background-color: var(--bg-secondary) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a1a' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; padding-right: 40px !important; appearance: none !important; cursor: pointer !important; } html.theme-light .form-group select:focus { background-color: var(--bg-card) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231a1a1a' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; border-color: #3498db !important; box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1); outline: none !important; } html.theme-light .form-group select option { background-color: var(--bg-card) !important; color: var(--text-primary) !important; padding: 10px !important; } /* ========== TAXA DE ENTREGA (CHECKOUT) ========== */ /* Garantir que o texto "Calculando..." seja visível no tema claro */ html.theme-light #checkoutTaxaEntrega[style*="color: #b0b0b0"], html.theme-light #checkoutTaxaEntrega[style*="color:#b0b0b0"] { color: var(--text-secondary) !important; } html.theme-light #checkoutTaxaEntrega { color: var(--text-primary) !important; }