/* --- 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: 'Asap', sans-serif; /* Fonte secundária como padrão para o corpo */
    /* ############################################################### */
    /* ### INÍCIO DA CORREÇÃO DE ESPAÇAMENTO GLOBAL ### */
    /* ############################################################### */
    padding-top: 85px; /* Adiciona espaçamento abaixo do cabeçalho fixo */
}

/* ############################################################### */
/* ### INÍCIO DA VERSÃO CORRIGIDA E DEFINITIVA ### */
/* ############################################################### */

/* 2. Cores dos Botões Principais (AGORA INCLUI O .btn-success) */
.btn-primary,
.btn-success {
    background-color: #67B34D !important; /* FORÇA a cor de fundo */
    border-color: #67B34D !important;     /* FORÇA a cor da borda */
}

/* Unifica as ações de hover, focus e active para ambos os botões */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #54944E !important; /* FORÇA a cor de fundo na interação */
    border-color: #54944E !important;     /* FORÇA a cor da borda na interação */
    box-shadow: 0 0 0 0.25rem rgba(103, 179, 77, 0.5); /* Sombra de foco unificada */
}

/* 3. Estilo do Título da Página */
.page-title-header {
    background-color: #67B34D;
    color: #ffffff;
    padding: 15px 20px;
    border-radius: 8px;
}

/* ############################################################### */
/* ### FIM DA VERSÃO CORRIGIDA E DEFINITIVA ### */
/* ############################################################### */


/* 4. Cor dos Links Padrão */
a {
    color: #54944E;
}

a:hover {
    color: #67B34D;
}


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

/* ############################################################### */
/* ### INÍCIO DAS NOVAS CORREÇÕES ### */
/* ############################################################### */

/* 6. Força o padrão no Cabeçalho Principal (REGRA ESPECÍFICA) */
header#header .navbar {
    background-color: #67B34D !important;
    min-height: 65px; /* Define uma altura mínima para o cabeçalho */
    font-family: 'Asap', sans-serif; /* Garante a fonte correta */
}

/* 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; /* Aumenta a fonte do menu */
}

/* --- 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: 'Asap', sans-serif;
}
body .fc .fc-button-primary {
    background-color: #67B34D !important;
    border-color: #67B34D !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: #54944E !important;
    border-color: #54944E !important;
    box-shadow: none !important; 
}
body .fc-event {
    background-color: #67B34D !important;
    border-color: #54944E !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                     */
/*           (Bloco Adicionado)                               */
/* ========================================================== */

.home-carousel {
    /* Define a altura máxima do carrossel como 45% da altura da janela de visualização */
    max-height: 45vh; 
    overflow: hidden; /* Esconde qualquer parte da imagem que transborde */
    border-radius: 0.5rem; /* Adiciona uma borda arredondada suave */
}

.home-carousel .carousel-item {
    /* Garante que o item do carrossel ocupe a altura definida */
    max-height: 45vh;
}

.home-carousel .carousel-item img {
    /* Força a imagem a preencher o espaço do carrossel */
    width: 100%;
    height: 45vh;
    object-fit: cover; /* Recorta a imagem para preencher o espaço sem distorcer */
    object-position: center; /* Garante que o corte seja feito a partir do centro da imagem */
}