/* --- Header custom styles --- */
.navbar {
    background-color: #6384ff !important;
}

.navbar .navbar-brand,
.navbar .nav-link,
.navbar .navbar-text {
    color: #f5f7fa !important;
    font-weight: 400;
}

.navbar .nav-link.active,
.navbar .nav-link:focus,
.navbar .nav-link:hover {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(41, 121, 255, 0.15);
}

.navbar .btn-outline-danger {
    color: #f5f7fa;
    border-color: #f5f7fa;
}

.navbar .btn-outline-danger:hover,
.navbar .btn-outline-danger:focus {
    background-color: #f44336;
    border-color: #f44336;
    color: #fff;
}

.btn-header-blue {
    background-color: #6384ff !important;
    border-color: #6384ff !important;
    color: #f5f7fa !important;
}

.btn-header-blue:hover,
.btn-header-blue:focus {
    background-color: #5a7af0 !important;
    border-color: #5a7af0 !important;
    color: #ffffff !important;
}

.btn-support {
    background-color: #f6b73c;
    border-color: #f6b73c;
    color: #0f1f3d;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.btn-support:hover,
.btn-support:focus {
    background-color: #e8a32a;
    border-color: #e8a32a;
    color: #0b172e;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}