/*
 * Estilos específicos para Grupo VAMOOH
 * Cores da paleta:
 * - Magenta/Fuchsia: #c6226f (PANTONE 226C) - Primary
 * - Lime Green: #bed530 (PANTONE 376C) - Success/Accent
 * - Branco: #ffffff
 * - Preto: #000000
 */

/* ============================================
   VARIÁVEIS CSS (para uso futuro)
   ============================================ */
:root {
    --vamooh-primary: #c6226f;
    --vamooh-success: #bed530;
    --vamooh-white: #ffffff;
    --vamooh-black: #000000;
}

/* ============================================
   BOTÕES
   ============================================ */

/* Botão Primary - Magenta */
.btn-primary,
.btn-hero.btn-primary {
    background-color: #c6226f !important;
    border-color: #c6226f !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-hero.btn-primary:hover,
.btn-hero.btn-primary:focus,
.btn-hero.btn-primary:active {
    background-color: #a01d5a !important;
    border-color: #a01d5a !important;
    color: #ffffff !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #8a1849 !important;
    border-color: #8a1849 !important;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(198, 34, 111, 0.5) !important;
}

/* Botão Success - Lime Green */
.btn-success {
    background-color: #bed530 !important;
    border-color: #bed530 !important;
    color: #000000 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: #a8c02a !important;
    border-color: #a8c02a !important;
    color: #000000 !important;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    background-color: #92ab24 !important;
    border-color: #92ab24 !important;
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(190, 213, 48, 0.5) !important;
}

/* Botão Outline Primary */
.btn-outline-primary {
    color: #c6226f !important;
    border-color: #c6226f !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: #c6226f !important;
    border-color: #c6226f !important;
    color: #ffffff !important;
}

/* Botão Outline Success */
.btn-outline-success {
    color: #bed530 !important;
    border-color: #bed530 !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.active {
    background-color: #bed530 !important;
    border-color: #bed530 !important;
    color: #000000 !important;
}

.btn-dark {
    color: #ffffff !important;
}

/* ============================================
   LINKS E TEXTOS
   ============================================ */
a {
    color: #000000 !important;
}
a:hover,
a:focus {
    color: #a01d5a;
}

.text-primary {
    color: #c6226f !important;
}

.text-success {
    color: #bed530 !important;
}

/* ============================================
   BADGES
   ============================================ */

.badge-primary {
    background-color: #c6226f !important;
    color: #ffffff !important;
}

.badge-success {
    background-color: #bed530 !important;
    color: #000000 !important;
}

/* ============================================
   ALERTS
   ============================================ */

.alert-primary {
    color: #ffffff !important;
    background-color: #c6226f !important;
    border-color: #c6226f !important;
}

.alert-success {
    color: #000000 !important;
    background-color: #bed530 !important;
    border-color: #bed530 !important;
}

/* ============================================
   FORMULÁRIOS
   ============================================ */

/* Input Focus */
.form-control:focus,
.custom-select:focus,
.custom-file-input:focus {
    border-color: #c6226f !important;
    box-shadow: 0 0 0 0.2rem rgba(198, 34, 111, 0.25) !important;
}

/* Checkbox e Radio customizados */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c6226f !important;
    border-color: #c6226f !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(198, 34, 111, 0.25) !important;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #c6226f !important;
}

/* Input Group - Botão dentro do input */
.input-group-text {
    background-color: #f7f7f7;
    border-color: #ced4da;
}

/* ============================================
   NAVEGAÇÃO E TABS
   ============================================ */

/* Nav Tabs - Active */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #c6226f !important;
    background-color: transparent !important;
    border-color: #c6226f #c6226f #ffffff !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #c6226f !important;
    color: #c6226f !important;
}

/* Nav Pills */
.nav-pills .nav-link.active {
    background-color: #c6226f !important;
    color: #ffffff !important;
}

.nav-pills .nav-link:hover {
    color: #c6226f !important;
}

.nav-tabs-alt .nav-link.active, .nav-tabs-alt .nav-item.show .nav-link {
    box-shadow: inset 0 -2px #c6226f !important;
}

.nav-tabs-alt .nav-link:hover,
.nav-tabs-alt .nav-link:focus {
    box-shadow: inset 0 -2px #c6226f !important;
    color: #c6226f !important;
}
/* Breadcrumb */
.breadcrumb-item {
    color: #000000 !important;
}
.breadcrumb-item.active {
    color: #c6226f !important;
}

/* ============================================
   PAGINAÇÃO
   ============================================ */

.page-link {
    color: #c6226f !important;
}

.page-link:hover,
.page-link:focus {
    color: #a01d5a !important;
    background-color: #f7f7f7 !important;
    border-color: #c6226f !important;
}

.page-item.active .page-link {
    background-color: #c6226f !important;
    border-color: #c6226f !important;
    color: #ffffff !important;
}

/* ============================================
   PROGRESS BARS
   ============================================ */

.progress-bar {
    background-color: #c6226f !important;
}

.progress-bar-success,
.progress-bar.bg-success {
    background-color: #bed530 !important;
}

/* ============================================
   DROPDOWN MENUS
   ============================================ */

.dropdown-item.active,
.dropdown-item:active {
    background-color: #c6226f !important;
    color: #ffffff !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #f7f7f7 !important;
    color: #c6226f !important;
}

/* ============================================
   MODAL
   ============================================ */

.modal-header {
    border-bottom-color: #e9ecef;
}

.modal-footer {
    border-top-color: #e9ecef;
}

/* ============================================
   LIST GROUP
   ============================================ */

.list-group-item.active {
    background-color: #c6226f !important;
    border-color: #c6226f !important;
    color: #ffffff !important;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    background-color: #f7f7f7 !important;
    color: #c6226f !important;
}

/* ============================================
   CARDS
   ============================================ */

.card-header {
    background-color: #f7f7f7;
    border-bottom-color: #e9ecef;
}

.card-primary {
    border-color: #c6226f !important;
}

.card-primary .card-header {
    background-color: #c6226f !important;
    border-color: #c6226f !important;
    color: #ffffff !important;
}

/* ============================================
   TABELAS
   ============================================ */

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #c6226f !important;
    color: #ffffff !important;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #bed530 !important;
    color: #000000 !important;
}

/* ============================================
   ÍCONES E ELEMENTOS ESPECÍFICOS
   ============================================ */

/* Ícones com classe text-primary */
i.text-primary,
.fa.text-primary,
.si.text-primary {
    color: #c6226f !important;
}

/* Ícones com classe text-success */
i.text-success,
.fa.text-success,
.si.text-success {
    color: #bed530 !important;
}

/* Background colors */
.bg-primary {
    background-color: #c6226f !important;
}

.bg-success {
    background-color: #bed530 !important;
}

/* Border colors */
.border-primary {
    border-color: #c6226f !important;
}

.border-success {
    border-color: #bed530 !important;
}

/* ============================================
   COMPONENTES ESPECÍFICOS DO TEMPLATE
   ============================================ */

/* Botão Hero Primary (usado no login) */
.btn-hero.btn-primary {
    background-color: #c6226f !important;
    border-color: #c6226f !important;
    color: #ffffff !important;
}

.btn-hero.btn-primary:hover,
.btn-hero.btn-primary:focus {
    background-color: #a01d5a !important;
    border-color: #a01d5a !important;
    color: #ffffff !important;
}

/* ============================================
   SIDEBAR E NAVEGAÇÃO
   ============================================ */

/* Links do sidebar - estados hover, focus e active */
.nav-main a:hover,
.nav-main a:focus,
.nav-main a.active {
    color: #000000 !important;
}

/* Ícones do sidebar - estados hover, focus e active - COR MAGENTA */
.nav-main a:hover > i,
.nav-main a:focus > i,
.nav-main a.active > i {
    color: #c6226f !important;
}

/* Sidebar inverse - links */
.sidebar-inverse #sidebar .nav-main a:hover,
.sidebar-inverse #sidebar .nav-main a:focus,
.sidebar-inverse #sidebar .nav-main a.active {
    color: #ffffff !important;
}

/* Sidebar inverse - ícones */
.sidebar-inverse #sidebar .nav-main a:hover > i,
.sidebar-inverse #sidebar .nav-main a:focus > i,
.sidebar-inverse #sidebar .nav-main a.active > i {
    color: #c6226f !important;
}

/* Submenu aberto - ícones */
.nav-main li.open > a.nav-submenu > i {
    color: #c6226f !important;
}

.sidebar-inverse #sidebar .nav-main li.open > a.nav-submenu > i {
    color: #c6226f !important;
}

/* Links de submenu */
.nav-main ul a:hover,
.nav-main ul a:focus {
    color: #c6226f !important;
}

/* Sidebar navigation genérico (fallback) */
.sidebar-nav a:hover,
.sidebar-nav a.active {
    color: #c6226f !important;
}

.sidebar-nav a:hover > i,
.sidebar-nav a.active > i {
    color: #c6226f !important;
}

/* Header */
.page-header {
    border-bottom-color: #e9ecef;
}

/* ============================================
   UTILITÁRIOS ADICIONAIS
   ============================================ */

/* Links em botões de grupo */
.btn-group .btn-primary:not(:first-child):not(:last-child) {
    border-left-color: #a01d5a;
    border-right-color: #a01d5a;
}

/* Input group - botão anexado */
.input-group-append .btn-primary,
.input-group-prepend .btn-primary {
    border-color: #c6226f;
}

/* Select2 (se usado) */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #c6226f !important;
    color: #ffffff !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #c6226f !important;
    color: #ffffff !important;
}

/* ============================================
   ESTADOS DE HOVER E FOCUS GLOBAIS
   ============================================ */

/* Garantir que elementos interativos tenham feedback visual */
button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus {
    outline-color: #c6226f;
}

/* ============================================
   RESPONSIVIDADE E AJUSTES FINAIS
   ============================================ */

@media (max-width: 768px) {
    .btn-primary,
    .btn-success {
        font-size: 14px;
        padding: 0.5rem 1rem;
    }
}