/* =====================================================
   TEMA PADRÃO - Ciano/Turquesa (#00cbff)
   ===================================================== */

/* =====================================================
   TEMA PADRÃO - Ciano/Turquesa (#00cbff)
   ===================================================== */

/* Aplicação das variáveis com alta especificidade */
html:root {
    /* Cor Primária - Ciano/Turquesa */
    --bs-primary: #00cbff;
    --bs-primary-rgb: 0, 203, 255;
    
    /* Variações da cor primária */
    --bs-primary-bg-subtle: #e0f7ff;
    --bs-primary-border-subtle: #80e5ff;
    --bs-primary-text-emphasis: #005f7a;
    
    /* Botões primários */
    --bs-btn-primary-bg: #00cbff;
    --bs-btn-primary-border: #00cbff;
    --bs-btn-primary-hover-bg: #00b8e6;
    --bs-btn-primary-hover-border: #00a3cc;
    --bs-btn-primary-active-bg: #00a3cc;
    --bs-btn-primary-active-border: #008fb3;
    
    /* Links */
    --bs-link-color: #00cbff;
    --bs-link-color-rgb: 0, 203, 255;
    --bs-link-hover-color: #00b8e6;
    --bs-link-hover-color-rgb: 0, 184, 230;
    
    /* Focus/Anéis */
    --bs-focus-ring-color: rgba(0, 203, 255, 0.25);
}

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

/* Botão Primary */
.btn-primary {
    --bs-btn-color: #000;
    --bs-btn-bg: #00cbff;
    --bs-btn-border-color: #00cbff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #26d4ff;
    --bs-btn-hover-border-color: #1ad1ff;
    --bs-btn-focus-shadow-rgb: 0, 203, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #33d6ff;
    --bs-btn-active-border-color: #1ad1ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #00cbff;
    --bs-btn-disabled-border-color: #00cbff;
}

/* Botão Outline Primary */
.btn-outline-primary {
    --bs-btn-color: #00cbff;
    --bs-btn-border-color: #00cbff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #00cbff;
    --bs-btn-hover-border-color: #00cbff;
    --bs-btn-focus-shadow-rgb: 0, 203, 255;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #00cbff;
    --bs-btn-active-border-color: #00cbff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #00cbff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #00cbff;
    --bs-gradient: none;
}

/* =====================================================
   LINKS
   ===================================================== */

.link-primary {
    color: #00cbff !important;
}

.link-primary:hover,
.link-primary:focus {
    color: #00b8e6 !important;
}

a {
    color: #00cbff;
}

a:hover {
    color: #00b8e6;
}

/* =====================================================
   COMPONENTES
   ===================================================== */

/* Badges */
.text-bg-primary {
    background-color: #00cbff !important;
    color: #000 !important;
}

.bg-primary {
    background-color: #00cbff !important;
}

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

.border-primary {
    border-color: #00cbff !important;
}

/* Paginação */
.pagination {
    --bs-pagination-active-bg: #00cbff;
    --bs-pagination-active-border-color: #00cbff;
    --bs-pagination-active-color: #000;
}

.page-item.active .page-link {
    background-color: #00cbff;
    border-color: #00cbff;
    color: #000;
}

/* Progress bar */
.progress {
    --bs-progress-bar-bg: #00cbff;
}

.progress-bar {
    background-color: #00cbff;
    color: #000;
}

/* List group */
.list-group {
    --bs-list-group-active-bg: #00cbff;
    --bs-list-group-active-border-color: #00cbff;
    --bs-list-group-active-color: #000;
}

.list-group-item.active {
    background-color: #00cbff;
    border-color: #00cbff;
    color: #000;
}

/* Form check */
.form-check-input:checked {
    background-color: #00cbff;
    border-color: #00cbff;
}

.form-check-input:focus {
    border-color: #00cbff;
    box-shadow: 0 0 0 0.25rem rgba(0, 203, 255, 0.25);
}

/* Form range */
.form-range::-webkit-slider-thumb {
    background-color: #00cbff;
}

.form-range::-moz-range-thumb {
    background-color: #00cbff;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 203, 255, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(0, 203, 255, 0.25);
}

/* Form select */
.form-select:focus {
    border-color: #00cbff;
    box-shadow: 0 0 0 0.25rem rgba(0, 203, 255, 0.25);
}

/* Form control */
.form-control:focus {
    border-color: #00cbff;
    box-shadow: 0 0 0 0.25rem rgba(0, 203, 255, 0.25);
}

/* Accordion */
.accordion-button:not(.collapsed) {
    background-color: #e0f7ff;
    color: #005f7a;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

/* Nav pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #00cbff;
    color: #000;
}

/* Dropdown active item */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #00cbff;
    color: #000;
}

/* Table primary */
.table-primary {
    --bs-table-bg: #e0f7ff;
    --bs-table-border-color: #80e5ff;
    --bs-table-striped-bg: #b3f0ff;
    --bs-table-active-bg: #99ebff;
    --bs-table-hover-bg: #80e5ff;
}

/* Alert primary */
.alert-primary {
    --bs-alert-color: #005f7a;
    --bs-alert-bg: #e0f7ff;
    --bs-alert-border-color: #80e5ff;
}

/* Navbar */
.navbar.bg-primary {
    background-color: #00cbff !important;
}

/* Breadcumb */
.breadcrumb-item.active {
    color: #00cbff;
}

/* Spinner */
.spinner-border.text-primary {
    color: #00cbff !important;
}

.spinner-grow.text-primary {
    color: #00cbff !important;
}

/* Tooltip */
.tooltip .tooltip-inner {
    background-color: #00cbff;
    color: #000;
}

/* Focus ring global */
:focus-visible {
    outline-color: rgba(0, 203, 255, 0.5);
}

/* =====================================================
   AJUSTES ESPECÍFICOS PARA ADMIN CSS
   ===================================================== */

/* Logo - inverte cores no hover para tema claro */
.logo-box:hover span.first {
    color: #d8d5d5 !important;
}

.logo-box:hover span.second {
    color: #00cbff !important;
}

/* Sidebar active - ajusta cor do texto */
.sidebar a.active {
    color: #000 !important;
}

.sidebar a.active i {
    color: #000 !important;
}