/*
Theme Name: Centerlid
Theme URI: https://centerlid.com.br
Author: wandmidia agência criativa
Author URI: https://wandmidia.com
Description: Centro Profissionalizante
Version: 2025.10
Text Domain: centerlid
*/

/* Background Colors */
.has-tobiko-orange-background-color, .has-clear-orange-background-color {
    background-color: #ea5b00 !important;
}

.has-tangerine-skin-background-color {
    background-color: #f18700;
}

.has-dark-charcoal-background-color {
    background-color: #333033;
}
.has-furious-tiger-background-color {
    background-color: #E8570E;
}
.has-dull-background-color {
    background-color: #727272;
}

.has-tobiko-orange-color, .has-clear-orange-color {
    color: #ea5b0c;
}

.has-tangerine-skin-color, .has-furious-tiger-color {
    color: #f18700;
}

.has-dark-charcoal-color {
    color: #333033;
}

.has-dull-color {
    color: #727272;
}

.has-laranja-cinza-gradient-background {
    background: linear-gradient(90deg, #ea5b0c 0%, #f18700 50%, #333033 100%);
}

.has-laranja-gradient-background {
    background: linear-gradient(45deg, #ea5b0c, #f18700);
}

/* PERSONALIZA O BOOTSTRAP */
.form-control, .form-select, input, .select2-container--bootstrap-5 .select2-selection {
    box-shadow: none !important;
    border-radius:50px;
}
textarea.form-control {
    border-radius:1rem;
    resize: none;
    -webkit-resize: none;
}
.form-control + label, .form-select + label {
    left:10px;
}
.form-control:focus, .form-select:focus, textarea:focus, input:focus {
    border-color: #ea5b0c !important;
    box-shadow: none !important;
    outline: 0; /* Remove o outline padrão do navegador */
}

.form-control[type="file"] {
    color: #ea5b0c !important;
}

.bg-blur-1, .bg-blur-1 .has-parallax {
  backdrop-filter: blur(2px);
}

.bg-blur-2, .bg-blur-2 .has-parallax {
  backdrop-filter: blur(4px);
}

.bg-blur-3, .bg-blur-3 .has-parallax {
  backdrop-filter: blur(6px);
}

.bg-blur-4, .bg-blur-4 .has-parallax {
  backdrop-filter: blur(8px);
}

.bg-blur-5, .bg-blur-5 .has-parallax {
  backdrop-filter: blur(12px);
}

/* Remove box-shadow */
h2.accordion-header button {
    font-size:1.5rem !important;
    font-weight:900 !important;
}
.accordion-button {
    box-shadow: none;
    background-color: #f8f9fa; /* Ajuste conforme necessário */
    color: #343a40;
    position: relative; /* Para o alinhamento do ícone */
}

/* Add SVG for collapsed accordion and expanded accordion */
.accordion-button::after {
    content: '';
    display: inline-block;
    width: 16px; /* Ajuste conforme necessário */
    height: 16px; /* Ajuste conforme necessário */
    margin-left: auto; /* Alinha o ícone à direita */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/></svg>');
    background-repeat: no-repeat;
    background-size: contain; /* Ajusta o tamanho do ícone */
    transition: background-image 0.3s ease-in-out;
}

/* Trocar o ícone ao expandir o acordeão */
.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-lg" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.5 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/></svg>');
}

/* Optional: Customize hover and focus states */
.accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
}

/* Accordion Header Background and Text Color */
.accordion-button {
    background-color: #ea5b0c; /* Cor de fundo dos cabeçalhos fechados */
    color: #fff; /* Cor do texto dos cabeçalhos */
    border: none; /* Remove a borda padrão */
}

/* Hover e Focus no Accordion Header */
.accordion-button:not(.collapsed) {
    background-color: #f18700; /* Cor de fundo dos cabeçalhos abertos */
    color: #fff;
}

/* Hover e Focus no Accordion quando estiver fechado */
.accordion-button:hover, 
.accordion-button:focus {
    background-color: #f18700; /* Cor de fundo ao passar o mouse sobre os cabeçalhos */
    color: #fff;
    outline: none; /* Remove o outline padrão */
    box-shadow: none; /* Remove sombras no foco */
}

/* Alterar a cor do ícone do accordion quando aberto/fechado */
.accordion-button::after {
    filter: brightness(0) invert(1); /* Deixa o ícone branco */
}

/* Estilo do Item do Accordion */
.accordion-item {
    border: none; /* Remove a borda entre os itens do accordion */
    margin-bottom: 1rem; /* Espaçamento entre itens */
}

/* Borda inferior quando o accordion estiver aberto */
.accordion-item:not(.collapsed) {
    border-bottom: 1px solid #727272;
}

/* Substituir os marcadores da lista na classe wp-block-list */
.wp-block-list li {
    list-style: none; /* Remove o estilo padrão do marcador */
    position: relative; /* Para posicionar o ícone corretamente */
    padding-left: 25px; /* Espaço entre o ícone e o texto */
}

/* Adiciona o ícone FontAwesome */
.wp-block-list li::before {
    content: "\f058"; /* Código do ícone fa-circle-check */
    font-family: "Font Awesome 6 Free"; /* Define a fonte do ícone */
    font-weight: 900; /* Define a espessura para o ícone sólido */
    color: #ea5b0c; /* Cor personalizada do ícone */
    position: absolute;
    left: 0; /* Posição do ícone à esquerda do item */
    top: 4px;
    font-size: 16px; /* Tamanho do ícone */
    line-height: 1;
}

/* Botão principal .btn-primary */
.btn-primary {
    background-color: var(--gj-orange); /* Cor de fundo padrão */
    border-radius: 50px;                /* Borda arredondada */
    color: var(--white);                /* Cor do texto */
    border-color: var(--gj-dark-orange);/* Cor da borda */
    box-shadow: none;                   /* Remove sombras padrão do Bootstrap */
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Estado de hover: o botão quando o mouse está sobre ele */
.btn-primary:hover {
    background-color: var(--gj-dark-orange); /* Cor de fundo ao passar o mouse */
    color: var(--white);                      /* Cor do texto (mantida) */
    border-color: var(--gj-light-orange);     /* Cor da borda ao passar o mouse */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Adiciona leve sombra ao hover */
}

/* Estado de foco: quando o botão está selecionado */
.btn-primary:focus {
    background-color: var(--gj-orange);    /* Cor de fundo no foco (pode ser a mesma do padrão ou modificada) */
    color: var(--white);                   /* Cor do texto */
    border-color: var(--gj-light-orange);  /* Cor da borda ao focar */
    outline: none;                         /* Remove o contorno padrão do foco */
    box-shadow: 0 0 0 0.25rem rgba(234, 91, 12, 0.5); /* Leve sombra ao focar */
}

/* Estado ativo: quando o botão está pressionado */
.btn-primary:active {
    background-color: var(--gj-dark-orange); /* Cor de fundo ao pressionar */
    border-color: var(--gj-light-orange);    /* Cor da borda ao pressionar */
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Efeito de pressionar */
}

/* Botão desativado: quando o botão está indisponível */
.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--gj-orange);    /* Cor de fundo para o botão desativado */
    border-color: var(--gj-dark-orange);   /* Cor da borda para o botão desativado */
    color: var(--white);                   /* Cor do texto desativado */
    opacity: 0.65;                         /* Reduz a opacidade para mostrar que está desativado */
    cursor: not-allowed;                   /* Cursor de "não permitido" */
    box-shadow: none;                      /* Remove sombra para estado desativado */
}

/* Estado ativo e hover combinados */
.btn-primary:active:hover,
.btn-primary:active:focus {
    background-color: var(--gj-dark-orange);  /* Cor de fundo ao estar ativo e hover */
    border-color: var(--gj-light-orange);     /* Borda ao estar ativo e hover */
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Sombra pressionada */
}

/* Estado com focus visível e hover ao mesmo tempo */
.btn-primary:focus:hover {
    box-shadow: 0 0 0 0.25rem rgba(234, 91, 12, 0.5); /* Mantém sombra ao focar e hover */
}

/* Remover borda arredondada dos itens intermediários */
.pagination .page-item .page-link {
    border-radius: 0;                          /* Itens normais sem bordas arredondadas */
    background-color: var(--gj-orange);        /* Fundo padrão */
    color: var(--white);                       /* Texto branco */
    border: 1px solid var(--gj-dark-orange);   /* Borda */
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* Aplicar borda arredondada apenas ao primeiro item */
.pagination .page-item:first-child .page-link {
    border-radius: 50px 0 0 50px;              /* Borda arredondada no início (esquerda) */
}

/* Aplicar borda arredondada apenas ao último item */
.pagination .page-item:last-child .page-link {
    border-radius: 0 50px 50px 0;              /* Borda arredondada no final (direita) */
}

/* Estilo hover para todos os itens */
.pagination .page-item:hover .page-link {
    background-color: var(--gj-dark-orange);   /* Fundo no hover */
    color: var(--white);                       /* Texto branco */
    border-color: var(--gj-light-orange);      /* Borda no hover */
}

/* Estilo para o item ativo */
.pagination .page-item.active .page-link {
    background-color: var(--gj-dark-orange);   /* Fundo para o item ativo */
    color: var(--white);                       /* Texto branco */
    border-color: var(--gj-light-orange);      /* Borda para o item ativo */
}

/* Sombra no foco */
.pagination .page-item .page-link:focus, 
.pagination .page-item.active .page-link:focus {
    outline: none;
    box-shadow: 0 0 0 0.25rem rgba(234, 91, 12, 0.5); /* Sombra no foco */
}

/* Estilo para item desativado */
.pagination .page-item.disabled .page-link {
    background-color: var(--gj-light-orange);  /* Fundo para item desativado */
    color: var(--white);                       /* Texto desativado */
    border-color: var(--gj-dark-orange);       /* Borda para item desativado */
    opacity: 0.65;
    pointer-events: none;
}
.top-5 {
    top: 5rem;
}
.top-7 {
    top: 7rem;
}
.instructor-img img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 5px solid #FF8C00; /* Borda laranja */
}