/**
 * Customizações de Cor - MarketPlace de Serviços
 * Sobrescreve cores primária e secundária do tema Ghibli
 */

:root,
html[data-skin="ghibli"] {
    /* Cor Primária Customizada */
    --ins-primary: #F35B04;
    --ins-primary-rgb: 243, 91, 4;
    --ins-primary-bg-subtle: rgba(243, 91, 4, 0.2);
    --ins-primary-text-emphasis: #c14903;
    --ins-primary-border-subtle: rgba(243, 91, 4, 0.3);
    
    /* Cor Secundária Customizada */
    --ins-secondary: #34515E;
    --ins-secondary-rgb: 52, 81, 94;
    --ins-secondary-bg-subtle: rgba(52, 81, 94, 0.2);
    --ins-secondary-text-emphasis: #283f4a;
    --ins-secondary-border-subtle: rgba(52, 81, 94, 0.3);
    
    /* Link Color */
    --ins-link-color: #F35B04;
    --ins-link-hover-color: #D94D00;
}

[data-bs-theme="dark"],
[data-bs-theme="dark"][data-skin="ghibli"] {
    /* Cor Primária no Tema Escuro */
    --ins-primary: #F35B04;
    --ins-primary-rgb: 243, 91, 4;
    --ins-link-color: #F35B04;
    --ins-link-hover-color: #D94D00;
    
    /* Cor Secundária no Tema Escuro */
    --ins-secondary: #34515E;
    --ins-secondary-rgb: 52, 81, 94;
}

/* Botões Primary */
.btn-primary {
    background-color: #F35B04 !important;
    border-color: #F35B04 !important;
    color: #FAF4EF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #D94D00 !important;
    border-color: #D94D00 !important;
    color: #FAF4EF !important;
}

.btn-outline-primary {
    color: #F35B04 !important;
    border-color: #F35B04 !important;
    background-color: transparent !important;
}

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

/* Botões Secondary */
.btn-secondary {
    background-color: #34515E !important;
    border-color: #34515E !important;
    color: #FAF4EF !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #283f4a !important;
    border-color: #283f4a !important;
    color: #FAF4EF !important;
}

.btn-outline-secondary {
    color: #34515E !important;
    border-color: #34515E !important;
    background-color: transparent !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
    background-color: #283f4a !important;
    border-color: #283f4a !important;
    color: #FAF4EF !important;
}

/* Text e Background Primary */
.text-primary {
    color: #F35B04 !important;
}

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

.text-secondary {
    color: #34515E !important;
}

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

/* Badges Primary */
.badge.bg-primary {
    background-color: #F35B04 !important;
}

.badge-soft-primary {
    color: #F35B04 !important;
    background-color: rgba(243, 91, 4, 0.1) !important;
}

.badge.bg-secondary {
    background-color: #34515E !important;
}

.badge-soft-secondary {
    color: #34515E !important;
    background-color: rgba(52, 81, 94, 0.1) !important;
}

/* Links - Apenas links com classe .text-primary ou dentro de elementos primary */
a.text-primary {
    color: #F35B04 !important;
}

a.text-primary:hover {
    color: #D94D00 !important;
}

/* Form Check (checkbox/radio) */
.form-check-input:checked {
    background-color: #F35B04 !important;
    border-color: #F35B04 !important;
}

/* Avatar Title */
.avatar-title.bg-primary {
    background-color: #F35B04 !important;
}

/* Progress Bar */
.progress-bar.bg-primary {
    background-color: #F35B04 !important;
}

/* Pagination */
.pagination .page-link:not(.page-link.active) {
    color: #F35B04 !important;
}

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

/* Dropdown Item Active */
.dropdown-item.active,
.dropdown-item:active {
    background-color: #F35B04 !important;
}

/* Nav Tabs Active */
.nav-tabs .nav-link.active {
    color: #F35B04 !important;
    border-bottom-color: #F35B04 !important;
}

/* List Group Active */
.list-group-item.active {
    background-color: #F35B04 !important;
    border-color: #F35B04 !important;
}

/* Alert Primary */
.alert-primary {
    background-color: rgba(243, 91, 4, 0.1) !important;
    border-color: rgba(243, 91, 4, 0.2) !important;
    color: #D94D00 !important;
}

/* Form Control Focus */
.form-control:focus,
.form-select:focus {
    border-color: #F35B04 !important;
    box-shadow: 0 0 0 0.2rem rgba(243, 91, 4, 0.25) !important;
}

/* Table Dark */
.table-dark,
.table-dark > :not(caption) > * > *,
table.table-dark,
.table.table-dark {
    --bs-table-bg: #34515E !important;
    --bs-table-striped-bg: #2d4450 !important;
    --bs-table-striped-color: #FAF4EF !important;
    --bs-table-active-bg: #283f4a !important;
    --bs-table-active-color: #FAF4EF !important;
    --bs-table-hover-bg: #2d4450 !important;
    --bs-table-hover-color: #FAF4EF !important;
    --bs-table-color: #FAF4EF !important;
    --bs-table-border-color: #2d4450 !important;
    background-color: #34515E !important;
    color: #FAF4EF !important;
    border-color: #2d4450 !important;
}

.table-dark thead,
.table-dark thead th,
.table-dark thead td,
.table.table-dark thead th,
.table.table-dark thead td {
    background-color: #34515E !important;
    color: #FAF4EF !important;
    border-color: #2d4450 !important;
}

.table-dark tbody,
.table-dark tbody tr,
.table-dark tbody td,
.table-dark tbody th,
.table.table-dark tbody tr,
.table.table-dark tbody td,
.table.table-dark tbody th {
    background-color: #34515E !important;
    color: #FAF4EF !important;
    border-color: #2d4450 !important;
}

.table-dark tbody tr:hover,
.table-dark tbody tr:hover td,
.table-dark tbody tr:hover th,
.table.table-dark tbody tr:hover,
.table.table-dark tbody tr:hover td,
.table.table-dark tbody tr:hover th {
    background-color: #2d4450 !important;
    color: #FAF4EF !important;
}

.table-striped.table-dark tbody tr:nth-of-type(odd) > *,
.table-striped.table-dark > tbody > tr:nth-of-type(odd) > * {
    background-color: #2d4450 !important;
    color: #FAF4EF !important;
}

/* Modo Escuro - Background da Content Page */
[data-bs-theme="dark"] .content-page,
[data-bs-theme="dark"][data-skin="ghibli"] .content-page,
html[data-bs-theme="dark"] .content-page {
    background-color: #2C2C2C !important;
}

[data-bs-theme="dark"] .container-fluid,
[data-bs-theme="dark"][data-skin="ghibli"] .container-fluid {
    background-color: transparent !important;
}

/* Bordas dos Cards - 10% mais claras */
.card {
    --ins-card-border-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"] .card {
    --ins-card-border-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-skin="ghibli"] .card {
    --ins-card-border-color: rgba(229, 220, 203, 0.5) !important;
    border-color: rgba(229, 220, 203, 0.5) !important;
}

[data-bs-theme="dark"][data-skin="ghibli"] .card {
    --ins-card-border-color: rgba(87, 68, 28, 0.6) !important;
    border-color: rgba(87, 68, 28, 0.6) !important;
}

/* Card Headers - Remover background branco */
.card-header {
    background-color: transparent !important;
}

.card-header.bg-white {
    background-color: transparent !important;
}