/**
 * Feira da Sulanca FUNDAC — cores institucionais
 * Primária: #ef7716 | Secundária: #892a12
 */
:root {
    --primary-bg-color: #ef7716;
    --primary-bg-hover: #d66510;
    --primary-bg-border: #892a12;
    --dark-primary: #ef7716;
    --dark-primary-hover: #6e2210;
    --transparent-primary: #ef7716;
    --primary: #ef7716;
    --secondary: #892a12;
    --secondary-bg-color: #892a12;
    --secondary-bg-hover: #6e2210;
    --secondary-bg-border: #6e2210;
    --primary-transparentcolor: rgba(239, 119, 22, 0.12);
    --primary01: rgba(239, 119, 22, 0.1);
    --primary02: rgba(239, 119, 22, 0.2);
    --primary03: rgba(239, 119, 22, 0.3);
    --primary06: rgba(239, 119, 22, 0.6);
    --primary09: rgba(239, 119, 22, 0.9);
}

/* --- Botões primários --- */
.btn-primary,
.login100-form-btn.btn-primary,
.btn-primary-gradient {
    color: #fff !important;
    background: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-border) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.login100-form-btn.btn-primary:hover {
    color: #fff !important;
    background-color: var(--primary-bg-hover) !important;
    border-color: var(--secondary-bg-color) !important;
    opacity: 1;
}

.btn-outline-primary {
    color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
}

.btn-outline-primary:hover {
    color: #fff !important;
    background: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-border) !important;
}

.btn-primary-light {
    color: var(--primary-bg-color) !important;
    background: var(--primary02) !important;
    border-color: var(--primary02) !important;
}

.btn-primary-light:hover {
    color: #fff !important;
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-color) !important;
}

/* --- Botões secundários --- */
.btn-secondary,
.btn-secondary-gradient {
    color: #fff !important;
    background: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-border) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary-gradient:hover {
    color: #fff !important;
    background-color: var(--secondary-bg-hover) !important;
    border-color: var(--secondary-bg-hover) !important;
    opacity: 1;
}

.btn-outline-secondary {
    color: var(--secondary-bg-color) !important;
    border-color: var(--secondary-bg-color) !important;
}

.btn-outline-secondary:hover {
    color: #fff !important;
    background: var(--secondary-bg-color) !important;
}

.btn-secondary-light {
    color: var(--secondary-bg-color) !important;
    background: rgba(137, 42, 18, 0.15) !important;
    border-color: rgba(137, 42, 18, 0.15) !important;
}

.btn-secondary-light:hover {
    color: #fff !important;
    background-color: var(--secondary-bg-color) !important;
}

/* --- Utilitários --- */
.bg-primary {
    background: var(--primary-bg-color) !important;
}

.bg-secondary {
    background: var(--secondary-bg-color) !important;
}

.bg-primary-gradient {
    background: linear-gradient(to bottom right, var(--primary-bg-color) 0%, var(--secondary-bg-color) 100%) !important;
}

.text-primary {
    color: var(--primary-bg-color) !important;
}

.text-secondary {
    color: var(--secondary-bg-color) !important;
}

.border-primary {
    border-color: var(--primary-bg-color) !important;
}

.border-secondary {
    border-color: var(--secondary-bg-color) !important;
}

.badge.bg-primary,
.label-primary {
    background: var(--primary-bg-color) !important;
}

.badge.bg-secondary {
    background: var(--secondary-bg-color) !important;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: rgba(239, 119, 22, 0.15) !important;
    color: var(--secondary-bg-color);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: rgba(137, 42, 18, 0.12) !important;
}

.alert-primary {
    color: var(--secondary-bg-color);
    background-color: var(--primary02);
    border-color: var(--primary01);
}

/* --- Login --- */
.login-img::before {
    background: linear-gradient(to right, rgba(239, 119, 22, 0.85) 0%, rgba(137, 42, 18, 0.75) 100%) !important;
}

.page-login-fundac {
    background-color: var(--primary-bg-color) !important;
}

/* --- Menu / header ativo --- */
.side-menu__item.active,
.side-menu__item.active .side-menu__icon {
    color: var(--primary-bg-color) !important;
}

.side-menu__item:hover,
.side-menu__item:focus {
    color: var(--primary-bg-color) !important;
}

.form-check-input:checked {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-border) !important;
}

.page-item.active .page-link {
    background-color: var(--primary-bg-color) !important;
    border-color: var(--primary-bg-border) !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--primary-bg-color) !important;
}

#back-to-top {
    background: var(--primary-bg-color) !important;
    border: 2px solid var(--primary-bg-color) !important;
}

#back-to-top:hover {
    color: var(--primary-bg-color) !important;
    background: #fff !important;
}

.spinner-border.text-primary {
    color: var(--primary-bg-color) !important;
}
