/* ============================================================
   BITRIX-INSPIRED THEME
   Palette ispirata all'estetica Bitrix24:
   navbar navy profondo, accento teal/cyan, superfici chiare.
   Non contiene codice copiato da Bitrix24 — solo interpretazione
   visiva del design system pubblico.
   ============================================================ */

html[data-theme="bitrix"] {
    --tk-primary:            #2dbcf7;
    --tk-primary-dark:       #1a9fd4;
    --tk-navbar-bg:          #1b3a6b;
    --tk-navbar-text:        #ffffff;
    --tk-bg-surface:         #f0f4f8;
    --tk-bg-card:            #ffffff;
    --tk-text-primary:       #1a2a3b;
    --tk-border-color:       #d1dce8;
    --tk-table-header-bg:    #1b3a6b;
    --tk-table-header-color: #e3ecfb;
    --tk-hover-row-bg:       #eef5fd;
    --tk-hover-accent:       #2dbcf7;
    --tk-link-color:         #1b3a6b;
    --tk-accent-subtle-bg:   rgba(45, 188, 247, 0.12);
    --tk-accent-subtle-text: #1a9fd4;

    /* Bootstrap 5 variable overrides */
    --bs-primary:            #2dbcf7;
    --bs-primary-rgb:        45, 188, 247;
    --bs-link-color:         #1b3a6b;
    --bs-link-color-rgb:     27, 58, 107;
    --bs-body-bg:            #f0f4f8;
}

/* === Pulsanti primari === */
html[data-theme="bitrix"] .btn-primary {
    background-color: var(--tk-primary) !important;
    border-color:     var(--tk-primary) !important;
    color:            #fff !important;
}
html[data-theme="bitrix"] .btn-primary:hover,
html[data-theme="bitrix"] .btn-primary:focus {
    background-color: var(--tk-primary-dark) !important;
    border-color:     var(--tk-primary-dark) !important;
    box-shadow: 0 8px 20px rgba(45, 188, 247, 0.3) !important;
}

/* === Outline primary === */
html[data-theme="bitrix"] .btn-outline-primary {
    color:        var(--tk-primary) !important;
    border-color: var(--tk-primary) !important;
}
html[data-theme="bitrix"] .btn-outline-primary:hover {
    background-color: var(--tk-primary) !important;
    color: #fff !important;
}

/* === Paginazione === */
html[data-theme="bitrix"] .page-item.active .page-link {
    background-color: var(--tk-primary) !important;
    border-color:     var(--tk-primary) !important;
}
html[data-theme="bitrix"] .page-link {
    color: var(--tk-primary) !important;
}

/* === Tabs attivi === */
html[data-theme="bitrix"] .nav-tabs .nav-link.active {
    border-bottom-color: var(--tk-primary);
    color: var(--tk-primary);
}

/* === Badge, checkbox checked === */
html[data-theme="bitrix"] .badge.bg-primary,
html[data-theme="bitrix"] .bg-primary:not(.navbar) {
    background-color: var(--tk-primary) !important;
}

/* === Form focus ring === */
html[data-theme="bitrix"] .form-control:focus,
html[data-theme="bitrix"] .form-select:focus {
    border-color: var(--tk-primary);
    box-shadow: 0 0 0 0.25rem rgba(45, 188, 247, 0.25);
}

/* === Card hover accent === */
html[data-theme="bitrix"] .table-hover tbody tr:hover {
    background-color: var(--tk-hover-row-bg) !important;
    box-shadow: inset 3px 0 0 var(--tk-hover-accent) !important;
}

/* === Body sfondo === */
html[data-theme="bitrix"] body {
    background-color: var(--tk-bg-surface);
}