/* Temas de Cores para Cardápio Digital */

/* Tema: Chama da Fome */
.tema-chama-fome {
    --cor-primaria: #D2691E;
    --cor-secundaria: #FF6347;
    --cor-destaque: #FFD700;
    --cor-fundo: #FFF8DC;
    --cor-texto: #8B4513;
    --cor-borda: #CD853F;
}

.tema-chama-fome,
body.tema-chama-fome {
    background: linear-gradient(135deg, #FFF8DC 0%, #FFE4B5 50%, #FFFACD 100%) !important;
}

.tema-chama-fome .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

.tema-chama-fome #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-chama-fome #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.tema-chama-fome .categoria-titulo {
    background: var(--cor-destaque);
    color: var(--cor-texto);
}

.tema-chama-fome .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-chama-fome .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
}

/* Tema: Sol e Especiarias */
.tema-sol-especiarias {
    --cor-primaria: #DAA520;
    --cor-secundaria: #CD853F;
    --cor-destaque: #A0522D;
    --cor-fundo: #FFFACD;
    --cor-texto: #8B4513;
    --cor-borda: #DEB887;
}

.tema-sol-especiarias,
body.tema-sol-especiarias {
    background: linear-gradient(135deg, #FFFACD 0%, #F5DEB3 50%, #DEB887 100%) !important;
}

.tema-sol-especiarias .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

.tema-sol-especiarias #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-sol-especiarias #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.tema-sol-especiarias .categoria-titulo {
    background: var(--cor-destaque);
    color: white;
}

.tema-sol-especiarias .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-sol-especiarias .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
}

/* Tema: Mesa na Floresta */
.tema-mesa-floresta {
    --cor-primaria: #556B2F;
    --cor-secundaria: #8FBC8F;
    --cor-destaque: #708090;
    --cor-fundo: #F0FFF0;
    --cor-texto: #2F4F2F;
    --cor-borda: #9ACD32;
}

.tema-mesa-floresta,
body.tema-mesa-floresta {
    background: linear-gradient(135deg, #F0FFF0 0%, #E0FFE0 50%, #C0FFC0 100%) !important;
}

.tema-mesa-floresta .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

.tema-mesa-floresta #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-mesa-floresta #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.tema-mesa-floresta .categoria-titulo {
    background: var(--cor-destaque);
    color: white;
}

.tema-mesa-floresta .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-mesa-floresta .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
}

/* Tema: Colheita de Outono */
.tema-colheita-outono {
    --cor-primaria: #FF8C00;
    --cor-secundaria: #9ACD32;
    --cor-destaque: #CD853F;
    --cor-fundo: #FFF8DC;
    --cor-texto: #8B4513;
    --cor-borda: #DEB887;
}

.tema-colheita-outono,
body.tema-colheita-outono {
    background: linear-gradient(135deg, #FFF8DC 0%, #FFE4B5 50%, #DEB887 100%) !important;
}

.tema-colheita-outono .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

.tema-colheita-outono .categoria-titulo {
    background: var(--cor-destaque);
    color: white;
}

.tema-colheita-outono .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-colheita-outono .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
}

/* Tema: Jardim de Chá */
.tema-jardim-cha {
    --cor-primaria: #DDA0DD;
    --cor-secundaria: #FFB6C1;
    --cor-destaque: #f8ebf5;
    --cor-fundo: #FFF0F5;
    --cor-texto: #8B008B;
    --cor-borda: #D8BFD8;
}

.tema-jardim-cha,
body.tema-jardim-cha {
    background: linear-gradient(135deg, #FFF0F5 0%, #FFE4E1 50%, #F0E68C 100%) !important;
}

.tema-jardim-cha .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

.tema-jardim-cha .categoria-titulo {
    background: var(--cor-destaque);
    color: var(--cor-texto);
}

.tema-jardim-cha .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-jardim-cha .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
}

/* Tema: Pérolas e Rosé */
.tema-perolas-rose {
    --cor-primaria: #FFB6C1;
    --cor-secundaria: #C0C0C0;
    --cor-destaque: #F5F5F5;
    --cor-fundo: #FFF8F8;
    --cor-texto: #696969;
    --cor-borda: #D3D3D3;
}

.tema-perolas-rose,
body.tema-perolas-rose {
    background: linear-gradient(135deg, #FFF8F8 0%, #F5F5F5 50%, #E6E6FA 100%) !important;
}

.tema-perolas-rose .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

.tema-perolas-rose .categoria-titulo {
    background: var(--cor-destaque);
    color: var(--cor-texto);
}

.tema-perolas-rose .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-perolas-rose .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
}

/* Tema: Orgulho e Celebração */
.tema-orgulho-celebracao {
    --cor-primaria: #FF0000;
    --cor-secundaria: #00FF00;
    --cor-destaque: #0000FF;
    --cor-fundo: #FFFFFF;
    --cor-texto: #000000;
    --cor-borda: #FFD700;
}

.tema-orgulho-celebracao,
body.tema-orgulho-celebracao {
    background: linear-gradient(135deg, #FFFFFF 0%, #FFD700 50%, #FF69B4 100%) !important;
    color: var(--cor-texto) !important;
}

.tema-orgulho-celebracao .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 50%, var(--cor-destaque) 100%);
    color: #FFFFFF;
}

.tema-orgulho-celebracao .categoria-titulo {
    background: var(--cor-destaque);
    color: #FFFFFF;
    border: 2px solid var(--cor-primaria);
}

.tema-orgulho-celebracao .produto-item {
    border-left: 4px solid var(--cor-primaria);
    background: #FFFFFF;
    color: var(--cor-texto);
    border: 1px solid var(--cor-borda);
}

.tema-orgulho-celebracao .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
    border-color: var(--cor-primaria);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.tema-orgulho-celebracao .produto-nome {
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .produto-descricao {
    color: #666666;
}

.tema-orgulho-celebracao .produto-preco {
    color: var(--cor-destaque);
    font-weight: bold;
}

.tema-orgulho-celebracao .btn {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #FFFFFF;
}

.tema-orgulho-celebracao .btn:hover {
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
    color: #000000;
}

.tema-orgulho-celebracao .btn-success {
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
    color: #000000;
}

.tema-orgulho-celebracao .btn-success:hover {
    background: var(--cor-destaque);
    border-color: var(--cor-destaque);
    color: #FFFFFF;
}

.tema-orgulho-celebracao .card {
    background: #FFFFFF;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .nav-link {
    color: var(--cor-texto);
    border-color: var(--cor-borda);
}

.tema-orgulho-celebracao .nav-link:hover {
    background: var(--cor-fundo);
    color: var(--cor-primaria);
}

.tema-orgulho-celebracao .nav-link.active {
    background: var(--cor-primaria);
    color: #FFFFFF;
}

.tema-orgulho-celebracao .botoes-acao .btn {
    background: #FFFFFF;
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .botoes-acao .btn:hover {
    background: var(--cor-primaria);
    color: #FFFFFF;
}

.tema-orgulho-celebracao .botoes-acao .btn.active {
    background: var(--cor-destaque);
    border-color: var(--cor-destaque);
    color: #FFFFFF;
}

.tema-orgulho-celebracao .mesa-info {
    background: #FFFFFF;
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .modal-content {
    background: #FFFFFF;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .modal-header {
    border-bottom: 1px solid var(--cor-borda);
}

.tema-orgulho-celebracao .modal-footer {
    border-top: 1px solid var(--cor-borda);
}

.tema-orgulho-celebracao .form-control {
    background: #FFFFFF;
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .form-control:focus {
    background: #FFFFFF;
    border-color: var(--cor-primaria);
    color: var(--cor-texto);
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.tema-orgulho-celebracao .form-label {
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .table {
    color: var(--cor-texto);
}

.tema-orgulho-celebracao .table th {
    background: var(--cor-fundo);
    color: var(--cor-texto);
    border-color: var(--cor-borda);
}

.tema-orgulho-celebracao .table td {
    border-color: var(--cor-borda);
}

.tema-orgulho-celebracao .alert {
    background: var(--cor-fundo);
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

/* Tema: Contraste e Legibilidade */
.tema-contraste-legibilidade {
    --cor-primaria: #000000;
    --cor-secundaria: #FFFFFF;
    --cor-destaque: #FFD700;
    --cor-fundo: #F8F8F8;
    --cor-texto: #000000;
    --cor-borda: #CCCCCC;
}

.tema-contraste-legibilidade,
body.tema-contraste-legibilidade {
    background: linear-gradient(135deg, #F8F8F8 0%, #FFFFFF 50%, #E0E0E0 100%) !important;
}

.tema-contraste-legibilidade .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, #333333 100%);
    color: var(--cor-secundaria);
}

.tema-contraste-legibilidade .categoria-titulo {
    background: var(--cor-destaque);
    color: var(--cor-primaria);
}

.tema-contraste-legibilidade .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-contraste-legibilidade .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-destaque);
}

/* Tema: Minimalismo Geométrico */
.tema-minimalismo-geometrico {
    --cor-primaria: #2C3E50;
    --cor-secundaria: #34495E;
    --cor-destaque: #3498DB;
    --cor-fundo: #ECF0F1;
    --cor-texto: #2C3E50;
    --cor-borda: #BDC3C7;
}

.tema-minimalismo-geometrico,
body.tema-minimalismo-geometrico {
    background: linear-gradient(135deg, #ECF0F1 0%, #FFFFFF 50%, #BDC3C7 100%) !important;
}

.tema-minimalismo-geometrico .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
    color: #FFFFFF;
}

.tema-minimalismo-geometrico .categoria-titulo {
    background: var(--cor-destaque);
    color: white;
}

.tema-minimalismo-geometrico .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-minimalismo-geometrico .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-destaque);
}

/* Tema: Tecnicolor Tropical */
.tema-tecnicolor-tropical {
    --cor-primaria: #00BFFF;
    --cor-secundaria: #FF1493;
    --cor-destaque: #FFFF00;
    --cor-fundo: #F0F8FF;
    --cor-texto: #000000;
    --cor-borda: #FF69B4;
}

.tema-tecnicolor-tropical,
body.tema-tecnicolor-tropical {
    background: linear-gradient(135deg, #F0F8FF 0%, #FFB6C1 50%, #FFFF00 100%) !important;
}

.tema-tecnicolor-tropical .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
}

.tema-tecnicolor-tropical .categoria-titulo {
    background: var(--cor-destaque);
    color: var(--cor-texto);
}

.tema-tecnicolor-tropical .produto-item {
    border-left: 4px solid var(--cor-primaria);
}

.tema-tecnicolor-tropical .produto-item:hover {
    background: var(--cor-fundo);
    border-left-color: var(--cor-secundaria);
}

/* Estilos comuns para todos os temas */
[class*="tema-"] .header-cardapio {
    color: white;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

[class*="tema-"] .categoria-titulo {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

[class*="tema-"] .produto-item {
    transition: all 0.3s ease;
}

[class*="tema-"] .produto-preco {
    color: var(--cor-primaria);
    font-weight: bold;
}

[class*="tema-"] .btn-primary {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

[class*="tema-"] .btn-primary:hover {
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
}

[class*="tema-"] .btn-secondary {
    background: var(--cor-destaque);
    border-color: var(--cor-destaque);
    color: var(--cor-texto);
}

[class*="tema-"] .btn-secondary:hover {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: white;
}

/* Estilos específicos para cards e elementos com tema */
[class*="tema-"] .card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[class*="tema-"] .nav {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[class*="tema-"] .botoes-acao .btn {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: white;
}

[class*="tema-"] .botoes-acao .btn:hover {
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
}

[class*="tema-"] .botoes-acao .btn.active {
    background: var(--cor-destaque);
    border-color: var(--cor-destaque);
    color: var(--cor-texto);
}

[class*="tema-"] .mesa-info {
    background: rgba(255, 255, 255, 0.9);
    border-color: var(--cor-primaria);
    color: var(--cor-texto);
}

[class*="tema-"] .modal-content {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Tema: Padrão */
.tema-padrao {
    --cor-primaria: #6c757d;
    --cor-secundaria: #495057;
    --cor-destaque: #343a40;
    --cor-fundo: #f8f9fa;
    --cor-texto: #212529;
    --cor-borda: #dee2e6;
}

.tema-padrao,
body.tema-padrao {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #dee2e6 100%) !important;
    color: var(--cor-texto) !important;
}

.tema-padrao .header-cardapio {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%);
    color: #ffffff;
}

.tema-padrao .categoria-titulo {
    background: var(--cor-destaque);
    color: #ffffff;
    border: 2px solid var(--cor-primaria);
}

.tema-padrao .produto-item {
    border-left: 4px solid var(--cor-primaria);
    background: #ffffff;
    color: var(--cor-texto);
    border: 1px solid var(--cor-borda);
}

.tema-padrao .produto-item:hover {
    background: #f8f9fa;
    border-left-color: var(--cor-secundaria);
    border-color: var(--cor-primaria);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.tema-padrao .produto-nome {
    color: var(--cor-texto);
}

.tema-padrao .produto-descricao {
    color: #6c757d;
}

.tema-padrao .produto-preco {
    color: var(--cor-destaque);
    font-weight: bold;
}

.tema-padrao .btn {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
    color: #ffffff;
}

.tema-padrao .btn:hover {
    background: var(--cor-secundaria);
    border-color: var(--cor-secundaria);
    color: #ffffff;
}

.tema-padrao .btn-success {
    background: #28a745;
    border-color: #28a745;
    color: #ffffff;
}

.tema-padrao .btn-success:hover {
    background: #218838;
    border-color: #1e7e34;
    color: #ffffff;
}

.tema-padrao .card {
    background: #ffffff;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
}

.tema-padrao .nav-link {
    color: var(--cor-texto);
    border-color: var(--cor-borda);
}

.tema-padrao .nav-link:hover {
    background: #f8f9fa;
    color: var(--cor-primaria);
}

.tema-padrao .nav-link.active {
    background: var(--cor-primaria);
    color: #ffffff;
}

.tema-padrao .botoes-acao .btn {
    background: #ffffff;
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

.tema-padrao .botoes-acao .btn:hover {
    background: var(--cor-primaria);
    color: #ffffff;
}

.tema-padrao .botoes-acao .btn.active {
    background: var(--cor-destaque);
    border-color: var(--cor-destaque);
    color: #ffffff;
}

.tema-padrao .mesa-info {
    background: #ffffff;
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

.tema-padrao .modal-content {
    background: #ffffff;
    border: 1px solid var(--cor-borda);
    color: var(--cor-texto);
}

.tema-padrao .modal-header {
    border-bottom: 1px solid var(--cor-borda);
}

.tema-padrao .modal-footer {
    border-top: 1px solid var(--cor-borda);
}

.tema-padrao .form-control {
    background: #ffffff;
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

.tema-padrao .form-control:focus {
    background: #ffffff;
    border-color: var(--cor-primaria);
    color: var(--cor-texto);
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.25);
}

.tema-padrao .form-label {
    color: var(--cor-texto);
}

.tema-padrao .table {
    color: var(--cor-texto);
}

.tema-padrao .table th {
    background: var(--cor-fundo);
    color: var(--cor-texto);
    border-color: var(--cor-borda);
}

.tema-padrao .table td {
    border-color: var(--cor-borda);
}

.tema-padrao .alert {
    background: #f8f9fa;
    border-color: var(--cor-borda);
    color: var(--cor-texto);
}

/* Regras para título e letreiro - Temas restantes */

/* Tema: Colheita de Outono */
.tema-colheita-outono #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-colheita-outono #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Azul Profissional */
.tema-azul-profissional #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-azul-profissional #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Rosa e Lavanda */
.tema-rosa-lavanda #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-rosa-lavanda #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Pérolas e Rosé */
.tema-perolas-rose #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-perolas-rose #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Orgulho e Celebração */
.tema-orgulho-celebracao #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-orgulho-celebracao #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Contraste e Legibilidade */
.tema-contraste-legibilidade #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-contraste-legibilidade #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Minimalismo Geométrico */
.tema-minimalismo-geometrico #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-minimalismo-geometrico #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Tecnicolor Tropical */
.tema-tecnicolor-tropical #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-tecnicolor-tropical #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Padrão */
.tema-padrao #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-padrao #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Tema: Nenhum - Sem aplicação de tema */
.tema-nenhum {
    /* Não define variáveis CSS - usa os estilos padrão do style.css */
}

.tema-nenhum,
body.tema-nenhum {
    /* Mantém o estilo padrão do sistema */
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: var(--gray-800) !important;
}

.tema-nenhum .header-cardapio {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: #FFFFFF;
}

.tema-nenhum .categoria-titulo {
    background: var(--primary-color);
    color: #FFFFFF;
    border: 2px solid var(--secondary-color);
}

.tema-nenhum .produto-item {
    border-left: 4px solid var(--primary-color);
    background: var(--white);
    color: var(--gray-800);
    border: 1px solid var(--gray-200);
}

.tema-nenhum .produto-item:hover {
    background: var(--gray-100);
    border-left-color: var(--secondary-color);
    border-color: var(--primary-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.tema-nenhum .produto-nome {
    color: var(--gray-800);
}

.tema-nenhum .produto-descricao {
    color: var(--gray-600);
}

.tema-nenhum .produto-preco {
    color: var(--primary-color);
    font-weight: bold;
}

.tema-nenhum .btn {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFFFFF;
}

.tema-nenhum .btn:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #FFFFFF;
}

.tema-nenhum .btn-success {
    background: var(--success-color);
    border-color: var(--success-color);
    color: #FFFFFF;
}

.tema-nenhum .btn-success:hover {
    background: #218838;
    border-color: #1e7e34;
    color: #FFFFFF;
}

.tema-nenhum .card {
    background: var(--white);
    border: 1px solid var(--gray-200);
    color: var(--gray-800);
}

.tema-nenhum .nav-link {
    color: var(--gray-800);
    border-color: var(--gray-200);
}

.tema-nenhum .nav-link:hover {
    background: var(--gray-100);
    color: var(--primary-color);
}

.tema-nenhum .nav-link.active {
    background: var(--primary-color);
    color: #FFFFFF;
}

.tema-nenhum .botoes-acao .btn {
    background: var(--white);
    border-color: var(--gray-200);
    color: var(--gray-800);
}

.tema-nenhum .botoes-acao .btn:hover {
    background: var(--primary-color);
    color: #FFFFFF;
}

.tema-nenhum .botoes-acao .btn.active {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #FFFFFF;
}

.tema-nenhum .mesa-info {
    background: var(--white);
    border-color: var(--gray-200);
    color: var(--gray-800);
}

.tema-nenhum .modal-content {
    background: var(--white);
    border: 1px solid var(--gray-200);
    color: var(--gray-800);
}

.tema-nenhum .modal-header {
    border-bottom: 1px solid var(--gray-200);
}

.tema-nenhum .modal-footer {
    border-top: 1px solid var(--gray-200);
}

.tema-nenhum .form-control {
    background: var(--white);
    border-color: var(--gray-200);
    color: var(--gray-800);
}

.tema-nenhum .form-control:focus {
    background: var(--white);
    border-color: var(--primary-color);
    color: var(--gray-800);
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.tema-nenhum .form-label {
    color: var(--gray-800);
}

.tema-nenhum .table {
    color: var(--gray-800);
}

.tema-nenhum .table th {
    background: var(--gray-100);
    color: var(--gray-800);
    border-color: var(--gray-200);
}

.tema-nenhum .table td {
    border-color: var(--gray-200);
}

.tema-nenhum .alert {
    background: var(--gray-100);
    border-color: var(--gray-200);
    color: var(--gray-800);
}

.tema-nenhum #titulo-cardapio {
    color: #FFFFFF;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.tema-nenhum #mensagem-letreiro {
    color: #FFFFFF;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* ========================================
   ESTILOS GLOBAIS PARA TODAS AS PÁGINAS
   ======================================== */

/* Estilos para elementos comuns em todas as páginas - usando seletores genéricos */
[class*="tema-"] .header,
[class*="tema-"] .hub-header,
[class*="tema-"] .estoque-header,
[class*="tema-"] .admin-header,
[class*="tema-"] .mesa-header {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%) !important;
    color: #FFFFFF !important;
}

/* Forçar aplicação de temas em elementos com estilos inline */
body[class*="tema-"] .header,
body[class*="tema-"] .hub-header,
body[class*="tema-"] .estoque-header,
body[class*="tema-"] .admin-header,
body[class*="tema-"] .mesa-header {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%) !important;
    color: #FFFFFF !important;
}

[class*="tema-"] .header h1,
[class*="tema-"] .hub-header h1,
[class*="tema-"] .estoque-header h1,
[class*="tema-"] .admin-header h1,
[class*="tema-"] .mesa-header h1 {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

[class*="tema-"] .header p,
[class*="tema-"] .hub-header p,
[class*="tema-"] .estoque-header p,
[class*="tema-"] .admin-header p,
[class*="tema-"] .mesa-header p {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Navegação */
[class*="tema-"] .nav,
[class*="tema-"] .navegacao-estoque,
[class*="tema-"] .navegacao-admin,
body[class*="tema-"] .nav,
body[class*="tema-"] .navegacao-estoque,
body[class*="tema-"] .navegacao-admin {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[class*="tema-"] .nav-link,
[class*="tema-"] .nav-estoque-link,
[class*="tema-"] .nav-admin-link {
    background: var(--cor-primaria) !important;
    color: #FFFFFF !important;
    border-color: var(--cor-primaria) !important;
}

[class*="tema-"] .nav-link:hover,
[class*="tema-"] .nav-estoque-link:hover,
[class*="tema-"] .nav-admin-link:hover {
    background: var(--cor-secundaria) !important;
    border-color: var(--cor-secundaria) !important;
    color: #FFFFFF !important;
}

[class*="tema-"] .nav-link.active,
[class*="tema-"] .nav-estoque-link.active,
[class*="tema-"] .nav-admin-link.active {
    background: var(--cor-secundaria) !important;
    border-color: var(--cor-secundaria) !important;
    color: #FFFFFF !important;
}

/* Cards */
[class*="tema-"] .card,
[class*="tema-"] .card-estoque,
[class*="tema-"] .interface-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--cor-texto) !important;
}

[class*="tema-"] .card-title,
[class*="tema-"] .interface-title {
    color: var(--cor-primaria) !important;
}

/* Botões */
[class*="tema-"] .btn,
[class*="tema-"] .btn-interface,
[class*="tema-"] .btn-estoque {
    background: var(--cor-primaria) !important;
    border-color: var(--cor-primaria) !important;
    color: #FFFFFF !important;
}

[class*="tema-"] .btn:hover,
[class*="tema-"] .btn-interface:hover,
[class*="tema-"] .btn-estoque:hover {
    background: var(--cor-secundaria) !important;
    border-color: var(--cor-secundaria) !important;
    color: #FFFFFF !important;
}

[class*="tema-"] .btn-success {
    background: var(--cor-secundaria) !important;
    border-color: var(--cor-secundaria) !important;
    color: #FFFFFF !important;
}

[class*="tema-"] .btn-success:hover {
    background: var(--cor-destaque) !important;
    border-color: var(--cor-destaque) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .btn-secondary {
    background: var(--cor-destaque) !important;
    border-color: var(--cor-destaque) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .btn-secondary:hover {
    background: var(--cor-primaria) !important;
    border-color: var(--cor-primaria) !important;
    color: #FFFFFF !important;
}

/* Formulários */
[class*="tema-"] .form-control {
    background: #FFFFFF !important;
    border-color: var(--cor-borda) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .form-control:focus {
    background: #FFFFFF !important;
    border-color: var(--cor-primaria) !important;
    color: var(--cor-texto) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1) !important;
}

[class*="tema-"] .form-label {
    color: var(--cor-texto) !important;
}

/* Tabelas */
[class*="tema-"] .table {
    color: var(--cor-texto) !important;
}

[class*="tema-"] .table th {
    background: var(--cor-fundo) !important;
    color: var(--cor-texto) !important;
    border-color: var(--cor-borda) !important;
}

[class*="tema-"] .table td {
    border-color: var(--cor-borda) !important;
}

[class*="tema-"] .table tbody tr:hover {
    background: var(--cor-fundo) !important;
}

/* Alertas */
[class*="tema-"] .alert {
    background: var(--cor-fundo) !important;
    border-color: var(--cor-borda) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .alert-success {
    background: rgba(40, 167, 69, 0.1) !important;
    border-color: var(--cor-secundaria) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .alert-warning {
    background: rgba(255, 193, 7, 0.1) !important;
    border-color: var(--cor-destaque) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .alert-danger {
    background: rgba(220, 53, 69, 0.1) !important;
    border-color: var(--cor-primaria) !important;
    color: var(--cor-texto) !important;
}

/* Status indicators */
[class*="tema-"] .status-indicator {
    background: var(--cor-secundaria) !important;
}

/* System info */
[class*="tema-"] .system-info {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[class*="tema-"] .stat-value {
    color: var(--cor-primaria) !important;
}

[class*="tema-"] .stat-label {
    color: var(--cor-texto) !important;
}

/* Interface específica - Estoque */
[class*="tema-"] .resumo-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[class*="tema-"] .resumo-card .valor {
    color: var(--cor-primaria) !important;
}

[class*="tema-"] .status-estoque {
    color: #FFFFFF !important;
}

[class*="tema-"] .status-estoque.normal {
    background: var(--cor-secundaria) !important;
}

[class*="tema-"] .status-estoque.baixo {
    background: var(--cor-destaque) !important;
}

[class*="tema-"] .status-estoque.zerado {
    background: var(--cor-primaria) !important;
}

/* Interface específica - Cozinha */
[class*="tema-"] .pedido-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 4px solid var(--cor-primaria) !important;
}

[class*="tema-"] .pedido-card:hover {
    border-left-color: var(--cor-secundaria) !important;
    background: var(--cor-fundo) !important;
}

/* Interface específica - Caixa */
[class*="tema-"] .comanda-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 4px solid var(--cor-primaria) !important;
}

[class*="tema-"] .comanda-card:hover {
    border-left-color: var(--cor-secundaria) !important;
    background: var(--cor-fundo) !important;
}

/* Interface específica - Gerente */
[class*="tema-"] .mesa-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[class*="tema-"] .mesa-card.ocupada {
    border-left: 4px solid var(--cor-primaria) !important;
}

[class*="tema-"] .mesa-card.livre {
    border-left: 4px solid var(--cor-secundaria) !important;
}

[class*="tema-"] .mesa-card.reservada {
    border-left: 4px solid var(--cor-destaque) !important;
}

/* Interface específica - Músicas */
[class*="tema-"] .musica-item {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 4px solid var(--cor-primaria) !important;
}

[class*="tema-"] .musica-item:hover {
    border-left-color: var(--cor-secundaria) !important;
    background: var(--cor-fundo) !important;
}

/* Interface específica - Admin */
[class*="tema-"] .produto-item {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 4px solid var(--cor-primaria) !important;
}

[class*="tema-"] .produto-item:hover {
    border-left-color: var(--cor-secundaria) !important;
    background: var(--cor-fundo) !important;
}

[class*="tema-"] .produto-nome {
    color: var(--cor-primaria) !important;
}

[class*="tema-"] .produto-descricao {
    color: var(--cor-texto) !important;
}

[class*="tema-"] .produto-preco {
    color: var(--cor-secundaria) !important;
}

/* Tema options no admin */
[class*="tema-"] .tema-option {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 2px solid var(--cor-borda) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .tema-option:hover {
    border-color: var(--cor-primaria) !important;
}

[class*="tema-"] .tema-option.selected {
    border-color: var(--cor-primaria) !important;
    background: var(--cor-primaria) !important;
    color: #FFFFFF !important;
}

/* Modal */
[class*="tema-"] .modal-content {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: var(--cor-texto) !important;
}

[class*="tema-"] .modal-header {
    border-bottom: 1px solid var(--cor-borda) !important;
}

[class*="tema-"] .modal-footer {
    border-top: 1px solid var(--cor-borda) !important;
}

/* Loading */
[class*="tema-"] .loading {
    color: var(--cor-texto) !important;
}

[class*="tema-"] .loading::before {
    color: var(--cor-primaria) !important;
}

/* Error e Success messages */
[class*="tema-"] .error {
    background: rgba(220, 53, 69, 0.1) !important;
    border-color: var(--cor-primaria) !important;
    color: var(--cor-texto) !important;
}

[class*="tema-"] .success {
    background: rgba(40, 167, 69, 0.1) !important;
    border-color: var(--cor-secundaria) !important;
    color: var(--cor-texto) !important;
}

/* ========================================
   FORÇAR APLICAÇÃO DE TEMAS COM MÁXIMA ESPECIFICIDADE
   ======================================== */

/* Headers com máxima especificidade para admin e mesa */
body.tema-chama-fome .admin-header,
body.tema-chama-fome .mesa-header,
body.tema-sol-especiarias .admin-header,
body.tema-sol-especiarias .mesa-header,
body.tema-mesa-floresta .admin-header,
body.tema-mesa-floresta .mesa-header,
body.tema-colheita-outono .admin-header,
body.tema-colheita-outono .mesa-header,
body.tema-jardim-cha .admin-header,
body.tema-jardim-cha .mesa-header,
body.tema-perolas-rose .admin-header,
body.tema-perolas-rose .mesa-header,
body.tema-orgulho-celebracao .admin-header,
body.tema-orgulho-celebracao .mesa-header,
body.tema-contraste-legibilidade .admin-header,
body.tema-contraste-legibilidade .mesa-header,
body.tema-minimalismo-geometrico .admin-header,
body.tema-minimalismo-geometrico .mesa-header,
body.tema-tecnicolor-tropical .admin-header,
body.tema-tecnicolor-tropical .mesa-header,
body.tema-padrao .admin-header,
body.tema-padrao .mesa-header {
    background: linear-gradient(135deg, var(--cor-primaria) 0%, var(--cor-secundaria) 100%) !important;
    color: #FFFFFF !important;
}

/* Navegação admin com máxima especificidade */
body.tema-chama-fome .navegacao-admin,
body.tema-sol-especiarias .navegacao-admin,
body.tema-mesa-floresta .navegacao-admin,
body.tema-colheita-outono .navegacao-admin,
body.tema-jardim-cha .navegacao-admin,
body.tema-perolas-rose .navegacao-admin,
body.tema-orgulho-celebracao .navegacao-admin,
body.tema-contraste-legibilidade .navegacao-admin,
body.tema-minimalismo-geometrico .navegacao-admin,
body.tema-tecnicolor-tropical .navegacao-admin,
body.tema-padrao .navegacao-admin {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Links de navegação admin com máxima especificidade */
body.tema-chama-fome .nav-admin-link,
body.tema-sol-especiarias .nav-admin-link,
body.tema-mesa-floresta .nav-admin-link,
body.tema-colheita-outono .nav-admin-link,
body.tema-jardim-cha .nav-admin-link,
body.tema-perolas-rose .nav-admin-link,
body.tema-orgulho-celebracao .nav-admin-link,
body.tema-contraste-legibilidade .nav-admin-link,
body.tema-minimalismo-geometrico .nav-admin-link,
body.tema-tecnicolor-tropical .nav-admin-link,
body.tema-padrao .nav-admin-link {
    background: var(--cor-primaria) !important;
    color: #FFFFFF !important;
    border-color: var(--cor-primaria) !important;
}

body.tema-chama-fome .nav-admin-link:hover,
body.tema-sol-especiarias .nav-admin-link:hover,
body.tema-mesa-floresta .nav-admin-link:hover,
body.tema-colheita-outono .nav-admin-link:hover,
body.tema-jardim-cha .nav-admin-link:hover,
body.tema-perolas-rose .nav-admin-link:hover,
body.tema-orgulho-celebracao .nav-admin-link:hover,
body.tema-contraste-legibilidade .nav-admin-link:hover,
body.tema-minimalismo-geometrico .nav-admin-link:hover,
body.tema-tecnicolor-tropical .nav-admin-link:hover,
body.tema-padrao .nav-admin-link:hover {
    background: var(--cor-secundaria) !important;
    border-color: var(--cor-secundaria) !important;
    color: #FFFFFF !important;
}

body.tema-chama-fome .nav-admin-link.active,
body.tema-sol-especiarias .nav-admin-link.active,
body.tema-mesa-floresta .nav-admin-link.active,
body.tema-colheita-outono .nav-admin-link.active,
body.tema-jardim-cha .nav-admin-link.active,
body.tema-perolas-rose .nav-admin-link.active,
body.tema-orgulho-celebracao .nav-admin-link.active,
body.tema-contraste-legibilidade .nav-admin-link.active,
body.tema-minimalismo-geometrico .nav-admin-link.active,
body.tema-tecnicolor-tropical .nav-admin-link.active,
body.tema-padrao .nav-admin-link.active {
    background: var(--cor-secundaria) !important;
    border-color: var(--cor-secundaria) !important;
    color: #FFFFFF !important;
}

/* Regras específicas para elementos dentro do mesa-header */
body.tema-chama-fome .mesa-header h1,
body.tema-sol-especiarias .mesa-header h1,
body.tema-mesa-floresta .mesa-header h1,
body.tema-colheita-outono .mesa-header h1,
body.tema-jardim-cha .mesa-header h1,
body.tema-perolas-rose .mesa-header h1,
body.tema-orgulho-celebracao .mesa-header h1,
body.tema-contraste-legibilidade .mesa-header h1,
body.tema-minimalismo-geometrico .mesa-header h1,
body.tema-tecnicolor-tropical .mesa-header h1,
body.tema-padrao .mesa-header h1 {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

body.tema-chama-fome .mesa-header p,
body.tema-sol-especiarias .mesa-header p,
body.tema-mesa-floresta .mesa-header p,
body.tema-colheita-outono .mesa-header p,
body.tema-jardim-cha .mesa-header p,
body.tema-perolas-rose .mesa-header p,
body.tema-orgulho-celebracao .mesa-header p,
body.tema-contraste-legibilidade .mesa-header p,
body.tema-minimalismo-geometrico .mesa-header p,
body.tema-tecnicolor-tropical .mesa-header p,
body.tema-padrao .mesa-header p {
    color: #FFFFFF !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}