/*
Theme Name: Tema Keith
Template: hello-elementor
*/ 

body { 
    font-family: "Red Hat Display", "Inter", sans-serif !important; 
    background-color: var(--amarelo_claro) !important;
    display: flex !important;
    flex-direction: column;
    min-height: 100vh;
}

div:has(#footer) {
    margin-top: auto;
}

:root{
  --amarelo_claro: #F2F1E4;
  --amarelo_escuro: #D6CBAB;
  --amarelo_forte: #fffa90;
  --amarelo_super_forte: #ffc107;
  --azul_bem_escuro:#313E5A;
  --azul_escuro: #1D2741; 
  --azul_link:#0056b3;
  --rosa_medio: #FF87B1;
  --rosa_escuro: #FF6399;
  --rosa_bem_escuro: #EB588B; 
  --verde: #28a745;
  --verde_azulado: #C1D5D5;
  --preto_transparente: rgba(0, 0, 0, 0.6); 
}

/* CALENDARIO GLOBAL */
.calendario .yellow-background{
    background-color: var(--amarelo_forte);
}

.calendario .horario:hover{
    background-color: var(--amarelo_forte);
    animation-name: transicaoCorCalendario;
    animation-duration: 0.5s;
    cursor: pointer;
}

/* cores envolvendo --e-global-color-primary E --e-global-color-secondary são um conjunto de cores que são acionadas
para botão por exemplo, como botão rosa normal, mas ao hover fica rosa escuro. Ao tentar mudar para cores do root, perde-se
as outras cores conjuntas que tem para hover, active, foreground etc, portanto nao irei mudar. Testar essa mudança
por exemplo ao passar o mouse sobre o botão de Agendar do pop-up de calendário. */
.calendario .diasComDisponibilidade a{
    background-color: var(--e-global-color-primary) !important;   
    color: white !important;
}

.calendario .diasComDisponibilidade a:active{
    background-color: var(--e-global-color-secondary) !important;
}

.calendario .ui-state-default.ui-state-active{
    background-color: var(--e-global-color-secondary) !important;
    border: none !important;
}

.calendario .ui-state-default.ui-state-highlight{
    background-color: var(--rosa_medio);
    color: white !important;
}

@keyframes transicaoCorCalendario {
    from {background-color: white;}
    to {background-color: var(--amarelo_forte);}
}