/* Dark Theme for Client Portfolio Pages */

body {
    background: #0a0a0a !important;
    color: #fff !important;
}

/* Fix the white logo box */
.client-logo-header {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(20px) !important;
}

.client-logo-header img {
    filter: brightness(1.1);
    opacity: 0.95;
}

/* Update navigation buttons to dark theme */
.nav-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    backdrop-filter: blur(20px) !important;
}

.nav-btn:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px);
}

/* Video containers dark theme */
.video-container {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.video-description {
    background: rgba(255, 255, 255, 0.02) !important;
    color: #fff !important;
}

.video-description h3 {
    color: #fff !important;
}

.video-description p {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Project details dark theme */
.project-details {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.project-details h3 {
    color: #fff !important;
}

.project-details li {
    color: rgba(255, 255, 255, 0.7) !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

.project-details strong {
    color: #fff !important;
}

/* Other clients section */
.other-clients {
    background: rgba(255, 255, 255, 0.02) !important;
}

.other-clients h3 {
    color: #fff !important;
}

.client-link {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.client-link:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border-color: transparent !important;
}

/* Work section backgrounds */
.work-section {
    background: #0a0a0a !important;
}

.section-header h2 {
    color: #fff !important;
}

/* Fix any remaining text colors */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
}

p, li, span {
    color: rgba(255, 255, 255, 0.8);
}

/* Ensure consistent dark background */
.client-header {
    position: relative;
}

.client-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0a0a0a;
    z-index: -2;
}

/* Add subtle gradient overlay */
.client-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at center, transparent 0%, #0a0a0a 100%);
    z-index: -1;
    opacity: 0.5;
}