/**
 * Theme Styles for ApplyPro - Comprehensive Theme System
 * Supports: luxury, corporate, organic, energetic
 * Uses CSS custom properties to change all page colors dynamically
 */

/* Corporate Theme (Default) */
:root,
[data-theme="corporate"] {
    --theme-primary: #2563EB;
    --theme-primary-light: #3B82F6;
    --theme-primary-dark: #1E40AF;
    --theme-secondary: #0F172A;
    --theme-accent: #22C55E;
    --theme-danger: #EF4444;
    --theme-bg-primary: #FFFFFF;
    --theme-bg-secondary: #F8FAFC;
    --theme-bg-tertiary: #F1F5F9;
    --theme-text-primary: #1E293B;
    --theme-text-secondary: #64748B;
    --theme-text-muted: #94A3B8;
    --theme-border: #E2E8F0;
}

/* Luxury Theme */
[data-theme="luxury"] {
    --theme-primary: #0A0E1A;
    --theme-primary-light: #1A1F2E;
    --theme-primary-dark: #050810;
    --theme-secondary: #1A1F2E;
    --theme-accent: #D4AF37;
    --theme-danger: #C41E3A;
    --theme-bg-primary: #0A0E1A;
    --theme-bg-secondary: #141B2D;
    --theme-bg-tertiary: #1A2332;
    --theme-text-primary: #FFFFFF;
    --theme-text-secondary: #E5E7EB;
    --theme-text-muted: #9CA3AF;
    --theme-border: #1A2332;
}

/* Organic Theme */
[data-theme="organic"] {
    --theme-primary: #87A96B;
    --theme-primary-light: #A8C88A;
    --theme-primary-dark: #6B8E4E;
    --theme-secondary: #2D5016;
    --theme-accent: #6B8E23;
    --theme-danger: #B8860B;
    --theme-bg-primary: #FDFBF7;
    --theme-bg-secondary: #F5F1E8;
    --theme-bg-tertiary: #EDE8DC;
    --theme-text-primary: #2D5016;
    --theme-text-secondary: #556B2F;
    --theme-text-muted: #87A96B;
    --theme-border: #D4C4A0;
}

/* Energetic Theme */
[data-theme="energetic"] {
    --theme-primary: #9333EA;
    --theme-primary-light: #A855F7;
    --theme-primary-dark: #7C3AED;
    --theme-secondary: #581C87;
    --theme-accent: #EC4899;
    --theme-danger: #EF4444;
    --theme-bg-primary: #0F0F23;
    --theme-bg-secondary: #1A1A2E;
    --theme-bg-tertiary: #16213E;
    --theme-text-primary: #FFFFFF;
    --theme-text-secondary: #E0E7FF;
    --theme-text-muted: #A5B4FC;
    --theme-border: #1A1A2E;
}

/* Apply theme colors to body */
body {
    background-color: var(--theme-bg-primary) !important;
    color: var(--theme-text-primary) !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Override Tailwind bg-gray-50 and similar background classes */
[data-theme="corporate"] .bg-gray-50,
[data-theme="corporate"] body {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="luxury"] .bg-gray-50,
[data-theme="luxury"] body,
[data-theme="luxury"] .bg-white {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="organic"] .bg-gray-50,
[data-theme="organic"] body,
[data-theme="organic"] .bg-white {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="energetic"] .bg-gray-50,
[data-theme="energetic"] body,
[data-theme="energetic"] .bg-white {
    background-color: var(--theme-bg-primary) !important;
}

/* Override Tailwind primary color classes */
[data-theme="corporate"] .bg-primary,
[data-theme="corporate"] button.bg-primary,
[data-theme="corporate"] a.bg-primary {
    background-color: var(--theme-primary) !important;
}

[data-theme="luxury"] .bg-primary,
[data-theme="luxury"] button.bg-primary,
[data-theme="luxury"] a.bg-primary {
    background-color: var(--theme-primary) !important;
}

[data-theme="organic"] .bg-primary,
[data-theme="organic"] button.bg-primary,
[data-theme="organic"] a.bg-primary {
    background-color: var(--theme-primary) !important;
}

[data-theme="energetic"] .bg-primary,
[data-theme="energetic"] button.bg-primary,
[data-theme="energetic"] a.bg-primary {
    background-color: var(--theme-primary) !important;
}

/* Override Tailwind text-primary color classes */
[data-theme="corporate"] .text-primary {
    color: var(--theme-primary) !important;
}

[data-theme="luxury"] .text-primary {
    color: var(--theme-primary) !important;
}

[data-theme="organic"] .text-primary {
    color: var(--theme-primary) !important;
}

[data-theme="energetic"] .text-primary {
    color: var(--theme-primary) !important;
}

/* Override text colors */
[data-theme="corporate"] .text-gray-700,
[data-theme="corporate"] .text-gray-600,
[data-theme="corporate"] .text-gray-900,
[data-theme="corporate"] h1,
[data-theme="corporate"] h2,
[data-theme="corporate"] h3,
[data-theme="corporate"] h4,
[data-theme="corporate"] h5,
[data-theme="corporate"] h6,
[data-theme="corporate"] p {
    color: var(--theme-text-primary) !important;
}

[data-theme="luxury"] .text-gray-700,
[data-theme="luxury"] .text-gray-600,
[data-theme="luxury"] .text-gray-900,
[data-theme="luxury"] h1,
[data-theme="luxury"] h2,
[data-theme="luxury"] h3,
[data-theme="luxury"] h4,
[data-theme="luxury"] h5,
[data-theme="luxury"] h6,
[data-theme="luxury"] p {
    color: var(--theme-text-primary) !important;
}

/* Override for blog detail page - must come after general rules */
[data-theme="luxury"] .blog-detail-content .text-gray-700,
[data-theme="luxury"] .blog-detail-content .text-gray-600,
[data-theme="luxury"] .blog-detail-content .text-gray-900,
[data-theme="luxury"] .blog-detail-content .text-gray-800,
[data-theme="luxury"] .blog-detail-content .text-gray-500,
[data-theme="luxury"] .blog-detail-content p,
[data-theme="luxury"] .blog-detail-content h1,
[data-theme="luxury"] .blog-detail-content h2,
[data-theme="luxury"] .blog-detail-content h3,
[data-theme="luxury"] .blog-detail-content h4,
[data-theme="luxury"] .blog-detail-content h5,
[data-theme="luxury"] .blog-detail-content h6 {
    color: #FFFFFF !important;
}

[data-theme="organic"] .text-gray-700,
[data-theme="organic"] .text-gray-600,
[data-theme="organic"] .text-gray-900,
[data-theme="organic"] h1,
[data-theme="organic"] h2,
[data-theme="organic"] h3,
[data-theme="organic"] h4,
[data-theme="organic"] h5,
[data-theme="organic"] h6,
[data-theme="organic"] p {
    color: var(--theme-text-primary) !important;
}

[data-theme="energetic"] .text-gray-700,
[data-theme="energetic"] .text-gray-600,
[data-theme="energetic"] .text-gray-900,
[data-theme="energetic"] h1,
[data-theme="energetic"] h2,
[data-theme="energetic"] h3,
[data-theme="energetic"] h4,
[data-theme="energetic"] h5,
[data-theme="energetic"] h6,
[data-theme="energetic"] p {
    color: var(--theme-text-primary) !important;
}

/* Override for blog detail page - must come after general rules */
[data-theme="energetic"] .blog-detail-content .text-gray-700,
[data-theme="energetic"] .blog-detail-content .text-gray-600,
[data-theme="energetic"] .blog-detail-content .text-gray-900,
[data-theme="energetic"] .blog-detail-content .text-gray-800,
[data-theme="energetic"] .blog-detail-content .text-gray-500,
[data-theme="energetic"] .blog-detail-content p,
[data-theme="energetic"] .blog-detail-content h1,
[data-theme="energetic"] .blog-detail-content h2,
[data-theme="energetic"] .blog-detail-content h3,
[data-theme="energetic"] .blog-detail-content h4,
[data-theme="energetic"] .blog-detail-content h5,
[data-theme="energetic"] .blog-detail-content h6 {
    color: #FFFFFF !important;
}

/* Override Tailwind border-primary color classes */
[data-theme="corporate"] .border-primary {
    border-color: var(--theme-primary) !important;
}

[data-theme="luxury"] .border-primary {
    border-color: var(--theme-primary) !important;
}

[data-theme="organic"] .border-primary {
    border-color: var(--theme-primary) !important;
}

[data-theme="energetic"] .border-primary {
    border-color: var(--theme-primary) !important;
}

/* Override border colors */
[data-theme="corporate"] .border-gray-200,
[data-theme="corporate"] .border-gray-300 {
    border-color: var(--theme-border) !important;
}

[data-theme="luxury"] .border-gray-200,
[data-theme="luxury"] .border-gray-300 {
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] .border-gray-200,
[data-theme="organic"] .border-gray-300 {
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .border-gray-200,
[data-theme="energetic"] .border-gray-300 {
    border-color: var(--theme-border) !important;
}

/* Override hover states */
[data-theme="corporate"] .hover\:bg-blue-700:hover,
[data-theme="corporate"] .hover\:bg-primary:hover {
    background-color: var(--theme-primary-dark) !important;
}

[data-theme="luxury"] .hover\:bg-primary:hover {
    background-color: var(--theme-primary-dark) !important;
}

[data-theme="organic"] .hover\:bg-primary:hover {
    background-color: var(--theme-primary-dark) !important;
}

[data-theme="energetic"] .hover\:bg-primary:hover {
    background-color: var(--theme-primary-dark) !important;
}

[data-theme="corporate"] .hover\:text-primary:hover {
    color: var(--theme-primary) !important;
}

[data-theme="luxury"] .hover\:text-primary:hover {
    color: var(--theme-primary) !important;
}

[data-theme="organic"] .hover\:text-primary:hover {
    color: var(--theme-primary) !important;
}

[data-theme="energetic"] .hover\:text-primary:hover {
    color: var(--theme-primary) !important;
}

/* Override navigation/header backgrounds */
[data-theme="corporate"] nav.bg-white {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="luxury"] nav.bg-white {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="organic"] nav.bg-white {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="energetic"] nav.bg-white {
    background-color: var(--theme-bg-secondary) !important;
}

/* Override card/container backgrounds */
[data-theme="corporate"] .bg-white {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="luxury"] .bg-white,
[data-theme="luxury"] .bg-gray-100 {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="organic"] .bg-white,
[data-theme="organic"] .bg-gray-100 {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="energetic"] .bg-white,
[data-theme="energetic"] .bg-gray-100 {
    background-color: var(--theme-bg-secondary) !important;
}

/* Theme Preview Colors */
.theme-preview {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: middle;
    border: 2px solid rgba(0,0,0,0.1);
}

.luxury-preview {
    background: linear-gradient(135deg, #0A0E1A 0%, #D4AF37 100%);
}

.corporate-preview {
    background: linear-gradient(135deg, #2563EB 0%, #0F172A 100%);
}

.organic-preview {
    background: linear-gradient(135deg, #87A96B 0%, #2D5016 100%);
}

.energetic-preview {
    background: linear-gradient(135deg, #9333EA 0%, #EC4899 100%);
}

/* Theme Dropdown Styles */
.theme-dropdown {
    min-width: 220px;
}

.theme-option {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: all 0.2s;
}

.theme-option:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

[data-theme="luxury"] .theme-option:hover,
[data-theme="energetic"] .theme-option:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.theme-option.active {
    background-color: var(--theme-primary, #2563EB);
    color: white;
}

.theme-option.active .theme-preview {
    border-color: rgba(255,255,255,0.5);
}

.theme-option-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.theme-option-mobile.active {
    background-color: var(--theme-primary, #2563EB);
    color: white;
    border-color: var(--theme-primary, #2563EB) !important;
}

.theme-notification {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.theme-notification.show {
    opacity: 1;
}

/* Override input/form elements */
[data-theme="corporate"] input,
[data-theme="corporate"] textarea,
[data-theme="corporate"] select {
    background-color: var(--theme-bg-primary) !important;
    color: var(--theme-text-primary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="luxury"] input,
[data-theme="luxury"] textarea,
[data-theme="luxury"] select {
    background-color: var(--theme-bg-tertiary) !important;
    color: var(--theme-text-primary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] input,
[data-theme="organic"] textarea,
[data-theme="organic"] select {
    background-color: var(--theme-bg-primary) !important;
    color: var(--theme-text-primary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] input,
[data-theme="energetic"] textarea,
[data-theme="energetic"] select {
    background-color: var(--theme-bg-tertiary) !important;
    color: var(--theme-text-primary) !important;
    border-color: var(--theme-border) !important;
}

/* CTA Section - Dynamic Background Based on Theme */
.cta-section {
    background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);
    transition: background 0.3s ease;
}

[data-theme="corporate"] .cta-section {
    background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%) !important;
}

[data-theme="luxury"] .cta-section {
    background: linear-gradient(135deg, #0A0E1A 0%, #D4AF37 50%, #B8941E 100%) !important;
}

[data-theme="organic"] .cta-section {
    background: linear-gradient(135deg, #87A96B 0%, #6B8E4E 100%) !important;
}

[data-theme="energetic"] .cta-section {
    background: linear-gradient(135deg, #9333EA 0%, #EC4899 100%) !important;
}

/* Blog Hero Section - Dynamic Background Based on Theme */
.blog-hero-section {
    background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%);
    transition: background 0.3s ease;
    color: #FFFFFF !important;
}

[data-theme="corporate"] .blog-hero-section {
    background: linear-gradient(135deg, #2563EB 0%, #1E40AF 100%) !important;
    color: #FFFFFF !important;
}

[data-theme="corporate"] .blog-hero-section .text-blue-100 {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="luxury"] .blog-hero-section {
    background: linear-gradient(135deg, #0A0E1A 0%, #D4AF37 50%, #B8941E 100%) !important;
    color: #FFFFFF !important;
}

[data-theme="luxury"] .blog-hero-section .text-blue-100 {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="organic"] .blog-hero-section {
    background: linear-gradient(135deg, #87A96B 0%, #6B8E4E 100%) !important;
    color: #FFFFFF !important;
}

[data-theme="organic"] .blog-hero-section .text-blue-100 {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="energetic"] .blog-hero-section {
    background: linear-gradient(135deg, #9333EA 0%, #EC4899 100%) !important;
    color: #FFFFFF !important;
}

[data-theme="energetic"] .blog-hero-section .text-blue-100 {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Blog Detail Content Section - Target blog show page specifically */
[data-theme="luxury"] .blog-detail-content,
[data-theme="luxury"] .blog-detail-content .text-gray-600,
[data-theme="luxury"] .blog-detail-content .text-gray-800,
[data-theme="luxury"] .blog-detail-content .text-gray-500,
[data-theme="luxury"] .blog-detail-content .text-gray-900,
[data-theme="luxury"] .blog-detail-content .prose,
[data-theme="luxury"] .blog-detail-content .prose p,
[data-theme="luxury"] .blog-detail-content .prose div,
[data-theme="luxury"] .blog-detail-content .prose span,
[data-theme="luxury"] .blog-detail-content .prose *,
[data-theme="luxury"] .blog-detail-content p,
[data-theme="luxury"] .blog-detail-content div {
    color: #FFFFFF !important;
}

[data-theme="luxury"] .blog-detail-content .bg-white {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="luxury"] .blog-detail-content .text-secondary,
[data-theme="luxury"] .blog-detail-content h2,
[data-theme="luxury"] .blog-detail-content h3 {
    color: #FFFFFF !important;
}

[data-theme="luxury"] .blog-detail-content .text-primary,
[data-theme="luxury"] .blog-detail-content a.text-primary {
    color: #D4AF37 !important;
}

[data-theme="luxury"] .blog-detail-content .hover\:text-blue-700:hover {
    color: #F4D03F !important;
}

[data-theme="luxury"] .blog-detail-content .border-gray-200 {
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .blog-detail-content,
[data-theme="energetic"] .blog-detail-content .text-gray-600,
[data-theme="energetic"] .blog-detail-content .text-gray-800,
[data-theme="energetic"] .blog-detail-content .text-gray-500,
[data-theme="energetic"] .blog-detail-content .text-gray-900,
[data-theme="energetic"] .blog-detail-content .prose,
[data-theme="energetic"] .blog-detail-content .prose p,
[data-theme="energetic"] .blog-detail-content .prose div,
[data-theme="energetic"] .blog-detail-content .prose span,
[data-theme="energetic"] .blog-detail-content .prose *,
[data-theme="energetic"] .blog-detail-content p,
[data-theme="energetic"] .blog-detail-content div {
    color: #FFFFFF !important;
}

[data-theme="energetic"] .blog-detail-content .bg-white {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="energetic"] .blog-detail-content .text-secondary,
[data-theme="energetic"] .blog-detail-content h2,
[data-theme="energetic"] .blog-detail-content h3 {
    color: #FFFFFF !important;
}

[data-theme="energetic"] .blog-detail-content .text-primary,
[data-theme="energetic"] .blog-detail-content a.text-primary {
    color: #A855F7 !important;
}

[data-theme="energetic"] .blog-detail-content .hover\:text-blue-700:hover {
    color: #EC4899 !important;
}

[data-theme="energetic"] .blog-detail-content .border-gray-200 {
    border-color: var(--theme-border) !important;
}

/* How It Works Section - Number Circles */
/* Corporate Theme - Numbers should be visible */
[data-theme="corporate"] .bg-primary.bg-opacity-10 span.text-primary {
    color: #2563EB !important;
}

[data-theme="corporate"] .bg-accent.bg-opacity-10 span.text-accent {
    color: #22C55E !important;
}

[data-theme="corporate"] .bg-primary.bg-opacity-10 {
    background-color: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="corporate"] .bg-accent.bg-opacity-10 {
    background-color: rgba(34, 197, 94, 0.1) !important;
}

/* Luxury Theme - Use gold color for visibility on dark background */
[data-theme="luxury"] .bg-primary.bg-opacity-10 {
    background-color: rgba(212, 175, 55, 0.2) !important;
}

[data-theme="luxury"] .bg-primary.bg-opacity-10 span.text-primary,
[data-theme="luxury"] .bg-primary.bg-opacity-10 .text-primary {
    color: #D4AF37 !important;
}

[data-theme="luxury"] .bg-accent.bg-opacity-10 {
    background-color: rgba(212, 175, 55, 0.2) !important;
}

[data-theme="luxury"] .bg-accent.bg-opacity-10 span.text-accent,
[data-theme="luxury"] .bg-accent.bg-opacity-10 .text-accent {
    color: #D4AF37 !important;
}

/* Organic Theme - Numbers should be visible */
[data-theme="organic"] .bg-primary.bg-opacity-10 {
    background-color: rgba(135, 169, 107, 0.1) !important;
}

[data-theme="organic"] .bg-primary.bg-opacity-10 span.text-primary,
[data-theme="organic"] .bg-primary.bg-opacity-10 .text-primary {
    color: #87A96B !important;
}

[data-theme="organic"] .bg-accent.bg-opacity-10 {
    background-color: rgba(107, 142, 35, 0.1) !important;
}

[data-theme="organic"] .bg-accent.bg-opacity-10 span.text-accent,
[data-theme="organic"] .bg-accent.bg-opacity-10 .text-accent {
    color: #6B8E23 !important;
}

/* Energetic Theme - Use lighter colors for visibility on dark background */
[data-theme="energetic"] .bg-primary.bg-opacity-10 {
    background-color: rgba(147, 51, 234, 0.2) !important;
}

[data-theme="energetic"] .bg-primary.bg-opacity-10 span.text-primary,
[data-theme="energetic"] .bg-primary.bg-opacity-10 .text-primary {
    color: #9333EA !important;
}

[data-theme="energetic"] .bg-accent.bg-opacity-10 {
    background-color: rgba(236, 72, 153, 0.2) !important;
}

[data-theme="energetic"] .bg-accent.bg-opacity-10 span.text-accent,
[data-theme="energetic"] .bg-accent.bg-opacity-10 .text-accent {
    color: #EC4899 !important;
}

/* Override bg-blue-50 for info boxes and checked states */
[data-theme="corporate"] .bg-blue-50 {
    background-color: rgba(37, 99, 235, 0.1) !important;
}

[data-theme="luxury"] .bg-blue-50 {
    background-color: rgb(103, 141, 190) !important;
}

[data-theme="organic"] .bg-blue-50 {
    background-color: rgba(135, 169, 107, 0.1) !important;
}

[data-theme="energetic"] .bg-blue-50 {
    background-color: rgb(103, 141, 190) !important;
}

/* Ensure text is visible inside bg-blue-50 containers (for selected template cards) */
/* Using higher specificity to override general text color rules */
[data-theme="corporate"] div.bg-blue-50 .text-gray-900,
[data-theme="corporate"] div.bg-blue-50 .text-gray-700,
[data-theme="corporate"] div.bg-blue-50 .text-gray-600,
[data-theme="corporate"] div.bg-blue-50 div.text-gray-900,
[data-theme="corporate"] div.bg-blue-50 div.text-gray-600 {
    color: var(--theme-text-primary) !important;
}

[data-theme="luxury"] div.bg-blue-50 .text-gray-900,
[data-theme="luxury"] div.bg-blue-50 .text-gray-700,
[data-theme="luxury"] div.bg-blue-50 .text-gray-600,
[data-theme="luxury"] div.bg-blue-50 div.text-gray-900,
[data-theme="luxury"] div.bg-blue-50 div.text-gray-600 {
    color: #FFFFFF !important;
}

[data-theme="organic"] div.bg-blue-50 .text-gray-900,
[data-theme="organic"] div.bg-blue-50 .text-gray-700,
[data-theme="organic"] div.bg-blue-50 .text-gray-600,
[data-theme="organic"] div.bg-blue-50 div.text-gray-900,
[data-theme="organic"] div.bg-blue-50 div.text-gray-600 {
    color: var(--theme-text-primary) !important;
}

[data-theme="energetic"] div.bg-blue-50 .text-gray-900,
[data-theme="energetic"] div.bg-blue-50 .text-gray-700,
[data-theme="energetic"] div.bg-blue-50 .text-gray-600,
[data-theme="energetic"] div.bg-blue-50 div.text-gray-900,
[data-theme="energetic"] div.bg-blue-50 div.text-gray-600 {
    color: #FFFFFF !important;
}

/* Footer Theme Styles */
[data-theme="corporate"] footer.bg-secondary {
    background-color: var(--theme-secondary) !important;
}

[data-theme="luxury"] footer.bg-secondary {
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="organic"] footer.bg-secondary {
    background-color: var(--theme-secondary) !important;
}

[data-theme="energetic"] footer.bg-secondary {
    background-color: var(--theme-bg-tertiary) !important;
}

/* Footer text colors */
[data-theme="corporate"] footer .text-white,
[data-theme="corporate"] footer h3,
[data-theme="corporate"] footer h4 {
    color: #FFFFFF !important;
}

[data-theme="luxury"] footer .text-white,
[data-theme="luxury"] footer h3,
[data-theme="luxury"] footer h4 {
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] footer .text-white,
[data-theme="organic"] footer h3,
[data-theme="organic"] footer h4 {
    color: #FFFFFF !important;
}

[data-theme="energetic"] footer .text-white,
[data-theme="energetic"] footer h3,
[data-theme="energetic"] footer h4 {
    color: var(--theme-text-primary) !important;
}

/* Footer text-gray-400 and links */
[data-theme="corporate"] footer .text-gray-400,
[data-theme="corporate"] footer a.text-gray-400 {
    color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="luxury"] footer .text-gray-400,
[data-theme="luxury"] footer a.text-gray-400 {
    color: var(--theme-text-secondary) !important;
}

[data-theme="organic"] footer .text-gray-400,
[data-theme="organic"] footer a.text-gray-400 {
    color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="energetic"] footer .text-gray-400,
[data-theme="energetic"] footer a.text-gray-400 {
    color: var(--theme-text-secondary) !important;
}

/* Footer hover states */
[data-theme="corporate"] footer a.hover\:text-white:hover {
    color: #FFFFFF !important;
}

[data-theme="luxury"] footer a.hover\:text-white:hover {
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] footer a.hover\:text-white:hover {
    color: #FFFFFF !important;
}

[data-theme="energetic"] footer a.hover\:text-white:hover {
    color: var(--theme-text-primary) !important;
}

/* Footer border colors */
[data-theme="corporate"] footer .border-gray-700 {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="luxury"] footer .border-gray-700 {
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] footer .border-gray-700 {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="energetic"] footer .border-gray-700 {
    border-color: var(--theme-border) !important;
}

/* Auth Pages - Logo Text Visibility */
[data-theme="corporate"] .auth-logo-text {
    color: #2563EB !important;
}

[data-theme="luxury"] .auth-logo-text {
    color: #D4AF37 !important;
}

[data-theme="organic"] .auth-logo-text {
    color: #87A96B !important;
}

[data-theme="energetic"] .auth-logo-text {
    color: #9333EA !important;
}

/* Auth Pages - Subtitle Text Visibility */
[data-theme="corporate"] .auth-subtitle-text {
    color: #64748B !important;
}

[data-theme="luxury"] .auth-subtitle-text {
    color: #E5E7EB !important;
}

[data-theme="organic"] .auth-subtitle-text {
    color: #556B2F !important;
}

[data-theme="energetic"] .auth-subtitle-text {
    color: #E0E7FF !important;
}

/* Header Logo Text Visibility */
[data-theme="corporate"] .header-logo-text {
    color: #2563EB !important;
}

[data-theme="luxury"] .header-logo-text {
    color: #D4AF37 !important;
}

[data-theme="organic"] .header-logo-text {
    color: #87A96B !important;
}

[data-theme="energetic"] .header-logo-text {
    color: #9333EA !important;
}

/* Header Plan Badge - Theme Aware */
[data-theme="corporate"] .header-plan-badge,
[data-theme="corporate"] .header-plan-badge-mobile {
    background: linear-gradient(to right, rgba(37, 99, 235, 0.1), rgba(59, 130, 246, 0.05)) !important;
    border-color: rgba(37, 99, 235, 0.2) !important;
}

[data-theme="luxury"] .header-plan-badge,
[data-theme="luxury"] .header-plan-badge-mobile {
    background: linear-gradient(to right, rgba(212, 175, 55, 0.15), rgba(212, 175, 55, 0.05)) !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

[data-theme="organic"] .header-plan-badge,
[data-theme="organic"] .header-plan-badge-mobile {
    background: linear-gradient(to right, rgba(135, 169, 107, 0.1), rgba(135, 169, 107, 0.05)) !important;
    border-color: rgba(135, 169, 107, 0.2) !important;
}

[data-theme="energetic"] .header-plan-badge,
[data-theme="energetic"] .header-plan-badge-mobile {
    background: linear-gradient(to right, rgba(147, 51, 234, 0.15), rgba(147, 51, 234, 0.05)) !important;
    border-color: rgba(147, 51, 234, 0.3) !important;
}

/* Header Plan Name - Theme Colors */
[data-theme="corporate"] .header-plan-name {
    color: #2563EB !important;
}

[data-theme="luxury"] .header-plan-name {
    color: #D4AF37 !important;
}

[data-theme="organic"] .header-plan-name {
    color: #87A96B !important;
}

[data-theme="energetic"] .header-plan-name {
    color: #9333EA !important;
}

/* User Dashboard - Feature Access Section */
[data-theme="corporate"] .feature-access-section {
    background-color: #FFFFFF !important;
}

[data-theme="luxury"] .feature-access-section {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="organic"] .feature-access-section {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="energetic"] .feature-access-section {
    background-color: var(--theme-bg-secondary) !important;
}

/* Feature Access Items */
[data-theme="corporate"] .feature-access-item.bg-green-50 {
    background-color: #F0FDF4 !important;
    border-color: #BBF7D0 !important;
}

[data-theme="corporate"] .feature-access-item.bg-gray-50 {
    background-color: #F9FAFB !important;
    border-color: #E5E7EB !important;
}

[data-theme="luxury"] .feature-access-item.bg-green-50 {
    background-color: rgba(34, 197, 94, 0.1) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

[data-theme="luxury"] .feature-access-item.bg-gray-50 {
    background-color: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] .feature-access-item.bg-green-50 {
    background-color: rgba(107, 142, 35, 0.1) !important;
    border-color: rgba(107, 142, 35, 0.3) !important;
}

[data-theme="organic"] .feature-access-item.bg-gray-50 {
    background-color: var(--theme-bg-secondary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .feature-access-item.bg-green-50 {
    background-color: rgba(34, 197, 94, 0.1) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

[data-theme="energetic"] .feature-access-item.bg-gray-50 {
    background-color: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-border) !important;
}

/* Feature Access Labels */
[data-theme="corporate"] .feature-access-label {
    color: var(--theme-text-primary) !important;
}

[data-theme="luxury"] .feature-access-label,
[data-theme="luxury"] .feature-access-item .text-gray-900,
[data-theme="luxury"] .feature-access-item .text-gray-600 {
    color: #FFFFFF !important;
}

[data-theme="organic"] .feature-access-label {
    color: var(--theme-text-primary) !important;
}

[data-theme="energetic"] .feature-access-label,
[data-theme="energetic"] .feature-access-item .text-gray-900,
[data-theme="energetic"] .feature-access-item .text-gray-600 {
    color: #FFFFFF !important;
}

/* Feature Access Icons */
[data-theme="luxury"] .feature-access-item .bg-green-100 {
    background-color: rgba(34, 197, 94, 0.2) !important;
}

[data-theme="luxury"] .feature-access-item .bg-gray-200 {
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="luxury"] .feature-access-item .text-gray-400 {
    color: #9CA3AF !important;
}

[data-theme="organic"] .feature-access-item .bg-green-100 {
    background-color: rgba(107, 142, 35, 0.2) !important;
}

[data-theme="organic"] .feature-access-item .bg-gray-200 {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="energetic"] .feature-access-item .bg-green-100 {
    background-color: rgba(34, 197, 94, 0.2) !important;
}

[data-theme="energetic"] .feature-access-item .bg-gray-200 {
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="energetic"] .feature-access-item .text-gray-400 {
    color: #9CA3AF !important;
}

/* Auth Pages - All Text Visibility */
/* Corporate Theme - Default colors work fine */
[data-theme="corporate"] .bg-white {
    background-color: #FFFFFF !important;
}

[data-theme="corporate"] .text-gray-600,
[data-theme="corporate"] .text-gray-700,
[data-theme="corporate"] .text-gray-500,
[data-theme="corporate"] .text-secondary {
    color: var(--theme-text-primary) !important;
}

/* Luxury Theme - Dark background, light text */
[data-theme="luxury"] .bg-white {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="luxury"] .text-gray-600,
[data-theme="luxury"] .text-gray-700,
[data-theme="luxury"] .text-gray-500,
[data-theme="luxury"] .text-secondary,
[data-theme="luxury"] label,
[data-theme="luxury"] p,
[data-theme="luxury"] span {
    color: #FFFFFF !important;
}

[data-theme="luxury"] .text-gray-400 {
    color: #9CA3AF !important;
}

[data-theme="luxury"] .text-gray-900 {
    color: #FFFFFF !important;
}

[data-theme="luxury"] .border-gray-200,
[data-theme="luxury"] .border-gray-300,
[data-theme="luxury"] .border-gray-100 {
    border-color: var(--theme-border) !important;
}

[data-theme="luxury"] .placeholder-gray-400::placeholder {
    color: #9CA3AF !important;
}

/* Organic Theme - Light background, dark text */
[data-theme="organic"] .bg-white {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="organic"] .text-gray-600,
[data-theme="organic"] .text-gray-700,
[data-theme="organic"] .text-gray-500,
[data-theme="organic"] .text-secondary {
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] .text-gray-400 {
    color: #87A96B !important;
}

[data-theme="organic"] .text-gray-900 {
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] .border-gray-200,
[data-theme="organic"] .border-gray-300,
[data-theme="organic"] .border-gray-100 {
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] .placeholder-gray-400::placeholder {
    color: #87A96B !important;
}

/* Energetic Theme - Dark background, light text */
[data-theme="energetic"] .bg-white {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="energetic"] .text-gray-600,
[data-theme="energetic"] .text-gray-700,
[data-theme="energetic"] .text-gray-500,
[data-theme="energetic"] .text-secondary,
[data-theme="energetic"] label,
[data-theme="energetic"] p,
[data-theme="energetic"] span {
    color: #FFFFFF !important;
}

[data-theme="energetic"] .text-gray-400 {
    color: #A5B4FC !important;
}

[data-theme="energetic"] .text-gray-900 {
    color: #FFFFFF !important;
}

[data-theme="energetic"] .border-gray-200,
[data-theme="energetic"] .border-gray-300,
[data-theme="energetic"] .border-gray-100 {
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .placeholder-gray-400::placeholder {
    color: #A5B4FC !important;
}

/* Auth Pages - Google Button Text */
[data-theme="luxury"] .text-gray-700,
[data-theme="energetic"] .text-gray-700 {
    color: #FFFFFF !important;
}

[data-theme="luxury"] .hover\:bg-gray-50:hover,
[data-theme="energetic"] .hover\:bg-gray-50:hover {
    background-color: var(--theme-bg-tertiary) !important;
}

/* Auth Pages - Divider Text Background */
[data-theme="luxury"] .bg-white.text-gray-500,
[data-theme="energetic"] .bg-white.text-gray-500 {
    background-color: var(--theme-bg-secondary) !important;
    color: #FFFFFF !important;
}

/* Auth Page Body Background */
[data-theme="corporate"] .auth-page-body {
    background-color: #F8FAFC !important;
}

[data-theme="luxury"] .auth-page-body {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="organic"] .auth-page-body {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="energetic"] .auth-page-body {
    background-color: var(--theme-bg-primary) !important;
}

/* Auth Pages - Theme Switcher Button */
[data-theme="luxury"] .auth-page-body .text-gray-700,
[data-theme="energetic"] .auth-page-body .text-gray-700 {
    color: #FFFFFF !important;
}

[data-theme="luxury"] .auth-page-body .hover\:bg-gray-100:hover,
[data-theme="energetic"] .auth-page-body .hover\:bg-gray-100:hover {
    background-color: var(--theme-bg-tertiary) !important;
}

/* Auth Pages - Input Text Colors */
[data-theme="luxury"] .auth-page-body input.text-gray-900,
[data-theme="luxury"] .auth-page-body textarea.text-gray-900,
[data-theme="luxury"] .auth-page-body input[type="text"],
[data-theme="luxury"] .auth-page-body input[type="email"],
[data-theme="luxury"] .auth-page-body input[type="password"] {
    color: #FFFFFF !important;
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="energetic"] .auth-page-body input.text-gray-900,
[data-theme="energetic"] .auth-page-body textarea.text-gray-900,
[data-theme="energetic"] .auth-page-body input[type="text"],
[data-theme="energetic"] .auth-page-body input[type="email"],
[data-theme="energetic"] .auth-page-body input[type="password"] {
    color: #FFFFFF !important;
    background-color: var(--theme-bg-tertiary) !important;
}

/* Portfolio Page Theme Styles */
/* Background */
[data-theme="corporate"] .portfolio-page-bg {
    background: linear-gradient(to bottom right, #F8FAFC, #F1F5F9) !important;
}

[data-theme="luxury"] .portfolio-page-bg {
    background: linear-gradient(to bottom right, #0A0E1A, #141B2D) !important;
}

[data-theme="organic"] .portfolio-page-bg {
    background: linear-gradient(to bottom right, #F5F1E8, #EDE8DC) !important;
}

[data-theme="energetic"] .portfolio-page-bg {
    background: linear-gradient(to bottom right, #0F0F23, #1A1A2E) !important;
}

/* Portfolio Cards */
[data-theme="corporate"] .portfolio-card {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="luxury"] .portfolio-card {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="organic"] .portfolio-card {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="energetic"] .portfolio-card {
    background-color: var(--theme-bg-secondary) !important;
}

/* Header Gradient */
[data-theme="corporate"] .portfolio-header-gradient {
    background: linear-gradient(to right, var(--theme-primary), #3B82F6) !important;
}

[data-theme="luxury"] .portfolio-header-gradient {
    background: linear-gradient(to right, var(--theme-primary), #1A1F2E) !important;
}

[data-theme="organic"] .portfolio-header-gradient {
    background: linear-gradient(to right, var(--theme-primary), #A8C88A) !important;
}

[data-theme="energetic"] .portfolio-header-gradient {
    background: linear-gradient(to right, var(--theme-primary), #A855F7) !important;
}

/* Text Colors */
[data-theme="corporate"] .portfolio-title,
[data-theme="corporate"] .portfolio-section-title,
[data-theme="corporate"] .portfolio-item-title {
    color: var(--theme-text-primary) !important;
}

[data-theme="luxury"] .portfolio-title,
[data-theme="luxury"] .portfolio-section-title,
[data-theme="luxury"] .portfolio-item-title {
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] .portfolio-title,
[data-theme="organic"] .portfolio-section-title,
[data-theme="organic"] .portfolio-item-title {
    color: var(--theme-text-primary) !important;
}

[data-theme="energetic"] .portfolio-title,
[data-theme="energetic"] .portfolio-section-title,
[data-theme="energetic"] .portfolio-item-title {
    color: var(--theme-text-primary) !important;
}

[data-theme="corporate"] .portfolio-subtitle,
[data-theme="corporate"] .portfolio-text,
[data-theme="corporate"] .portfolio-content-text {
    color: var(--theme-text-secondary) !important;
}

[data-theme="luxury"] .portfolio-subtitle,
[data-theme="luxury"] .portfolio-text,
[data-theme="luxury"] .portfolio-content-text {
    color: var(--theme-text-secondary) !important;
}

[data-theme="organic"] .portfolio-subtitle,
[data-theme="organic"] .portfolio-text,
[data-theme="organic"] .portfolio-content-text {
    color: var(--theme-text-secondary) !important;
}

[data-theme="energetic"] .portfolio-subtitle,
[data-theme="energetic"] .portfolio-text,
[data-theme="energetic"] .portfolio-content-text {
    color: var(--theme-text-secondary) !important;
}

[data-theme="corporate"] .portfolio-muted-text {
    color: var(--theme-text-muted) !important;
}

[data-theme="luxury"] .portfolio-muted-text {
    color: var(--theme-text-muted) !important;
}

[data-theme="organic"] .portfolio-muted-text {
    color: var(--theme-text-muted) !important;
}

[data-theme="energetic"] .portfolio-muted-text {
    color: var(--theme-text-muted) !important;
}

/* Borders */
[data-theme="corporate"] .portfolio-border {
    border-color: var(--theme-border) !important;
}

[data-theme="luxury"] .portfolio-border {
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] .portfolio-border {
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .portfolio-border {
    border-color: var(--theme-border) !important;
}

/* Project Cards */
[data-theme="corporate"] .portfolio-project-card {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="luxury"] .portfolio-project-card {
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="organic"] .portfolio-project-card {
    background-color: var(--theme-bg-primary) !important;
}

[data-theme="energetic"] .portfolio-project-card {
    background-color: var(--theme-bg-tertiary) !important;
}

/* Technology Badges */
[data-theme="corporate"] .portfolio-tech-badge {
    background-color: #F1F5F9 !important;
    color: var(--theme-text-primary) !important;
}

[data-theme="luxury"] .portfolio-tech-badge {
    background-color: var(--theme-bg-tertiary) !important;
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] .portfolio-tech-badge {
    background-color: #EDE8DC !important;
    color: var(--theme-text-primary) !important;
}

[data-theme="energetic"] .portfolio-tech-badge {
    background-color: var(--theme-bg-tertiary) !important;
    color: var(--theme-text-primary) !important;
}

/* Social Links */
[data-theme="corporate"] .portfolio-social-link {
    background-color: transparent !important;
    border-color: var(--theme-border) !important;
}

[data-theme="corporate"] .portfolio-social-link:hover {
    background-color: #EFF6FF !important;
    border-color: #3B82F6 !important;
}

[data-theme="luxury"] .portfolio-social-link {
    background-color: transparent !important;
    border-color: var(--theme-border) !important;
}

[data-theme="luxury"] .portfolio-social-link:hover {
    background-color: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-accent) !important;
}

[data-theme="organic"] .portfolio-social-link {
    background-color: transparent !important;
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] .portfolio-social-link:hover {
    background-color: #EDE8DC !important;
    border-color: var(--theme-primary) !important;
}

[data-theme="energetic"] .portfolio-social-link {
    background-color: transparent !important;
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .portfolio-social-link:hover {
    background-color: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-primary) !important;
}

/* Portfolio Content (CKEditor) */
[data-theme="corporate"] .portfolio-content,
[data-theme="corporate"] .portfolio-content p,
[data-theme="corporate"] .portfolio-content h1,
[data-theme="corporate"] .portfolio-content h2,
[data-theme="corporate"] .portfolio-content h3,
[data-theme="corporate"] .portfolio-content h4,
[data-theme="corporate"] .portfolio-content h5,
[data-theme="corporate"] .portfolio-content h6,
[data-theme="corporate"] .portfolio-content ul,
[data-theme="corporate"] .portfolio-content ol,
[data-theme="corporate"] .portfolio-content li {
    color: var(--theme-text-primary) !important;
}

[data-theme="luxury"] .portfolio-content,
[data-theme="luxury"] .portfolio-content p,
[data-theme="luxury"] .portfolio-content h1,
[data-theme="luxury"] .portfolio-content h2,
[data-theme="luxury"] .portfolio-content h3,
[data-theme="luxury"] .portfolio-content h4,
[data-theme="luxury"] .portfolio-content h5,
[data-theme="luxury"] .portfolio-content h6,
[data-theme="luxury"] .portfolio-content ul,
[data-theme="luxury"] .portfolio-content ol,
[data-theme="luxury"] .portfolio-content li {
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] .portfolio-content,
[data-theme="organic"] .portfolio-content p,
[data-theme="organic"] .portfolio-content h1,
[data-theme="organic"] .portfolio-content h2,
[data-theme="organic"] .portfolio-content h3,
[data-theme="organic"] .portfolio-content h4,
[data-theme="organic"] .portfolio-content h5,
[data-theme="organic"] .portfolio-content h6,
[data-theme="organic"] .portfolio-content ul,
[data-theme="organic"] .portfolio-content ol,
[data-theme="organic"] .portfolio-content li {
    color: var(--theme-text-primary) !important;
}

[data-theme="energetic"] .portfolio-content,
[data-theme="energetic"] .portfolio-content p,
[data-theme="energetic"] .portfolio-content h1,
[data-theme="energetic"] .portfolio-content h2,
[data-theme="energetic"] .portfolio-content h3,
[data-theme="energetic"] .portfolio-content h4,
[data-theme="energetic"] .portfolio-content h5,
[data-theme="energetic"] .portfolio-content h6,
[data-theme="energetic"] .portfolio-content ul,
[data-theme="energetic"] .portfolio-content ol,
[data-theme="energetic"] .portfolio-content li {
    color: var(--theme-text-primary) !important;
}

[data-theme="corporate"] .portfolio-content a {
    color: var(--theme-primary) !important;
}

[data-theme="luxury"] .portfolio-content a {
    color: var(--theme-accent) !important;
}

[data-theme="organic"] .portfolio-content a {
    color: var(--theme-primary) !important;
}

[data-theme="energetic"] .portfolio-content a {
    color: var(--theme-primary) !important;
}

/* Stats Card */
[data-theme="corporate"] .portfolio-stats-card {
    background: linear-gradient(to bottom right, var(--theme-primary), #3B82F6) !important;
    color: #FFFFFF !important;
}

[data-theme="luxury"] .portfolio-stats-card {
    background: linear-gradient(to bottom right, var(--theme-primary), #1A1F2E) !important;
    color: #FFFFFF !important;
}

[data-theme="organic"] .portfolio-stats-card {
    background: linear-gradient(to bottom right, var(--theme-primary), #A8C88A) !important;
    color: #FFFFFF !important;
}

[data-theme="energetic"] .portfolio-stats-card {
    background: linear-gradient(to bottom right, var(--theme-primary), #A855F7) !important;
    color: #FFFFFF !important;
}

[data-theme="corporate"] .portfolio-stats-title,
[data-theme="corporate"] .portfolio-stats-value {
    color: #FFFFFF !important;
}

[data-theme="corporate"] .portfolio-stats-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="corporate"] .portfolio-stats-badge {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

[data-theme="luxury"] .portfolio-stats-title,
[data-theme="luxury"] .portfolio-stats-value {
    color: #FFFFFF !important;
}

[data-theme="luxury"] .portfolio-stats-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="luxury"] .portfolio-stats-badge {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

[data-theme="organic"] .portfolio-stats-title,
[data-theme="organic"] .portfolio-stats-value {
    color: #FFFFFF !important;
}

[data-theme="organic"] .portfolio-stats-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="organic"] .portfolio-stats-badge {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

[data-theme="energetic"] .portfolio-stats-title,
[data-theme="energetic"] .portfolio-stats-value {
    color: #FFFFFF !important;
}

[data-theme="energetic"] .portfolio-stats-label {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="energetic"] .portfolio-stats-badge {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

/* Avatar Gradient */
[data-theme="corporate"] .portfolio-avatar-gradient {
    background: linear-gradient(to bottom right, var(--theme-primary), #3B82F6) !important;
}

[data-theme="luxury"] .portfolio-avatar-gradient {
    background: linear-gradient(to bottom right, var(--theme-primary), #1A1F2E) !important;
}

[data-theme="organic"] .portfolio-avatar-gradient {
    background: linear-gradient(to bottom right, var(--theme-primary), #A8C88A) !important;
}

[data-theme="energetic"] .portfolio-avatar-gradient {
    background: linear-gradient(to bottom right, var(--theme-primary), #A855F7) !important;
}

/* Portfolio Theme Switcher */
[data-theme="corporate"] .portfolio-theme-btn {
    background-color: #FFFFFF !important;
    border-color: #E2E8F0 !important;
    color: #1E293B !important;
}

[data-theme="corporate"] .portfolio-theme-btn:hover {
    border-color: var(--theme-primary) !important;
    background-color: #F8FAFC !important;
}

[data-theme="luxury"] .portfolio-theme-btn {
    background-color: var(--theme-bg-secondary) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-primary) !important;
}

[data-theme="luxury"] .portfolio-theme-btn:hover {
    border-color: var(--theme-accent) !important;
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="organic"] .portfolio-theme-btn {
    background-color: var(--theme-bg-primary) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-primary) !important;
}

[data-theme="organic"] .portfolio-theme-btn:hover {
    border-color: var(--theme-primary) !important;
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="energetic"] .portfolio-theme-btn {
    background-color: var(--theme-bg-secondary) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-primary) !important;
}

[data-theme="energetic"] .portfolio-theme-btn:hover {
    border-color: var(--theme-primary) !important;
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="corporate"] .portfolio-theme-dropdown {
    background-color: #FFFFFF !important;
    border-color: #E2E8F0 !important;
}

[data-theme="luxury"] .portfolio-theme-dropdown {
    background-color: var(--theme-bg-secondary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] .portfolio-theme-dropdown {
    background-color: var(--theme-bg-primary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .portfolio-theme-dropdown {
    background-color: var(--theme-bg-secondary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="corporate"] .portfolio-theme-dropdown-header {
    background-color: #F8FAFC !important;
    border-color: #E2E8F0 !important;
}

[data-theme="luxury"] .portfolio-theme-dropdown-header {
    background-color: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="organic"] .portfolio-theme-dropdown-header {
    background-color: var(--theme-bg-secondary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .portfolio-theme-dropdown-header {
    background-color: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-border) !important;
}

[data-theme="corporate"] .portfolio-theme-option:hover {
    background-color: #F1F5F9 !important;
}

[data-theme="luxury"] .portfolio-theme-option:hover {
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="organic"] .portfolio-theme-option:hover {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="energetic"] .portfolio-theme-option:hover {
    background-color: var(--theme-bg-tertiary) !important;
}

[data-theme="corporate"] .portfolio-theme-option.bg-primary {
    background-color: var(--theme-primary) !important;
    color: #FFFFFF !important;
}

[data-theme="luxury"] .portfolio-theme-option.bg-primary {
    background-color: var(--theme-accent) !important;
    color: #FFFFFF !important;
}

[data-theme="organic"] .portfolio-theme-option.bg-primary {
    background-color: var(--theme-primary) !important;
    color: #FFFFFF !important;
}

[data-theme="energetic"] .portfolio-theme-option.bg-primary {
    background-color: var(--theme-primary) !important;
    color: #FFFFFF !important;
}

/* Portfolio Form Sections - Border Visibility for Energetic Theme */
[data-theme="energetic"] .experience-item,
[data-theme="energetic"] .education-item,
[data-theme="energetic"] .project-item,
[data-theme="energetic"] .certificate-item {
    border-color: var(--theme-border) !important;
    border-width: 2px !important;
    border-style: solid !important;
}

[data-theme="energetic"] .experience-item.border-2,
[data-theme="energetic"] .education-item.border-2,
[data-theme="energetic"] .project-item.border-2,
[data-theme="energetic"] .certificate-item.border-2 {
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .experience-item.border-gray-200,
[data-theme="energetic"] .education-item.border-gray-200,
[data-theme="energetic"] .project-item.border-gray-200,
[data-theme="energetic"] .certificate-item.border-gray-200 {
    border-color: var(--theme-border) !important;
}

/* Also fix input borders within these sections */
[data-theme="energetic"] .experience-item input,
[data-theme="energetic"] .experience-item textarea,
[data-theme="energetic"] .experience-item select,
[data-theme="energetic"] .education-item input,
[data-theme="energetic"] .education-item textarea,
[data-theme="energetic"] .education-item select,
[data-theme="energetic"] .project-item input,
[data-theme="energetic"] .project-item textarea,
[data-theme="energetic"] .project-item select,
[data-theme="energetic"] .certificate-item input,
[data-theme="energetic"] .certificate-item textarea,
[data-theme="energetic"] .certificate-item select {
    border-color: var(--theme-border) !important;
}

[data-theme="energetic"] .experience-item input.border-gray-200,
[data-theme="energetic"] .experience-item textarea.border-gray-200,
[data-theme="energetic"] .education-item input.border-gray-200,
[data-theme="energetic"] .education-item textarea.border-gray-200,
[data-theme="energetic"] .project-item input.border-gray-200,
[data-theme="energetic"] .project-item textarea.border-gray-200,
[data-theme="energetic"] .certificate-item input.border-gray-200,
[data-theme="energetic"] .certificate-item textarea.border-gray-200 {
    border-color: var(--theme-border) !important;
}

/* Background colors for portfolio form sections in energetic theme */
[data-theme="energetic"] .experience-item,
[data-theme="energetic"] .education-item,
[data-theme="energetic"] .project-item,
[data-theme="energetic"] .certificate-item {
    background-color: var(--theme-bg-tertiary) !important;
}

/* Fix banner overlay in portfolio forms - use neutral dark overlay for all themes */
.portfolio-banner-overlay.bg-primary {
    background-color: transparent !important;
}

.portfolio-banner-overlay.bg-primary.bg-opacity-0 {
    background-color: transparent !important;
}

.portfolio-banner-overlay.bg-primary.peer-checked,
.portfolio-banner-overlay.bg-primary.bg-opacity-20 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Theme-specific overrides to ensure neutral overlay */
[data-theme="corporate"] .portfolio-banner-overlay.bg-primary.peer-checked,
[data-theme="corporate"] .portfolio-banner-overlay.bg-primary.bg-opacity-20 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="luxury"] .portfolio-banner-overlay.bg-primary.peer-checked,
[data-theme="luxury"] .portfolio-banner-overlay.bg-primary.bg-opacity-20 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="organic"] .portfolio-banner-overlay.bg-primary.peer-checked,
[data-theme="organic"] .portfolio-banner-overlay.bg-primary.bg-opacity-20 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="energetic"] .portfolio-banner-overlay.bg-primary.peer-checked,
[data-theme="energetic"] .portfolio-banner-overlay.bg-primary.bg-opacity-20 {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Ensure text is visible in these sections */
[data-theme="energetic"] .experience-item label,
[data-theme="energetic"] .education-item label,
[data-theme="energetic"] .project-item label,
[data-theme="energetic"] .certificate-item label {
    color: var(--theme-text-primary) !important;
}

/* Input and textarea backgrounds in energetic theme */
[data-theme="energetic"] .experience-item input,
[data-theme="energetic"] .experience-item textarea,
[data-theme="energetic"] .education-item input,
[data-theme="energetic"] .education-item textarea,
[data-theme="energetic"] .project-item input,
[data-theme="energetic"] .project-item textarea,
[data-theme="energetic"] .certificate-item input,
[data-theme="energetic"] .certificate-item textarea {
    background-color: var(--theme-bg-secondary) !important;
    color: var(--theme-text-primary) !important;
}