/*
==========================================
SUBSTITUIÇÃO VISUAL: VEÍCULO → VIATURA
==========================================
Usa CSS para substituir visualmente os textos
sem alterar o código PHP do sistema
*/

/* ==== OCULTAÇÃO E SUBSTITUIÇÃO DE TEXTOS ==== */

/* Menu Lateral - Veículos */
.nav.side-menu a[href*="cadastrarVeiculo.php"]:after {
    content: "Cadastrar Viatura";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: inherit;
    padding: inherit;
    display: flex;
    align-items: center;
    padding-left: 40px;
}


.nav.side-menu a[href*="cadastrarVeiculo.php"] * {
    visibility: hidden;
}

.nav.side-menu a[href*="meusVeiculos.php"]:after {
    content: "Minhas Viaturas";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: var(--silver, #c0c0c0);
    padding: inherit;
    display: flex;
    align-items: center;
    padding-left: 40px;
}

.nav.side-menu a[href*="meusVeiculos.php"] {
    position: relative;
    color: transparent !important;
}

.nav.side-menu a[href*="meusVeiculos.php"] * {
    visibility: hidden;
}

/* Menu principal - Veículos */
.nav.side-menu > li > a:contains("Veículos") {
    position: relative;
}

/* Usando atributo data para identificar */
.nav.side-menu a[data-text*="Veículos"]:after,
.nav.side-menu a:contains("Veículos"):after {
    content: "Viaturas";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: inherit;
    padding: inherit;
    display: flex;
    align-items: center;
    padding-left: 40px;
}

/* Títulos de páginas */
h2:contains("Veículos") {
    position: relative;
    color: transparent;
}

h2:contains("Veículos"):after {
    content: "Viaturas";
    position: absolute;
    left: 0;
    top: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

h2:contains("Meus Veículos"):after {
    content: "Minhas Viaturas";
}

h2:contains("Veículos na Garagem"):after {
    content: "Viaturas na Garagem";
}

h2:contains("Veículos Entrada"):after {
    content: "Viaturas Entrada";
}

h2:contains("Veículos na Liberados"):after {
    content: "Viaturas Liberadas";
}

h2:contains("Cadastrar Veículo"):after {
    content: "Cadastrar Viatura";
}

/* Labels e controles */
label:contains("Placa Veículo"):after {
    content: "Placa da Viatura";
    position: absolute;
    left: 0;
    top: 0;
    background: inherit;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

label:contains("Placa Veículo") {
    position: relative;
    color: transparent;
}

label:contains("Selecione o Veículo"):after {
    content: "Selecione a Viatura";
    position: absolute;
    left: 0;
    top: 0;
    background: inherit;
    color: inherit;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

label:contains("Selecione o Veículo") {
    position: relative;
    color: transparent;
}

/* Botões */
button:contains("Cadastrar Veículo"):after {
    content: "Cadastrar Viatura";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

button:contains("Cadastrar Veículo") {
    position: relative;
    color: transparent;
}

button:contains("Receber Veículo"):after {
    content: "Receber Viatura";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

button:contains("Receber Veículo") {
    position: relative;
    color: transparent;
}

button[title*="Liberar Veículo"]:after {
    content: "";
}

button[title*="Liberar Veículo"] {
    position: relative;
}

button[title*="Receber Veículo"]:after {
    content: "";
}

button[title*="Receber Veículo"] {
    position: relative;
}

/* Opções de select */
option:contains("Selecione o Veículo"):after {
    content: "Selecione a Viatura";
}

option:contains("Selecione o Veículo") {
    color: transparent;
    position: relative;
}

/* Thead de tabelas */
th:contains("Veículo"):after {
    content: "Viatura";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: inherit;
}

th:contains("Veículo") {
    position: relative;
    color: transparent;
}

th:contains("Código do Veículo"):after {
    content: "Código da Viatura";
}

th:contains("Id Veículo"):after {
    content: "Id Viatura";
}

th:contains("Veículo (Placa)"):after {
    content: "Viatura (Placa)";
}

/* Textos em parágrafos e spans */
.stat-label:contains("Total de Veículos"):after {
    content: "Total de Viaturas";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-label:contains("Total de Veículos") {
    position: relative;
    color: transparent;
}

.widget-subtitle:contains("Status dos Veículos"):after {
    content: "Status das Viaturas";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    color: inherit;
    display: flex;
    align-items: center;
}

.widget-subtitle:contains("Status dos Veículos") {
    position: relative;
    color: transparent;
}

/* Títulos de janelas e relatórios */
title:contains("Veículo") {
    display: none;
}

/* ==== USANDO JAVASCRIPT PARA SUBSTITUIÇÕES MAIS COMPLEXAS ==== */
/* Será implementado via JavaScript para casos que o CSS não consegue cobrir */

/* ==== AJUSTES ESPECÍFICOS PARA COMPATIBILIDADE ==== */
.text-replace {
    position: relative;
}

.text-replace.hidden-original {
    color: transparent;
}

.text-replace.hidden-original:after {
    position: absolute;
    left: 0;
    top: 0;
    color: inherit;
    background: inherit;
}

/* ==== RESPONSIVIDADE ==== */
@media (max-width: 768px) {
    .nav.side-menu a[href*="cadastrarVeiculo.php"]:after,
    .nav.side-menu a[href*="meusVeiculos.php"]:after {
        font-size: 12px;
        padding-left: 20px;
    }
}

/* ==== SUPORTE PARA DIFERENTES BROWSERS ==== */
@supports not (selector(:contains(""))) {
    /* Fallback para browsers que não suportam :contains */
    .veiculo-text {
        display: none;
    }
    
    .viatura-text {
        display: inline;
    }
}