/* ========================================================== */
/*           VARIÁVEIS GLOBAIS DA MARCA (CENTRALIZADO)        */
/* ========================================================== */
:root {
    /* Cores */
    --cor-verde-principal: #67B34D;
    --cor-verde-hover: #54944E;
    --cor-aviso-jedax: rgb(106, 255, 7);     /* Amarelo padrão do Bootstrap */
    --cor-secundaria-jedax: #6c757d; /* Cinza padrão do Bootstrap */
    --cor-texto-claro: #ffffff;
    --cor-texto-escuro: #212529;

    /* Fontes */
    --fonte-principal: 'Asap', sans-serif;
}


/* ========================================================== */
/*           CLASSES DE UTILITÁRIO JEDAX                      */
/*           (Usam as variáveis acima)                        */
/* ========================================================== */
.bg-jedax-verde {
    background-color: var(--cor-verde-principal) !important;
    color: var(--cor-texto-claro) !important;
}

.bg-jedax-amarelo {
    background-color: var(--cor-aviso-jedax) !important;
    color: var(--cor-texto-escuro) !important;
}

.bg-jedax-cinza {
    background-color: var(--cor-secundaria-jedax) !important;
    color: var(--cor-texto-claro) !important;
}

/* --- INÍCIO DA CORREÇÃO DE DETALHE --- */
/* Regra aprimorada para garantir a cor correta do link "Ver mais..." em cada card */
.card .bg-jedax-amarelo + .card-footer {
    color: var(--cor-texto-escuro) !important;
}
.card .bg-jedax-verde + .card-footer,
.card .bg-jedax-cinza + .card-footer,
.card-footer.text-white {
    color: var(--cor-texto-claro) !important;
}
/* --- FIM DA CORREÇÃO DE DETALHE --- */


/* --- ESTILOS DA MARCA JEDAX --- */
/* Baseado no Manual da Marca fornecido. */

/* 1. Tipografia (ver Parte 2 para instruções de como carregar as fontes) */
body {
    font-family: var(--fonte-principal); /* <-- AGORA USA A VARIÁVEL */
    padding-top: 85px; 
}

/* 2. Cores dos Botões Principais (AGORA INCLUI O .btn-success) */
.btn-primary,
.btn-success {
    background-color: var(--cor-verde-principal) !important; /* <-- AGORA USA A VARIÁVEL */
    border-color: var(--cor-verde-principal) !important;     /* <-- AGORA USA A VARIÁVEL */
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: var(--cor-verde-hover) !important; /* <-- AGORA USA A VARIÁVEL */
    border-color: var(--cor-verde-hover) !important;     /* <-- AGORA USA A VARIÁVEL */
    box-shadow: 0 0 0 0.25rem rgba(103, 179, 77, 0.5); 
}

/* 3. Estilo do Título da Página */
.page-title-header {
    background-color: var(--cor-verde-principal); /* <-- AGORA USA A VARIÁVEL */
    color: #ffffff;
    padding: 15px 20px;
    border-radius: 8px;
}

/* 4. Cor dos Links Padrão */
a {
    color: var(--cor-verde-hover); /* <-- AGORA USA A VARIÁVEL */
}

a:hover {
    color: var(--cor-verde-principal); /* <-- AGORA USA A VARIÁVEL */
}


/* 5. Alertas de Sucesso (Fundo verde claro) */
.alert-success {
    color: #325a29; 
    background-color: #e3f3e8; 
    border-color: #c7e8d1; 
}

/* 6. Força o padrão no Cabeçalho Principal (REGRA ESPECÍFICA) */
header#header .navbar {
    background-color: var(--cor-verde-principal) !important; /* <-- AGORA USA A VARIÁVEL */
    min-height: 65px; 
    font-family: var(--fonte-principal); /* <-- AGORA USA A VARIÁVEL */
}

/* 7. Alinha os botões de Ação (Ligar/WhatsApp) lado a lado */
#action-buttons-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 8. Aumenta o tamanho da fonte dos itens do menu */
.navbar-nav .nav-link {
    font-size: 1.1rem; 
}

/* --- CÓDIGO ORIGINAL YII2 --- */
.footer { background-color: #f5f5f5; font-size: .9em; height: 60px; }
.footer > .container { padding-right: 15px; padding-left: 15px; }
.not-set { color: #c55; font-style: italic; }
a.asc:after, a.desc:after { content: ''; left: 3px; display: inline-block; width: 0; height: 0; border: solid 5px transparent; margin: 4px 4px 2px 4px; background: transparent; }
a.asc:after { border-bottom: solid 7px #212529; border-top-width: 0; }
a.desc:after { border-top: solid 7px #212529; border-bottom-width: 0; }
.grid-view th { white-space: nowrap; }
.hint-block { display: block; margin-top: 5px; color: #999; }
.error-summary { color: #a94442; background: #fdf7f7; border-left: 3px solid #eed3d7; padding: 10px 20px; margin: 0 0 15px 0; }

/* --- INÍCIO DA ADIÇÃO: ESTILOS PARA O FULLCALENDAR (AGENDA) --- */
body .fc { font-family: var(--fonte-principal); }
body .fc .fc-button-primary { background-color: var(--cor-verde-principal) !important; border-color: var(--cor-verde-principal) !important; color: white !important; text-shadow: none !important; }
body .fc .fc-button-primary:hover, body .fc .fc-button-primary:focus, body .fc .fc-button-primary:active, body .fc .fc-button-primary:not(:disabled):active { background-color: var(--cor-verde-hover) !important; border-color: var(--cor-verde-hover) !important; box-shadow: none !important; }
body .fc-event { background-color: var(--cor-verde-principal) !important; border-color: var(--cor-verde-hover) !important; color: #ffffff !important; }
body .fc .fc-daygrid-day.fc-day-today { background-color: #e3f3e8 !important; }

/* --- FIM DA ADIÇÃO: ESTILOS PARA O FULLCALENDAR (AGENDA) --- */
main#main { position: relative; z-index: 0; }
.pagination { margin-top: 20px; }
#view-template-modal.modal { z-index: 99999 !important; }
.modal-backdrop { z-index: 99998 !important; }

/* --- ESTILOS DO CARROSSEL DA LOJA --- */
.home-carousel { max-height: 45vh; overflow: hidden; border-radius: 0.5rem; }
.home-carousel .carousel-item { max-height: 45vh; }
.home-carousel .carousel-item img { width: 100%; height: 45vh; object-fit: cover; object-position: center; }