/* === TOPBAR CUSTOM COLORS & STYLES === */

/* Fond principal du topbar */
.topbar,
.navbar.bg-white,
.navbar {
    background: linear-gradient(to right, #015756, #015756) !important;
    color: #fff !important;
    border-bottom: 2px solid #F79F17;
}

/* Ombre du topbar */
.topbar.shadow,
.navbar.shadow {
    box-shadow: 0 2px 10px rgba(1,87,86,0.08) !important;
}

/* Bouton sidebar toggle (mobile) */
#sidebarToggleTop {
    color: #fff !important;
    background: #F79F17 !important;
    border-radius: 50%;
    transition: background 0.2s, color 0.2s;
}
#sidebarToggleTop:hover {
    background: #fff !important;
    color: #F79F17 !important;
}

/* Liens du topbar */
.topbar .nav-link,
.topbar .navbar-nav .nav-link,
.topbar .dropdown-item,
.topbar .navbar-nav .dropdown-item {
    color: #fff !important;
    font-weight: 500;
    transition: background 0.2s, color 0.2s;
}
.topbar .nav-link:hover,
.topbar .dropdown-item:hover,
.topbar .navbar-nav .nav-link:hover {
    background: #F79F17 !important;
    color: #fff !important;
    border-radius: 5px;
}

/* Badge (alertes, année, essai, etc.) */
.topbar .badge,
.topbar .badge-primary,
.topbar .badge-warning,
.topbar .badge-danger,
.topbar .badge-counter {
    background: #F79F17 !important;
    color: #fff !important;
    font-weight: 600;
    border-radius: 12px;
    font-size: 0.85em;
    box-shadow: 0 1px 4px rgba(1,87,86,0.08);
}
.topbar .badge-danger {
    background: #d9534f !important;
}
.topbar .badge-warning {
    background: #F79F17 !important;
    color: #fff !important;
}
.topbar .badge-primary {
    background: #015756 !important;
    color: #fff !important;
}

/* Input de recherche */
.topbar .navbar-search .form-control,
.topbar .navbar-search input[type="text"] {
    background: #fff !important;
    border: 1.5px solid #F79F17 !important;
    color: #015756 !important;
    border-radius: 20px 0 0 20px !important;
    font-size: 1em;
}
.topbar .navbar-search .form-control:focus {
    border-color: #015756 !important;
    box-shadow: 0 0 0 0.1rem #F79F17;
}

/* Bouton recherche */
.topbar .navbar-search .btn,
.topbar .navbar-search button {
    background: #F79F17 !important;
    color: #fff !important;
    border-radius: 0 20px 20px 0 !important;
    border: none;
    transition: background 0.2s;
}
.topbar .navbar-search .btn:hover {
    background: #015756 !important;
    color: #fff !important;
}

/* Dropdown menu */
.topbar .dropdown-menu,
.topbar .dropdown-list {
    background: #383838 !important;
    color: #fff !important;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(1,87,86,0.10);
}
.topbar .dropdown-header {
    color: #F79F17 !important;
    font-weight: bold;
    letter-spacing: 1px;
    background: transparent !important;
}
.topbar .dropdown-item {
    color: #fff !important;
    transition: background 0.2s, color 0.2s;
}
.topbar .dropdown-item:hover {
    background: #F79F17 !important;
    color: #fff !important;
}

/* Icones dans les dropdowns */
.topbar .dropdown-item i,
.topbar .dropdown-list i,
.topbar .nav-link i {
    color: #F79F17 !important;
    opacity: 0.95;
}

/* Icon-circle (dans les alertes) */
.topbar .icon-circle {
    background: #015756 !important;
    color: #fff !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.topbar .icon-circle.bg-primary { background: #015756 !important; }
.topbar .icon-circle.bg-success { background: #28a745 !important; }
.topbar .icon-circle.bg-warning { background: #F79F17 !important; }

/* Divider */
.topbar-divider {
    border-left: 2px solid #F79F17 !important;
    height: 40px;
    margin: 0 1rem;
    opacity: 0.7;
}

/* User info */
.topbar .img-profile {
    border: 2px solid #F79F17 !important;
    box-shadow: 0 1px 4px rgba(1,87,86,0.10);
}
.topbar .text-gray-600,
.topbar .small {
    color: #fff !important;
    opacity: 0.95;
}

/* Modal déconnexion */
.modal-content {
    border-radius: 12px;
    border: 2px solid #F79F17;
}
.modal-header {
    background: #015756;
    color: #fff;
    border-bottom: 1.5px solid #F79F17;
}
.modal-footer {
    background: #f8f9fa;
    border-top: 1.5px solid #F79F17;
}
.modal-footer .btn-primary {
    background: #F79F17 !important;
    border: none;
}
.modal-footer .btn-secondary {
    background: #015756 !important;
    color: #fff !important;
    border: none;
}

/* Responsive: garder le fond sur mobile */
@media (max-width: 768px) {
    .topbar,
    .navbar.bg-white,
    .navbar {
        background: #015756 !important;
    }
    .topbar .navbar-search {
        margin-top: 0.5rem;
    }
}

/* Optionnel: pour les tooltips */
.tooltip-inner {
    background: #383838 !important;
    color: #fff !important;
    border-radius: 8px;
    font-size: 0.95em;
    padding: 6px 12px;
}
.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
    border-top-color: #383838 !important;
    border-bottom-color: #383838 !important;
}