/**********************************************
 * BACKGROUND *********************************
 **********************************************/
.bg-primary {
    background-color: #F05A1E !important;
}

.bg-secondary {
    background-color: #fcfcfd !important;
}

.bg-primary-dark {
    background-color: #D24E17 !important;
}

.bg-green {
    background-color: #39B065 !important;
}

.bg-shadow-dark {
    background-color: rgba(0, 0, 0, .1);
}

.bg-shadow-light {
    background-color: rgba(255, 255, 255, .1);
}

.bg-primary-washed {
    background-color: #FDE7DC;
}

/* Navy da marca (manual Xefo) — cor secundária que faz par com o laranja */
.bg-navy {
    background-color: #1B2D42 !important;
}

.bg-navy-lt {
    background-color: #2a4260 !important;
}

/**********************************************
 * TEXT ***************************************
 **********************************************/
.text-default {
    color: #F05A1E !important;
}

.text-light {
    color: #FFFFFF !important;
}

.text-black {
    color: black !important;
}

.text-green {
    color: #247241 !important;
}

.text-navy {
    color: #1B2D42 !important;
}

.text-dark.text-hover-default:hover,
.text-hover-default:hover {
    color: #F05A1E !important;
}

.text-grey{
    color: #737272 !important;
}

.text-light-grey{
    color: #ececec !important;
}

/**********************************************
 * BUTTON *************************************
 **********************************************/
.btn-primary {
    color: #FFFFFF;
    background-color: #F05A1E;
    border-color: #F05A1E;
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #D24E17;
    border-color: #B8420F;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(240, 90, 30, .5);
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #FFFFFF;
    background-color: #D24E17;
    border-color: #B8420F;
    box-shadow: 0 0 0 .2rem rgba(240, 90, 30, .5);
}

/*********************************************
* BORDER *************************************
**********************************************/
.bordered {
    border-color: #F1F1F1;
}

.border-b-default {
    border-bottom-color: rgba(240, 90, 30, .15) !important;
}

/*********************************************
* OTHERS *************************************
**********************************************/

.color-alert{
    color: #ffc107 !important;
}

.color-success{
    color: #28a745 !important;
}

.color-error{
    color: #dc3545 !important;
}

.color-info{
    color: #17a2b8 !important;
}

/*********************************************
* DEFAULTS DO BOOTSTRAP → PALETA XEFO ********
* (o site herdava azul/vermelho do Bootstrap — só cor, nada de estrutura)
**********************************************/
/* .text-primary do Bootstrap era azul #007bff — ex.: os ✔ das listas de plano */
.text-primary {
    color: #F05A1E !important;
}

/* Links sem classe caíam no azul padrão do Bootstrap. Navy é legível em
   qualquer fundo (branco, cinza, laranja); hover no laranja da marca. */
a {
    color: #1B2D42;
}

a:hover {
    color: #F05A1E;
}

/* Botão dos planos (era texto azul herdado) → navy */
.btn-price {
    color: #1B2D42;
}

/* Selo "Mais popular" usava badge-danger (vermelho) → pílula navy da marca */
.badge-danger {
    background-color: #1B2D42 !important;
}

/* Botões de ação usavam btn-success (verde do Bootstrap) → laranja da marca
   (Enviar, Agendar agora etc. — não são botões de WhatsApp) */
.btn-success,
.btn-front.btn-success {
    background-color: #F05A1E !important;
    border-color: #F05A1E !important;
    color: #FFFFFF !important;
}

.btn-success:hover,
.btn-front.btn-success:hover,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active {
    background-color: #D24E17 !important;
    border-color: #B8420F !important;
    color: #FFFFFF !important;
}

/* Círculos de ícone usavam alert-info (azul do Bootstrap) → laranja washed da marca */
.alert-info {
    background-color: #FDE7DC !important;
    border-color: #FDE7DC !important;
    color: #F05A1E !important;
}

/* Tags usavam badge-success (verde) → navy da marca ("Novo", "Incluso", "-15%", "Economize").
   Não afeta o chip verde do WhatsApp (elemento próprio, não é badge-success). */
.badge-success {
    background-color: #1B2D42 !important;
    color: #FFFFFF !important;
}