/* PornBestPro Purple Gradient Theme */

body {
    background: linear-gradient(135deg, #1a0b2e 0%, #4a192c 100%) !important;
    background-attachment: fixed !important;
    color: #f0f0f0 !important;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Navbar Gradient */
.navbar {
    background: linear-gradient(90deg, #4b1248 0%, #f0c27b 100%) !important; /* fallback */
    background: linear-gradient(90deg, #2b0c2e 0%, #581c4e 50%, #2b0c2e 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}

/* Top Bar */
.top-bar {
    background: #0f0518 !important;
    border-bottom: 1px solid #333;
}

/* Cards & Content Areas */
.card {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff;
    transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(138, 43, 226, 0.3) !important;
    border-color: rgba(189, 147, 249, 0.5) !important;
}

/* Sidebar / Lists */
.list-group-item {
    background: transparent !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #ddd !important;
}
.list-group-item:hover {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}

/* Buttons: Neon Purple/Pink */
.btn-danger, .btn-primary, .btn-secondary {
    background-image: linear-gradient(to right, #8E2DE2 0%, #4A00E0 51%, #8E2DE2 100%) !important;
    background-size: 200% auto;
    border: none !important;
    color: white !important;
    transition: 0.5s;
    box-shadow: 0 0 10px rgba(74, 0, 224, 0.4);
}

.btn-danger:hover, .btn-primary:hover, .btn-secondary:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 20px rgba(74, 0, 224, 0.6);
}

/* Links */
a {
    color: #d1c4e9;
    text-decoration: none;
    transition: color 0.2s;
}
a:hover {
    color: #ff79c6;
    text-shadow: 0 0 8px rgba(255, 121, 198, 0.6);
}

/* Text Colors */
.text-muted {
    color: #adb5bd !important;
}
.text-dark {
    color: #f8f9fa !important;
}

/* Input Fields */
.form-control {
    background: rgba(0,0,0,0.3) !important;
    border: 1px solid #4a192c !important;
    color: #fff !important;
}
.form-control:focus {
    background: rgba(0,0,0,0.5) !important;
    border-color: #ff79c6 !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 121, 198, 0.25) !important;
}

/* Pagination */
.page-link {
    background-color: rgba(255,255,255,0.05) !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}
.page-item.active .page-link {
    background-color: #8E2DE2 !important;
    border-color: #8E2DE2 !important;
}