/*
|--------------------------------------------------------------------------
| Custom Stylesheet
|--------------------------------------------------------------------------
|
| Di sini Anda dapat menambahkan style kustom untuk aplikasi Anda.
| Style ini akan dimuat di semua halaman.
|
*/

/* Gradient Text Style */
.gradient-text {
    background: linear-gradient(45deg, #0d6efd, #00c8fe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    position: relative;
    padding-bottom: 5px;
}

.gradient-text:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    -webkit-background-clip: text;
}

.btn-primary {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    border: none;
    color: white !important; /* Ditambahkan !important untuk memaksa warna teks */
    transition: all 0.3s ease;
    font-weight: 600;
}

.btn-primary:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    color: white !important; /* Memastikan warna teks tetap putih saat hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(0, 201, 255);
}

.btn-primary:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgb(0, 201, 255);
}



/* Custom Pagination Style */
.page-link {
    color: #00c8fe;
}

.logo-wrapper {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
}

.page-link:hover {
    color: #00b5e2;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    border-color: #00c8fe;
}

.light-logo {
    border: 2px solid #141617;
}

.btn-success {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    border: none;
    color: white !important; /* Ditambahkan !important untuk memaksa warna teks */
    transition: all 0.3s ease;
    font-weight: 600;
}

.btn-success:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    color: white !important; /* Memastikan warna teks tetap putih saat hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(0, 201, 255);
}

.btn-success:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgb(0, 201, 255);
}

.btn-danger {
    background: linear-gradient(45deg, #ff2c2c, #ff2c2c);
    border: none;
    color: white !important;
    transition: all 0.3s ease;
    font-weight: 600;
}

.btn-danger:hover {
    background: linear-gradient(45deg, #b60000, #ff2c2c);
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(255, 44, 44);
}

.btn-danger:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgb(255, 44, 44);
}

.btn-edit {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    border: none;
    color: white !important;
    transition: all 0.3s ease;
    font-weight: 600;
}

.btn-edit:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    color: white !important; /* Memastikan warna teks tetap putih saat hover */
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(0, 201, 255);
}

.btn-edit:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgb(0, 201, 255);
}

.btn-info {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    border: none;
    color: white !important;
    transition: all 0.3s ease;
    font-weight: 600;
}
.btn-info:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(0, 201, 255);
}
.btn-info:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgb(0, 201, 255);
}

.badge-info {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    color: white !important;
    font-weight: 600;
}
.badge-info:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(0, 201, 255);
}
.badge-primary {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    color: white !important;
    font-weight: 600;
}
.badge-primary:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(0, 201, 255);
}
.badge-secondary {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    color: white !important;
    font-weight: 600;
}
.badge-secondary:hover {
    background: linear-gradient(45deg, #0b5ed7, #00b5e2);
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgb(0, 201, 255);
}
/* Active Sidebar Menu Style */
.sidebar-link.active {
    background: linear-gradient(45deg, #2cd1ff, #00c8fe);
    color: white;
    border-radius: 5px;
}

.sidebar-link.active svg,
.sidebar-link.active h6 {
    color: white !important;
}

/* Sidebar Hover State */
.sidebar-list:hover .sidebar-link:not(.active) h6 {
    color: #00b5e2 !important;
}

.sidebar-list:hover .sidebar-link:not(.active) .stroke-icon {
    stroke: #00b5e2 !important;
}

.sidebar-submenu li:hover a {
    color: #00b5e2 !important;
}

.sidebar-link:hover {
    color: #00b5e2;
}
.sidebar-list:hover .sidebar-link:not(.active) h6,
.sidebar-list:hover .sidebar-link:not(.active) .icli {
    color: #00b5e2 !important;
}

.sidebar-list:hover .sidebar-link:not(.active) .stroke-icon {
    stroke: #00b5e2 !important;
}

.sidebar-link:hover svg {
    color: #00b5e2 !important;
}

.sidebar-submenu:hover {
    color: #00b5e2 !important;
}