/* ============================================
   ScanWeb - Theme System (Light + Dark)
   ============================================ */

/* LIGHT MODE (default) */
:root {
    /* Pozadine */
    --bg-primary: #ffffff;
    --bg-secondary: #f5f7fa;
    --bg-tertiary: #f8fbff;
    --bg-card: #ffffff;
    --bg-header: #1a1a2e;
    --bg-overlay: rgba(26, 26, 46, 0.9);
    
    /* Tekst */
    --text-primary: #1a1a2e;
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-light: #ffffff;
    --text-on-card: #444444;
    
    /* Akcenti */
    --accent: #00d9ff;
    --accent-hover: #00a8cc;
    --accent-dark: #0088aa;
    
    /* Status boje */
    --success: #0a7d4d;
    --success-bg: #e6f9f0;
    --warning: #f0ad4e;
    --warning-bg: #fff8e6;
    --danger: #d9534f;
    --danger-bg: #fee;
    
    /* Ivice i senke */
    --border-color: #e0e0e0;
    --border-light: #f0f0f0;
    --shadow-sm: 0 2px 10px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.06);
    --shadow-lg: 0 12px 30px rgba(0,0,0,0.1);
    
    /* Neon efekti (light mode - suptilniji) */
    --neon-subtle: 0 0 15px rgba(0,217,255,0.15);
    --neon-medium: 0 0 25px rgba(0,217,255,0.25);
    --neon-strong: 0 0 30px rgba(0,217,255,0.5), 0 0 60px rgba(0,217,255,0.2);
    --text-glow-subtle: 0 0 15px rgba(0,217,255,0.2);
    --text-glow-medium: 0 0 20px rgba(0,217,255,0.4);
}

/* DARK MODE */
[data-theme="dark"] {
    /* Pozadine */
    --bg-primary: #0f0f1e;
    --bg-secondary: #1a1a2e;
    --bg-tertiary: #16213e;
    --bg-card: #1e1e30;
    --bg-header: #0a0a16;
    --bg-overlay: rgba(10, 10, 22, 0.95);
    
    /* Tekst */
    --text-primary: #ffffff;
    --text-secondary: #b0b0c0;
    --text-muted: #808090;
    --text-light: #ffffff;
    --text-on-card: #e0e0f0;
    
    /* Akcenti (ostaju isti) */
    --accent: #00d9ff;
    --accent-hover: #00e5ff;
    --accent-dark: #00a8cc;
    
    /* Status boje (svetlije za dark mode) */
    --success: #4ade80;
    --success-bg: rgba(74, 222, 128, 0.1);
    --warning: #fbbf24;
    --warning-bg: rgba(251, 191, 36, 0.1);
    --danger: #f87171;
    --danger-bg: rgba(248, 113, 113, 0.1);
    
    /* Ivice i senke */
    --border-color: #2a2a40;
    --border-light: #252540;
    --shadow-sm: 0 2px 10px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 20px rgba(0,0,0,0.4);
    --shadow-lg: 0 12px 30px rgba(0,0,0,0.5);
    
    /* Neon efekti (dark mode - izraženiji) */
    --neon-subtle: 0 0 20px rgba(0,217,255,0.2);
    --neon-medium: 0 0 30px rgba(0,217,255,0.35);
    --neon-strong: 0 0 40px rgba(0,217,255,0.6), 0 0 80px rgba(0,217,255,0.3);
    --text-glow-subtle: 0 0 20px rgba(0,217,255,0.3);
    --text-glow-medium: 0 0 25px rgba(0,217,255,0.5);
}

/* ============================================
   DARK MODE PRIMENA
   ============================================ */

[data-theme="dark"] body {
    background: var(--bg-primary);
    color: var(--text-secondary);
}

[data-theme="dark"] main {
    background: var(--bg-primary);
}

/* Header u dark mode */
[data-theme="dark"] header {
    background: rgba(10, 10, 22, 0.95) !important;
    border-bottom: 1px solid var(--border-color);
}

/* Hero sekcija */
[data-theme="dark"] .hero {
    background: var(--bg-secondary);
}

[data-theme="dark"] .hero h1 {
    color: var(--text-primary);
    text-shadow: var(--text-glow-subtle);
}

[data-theme="dark"] .hero p {
    color: var(--text-secondary);
}

/* Feature bar */
[data-theme="dark"] .features-bar {
    background: var(--bg-secondary);
}

[data-theme="dark"] .feature-sm {
    background: var(--bg-card);
    border-top-color: var(--accent);
    box-shadow: var(--shadow-sm), var(--neon-subtle);
}

[data-theme="dark"] .feature-sm:hover {
    box-shadow: var(--shadow-md), var(--neon-medium);
}

[data-theme="dark"] .feature-sm h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .feature-sm p {
    color: var(--text-muted);
}

/* Trust sekcija */
[data-theme="dark"] .trust-section {
    background: var(--bg-primary);
}

[data-theme="dark"] .trust-item {
    background: var(--bg-card);
    border-top-color: var(--accent);
    box-shadow: var(--shadow-sm), var(--neon-subtle);
}

[data-theme="dark"] .trust-item:hover {
    box-shadow: var(--shadow-md), var(--neon-medium);
}

[data-theme="dark"] .trust-item h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .trust-item p {
    color: var(--text-muted);
}

/* Pricing sekcija */
[data-theme="dark"] .two-cols-section {
    background: var(--bg-primary);
}

[data-theme="dark"] .pricing-card-sm {
    background: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .pricing-card-sm:hover {
    border-color: var(--accent);
    box-shadow: var(--neon-medium);
}

[data-theme="dark"] .pricing-featured-sm {
    background: linear-gradient(135deg, rgba(0,217,255,0.05) 0%, rgba(0,217,255,0.1) 100%);
    border-color: var(--accent);
    box-shadow: var(--neon-subtle);
}

[data-theme="dark"] .pricing-header-sm h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .pricing-features-sm li {
    color: var(--text-secondary);
}

/* Recent scanned */
[data-theme="dark"] .recent-row {
    background: var(--bg-card);
    border-left-color: var(--accent);
}

[data-theme="dark"] .recent-row:hover {
    background: rgba(0,217,255,0.05);
    box-shadow: var(--neon-subtle);
}

[data-theme="dark"] .recent-row-domain {
    color: var(--text-primary);
}

[data-theme="dark"] .col-title {
    color: var(--text-primary);
}

[data-theme="dark"] .col-subtitle {
    color: var(--text-muted);
}

/* First clients */
[data-theme="dark"] .first-clients-section {
    background: linear-gradient(135deg, #0a0a16 0%, #16213e 100%);
}

/* Mode toggle (Web/Email) */
[data-theme="dark"] .mode-toggle {
    background: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .mode-toggle.active {
    background: linear-gradient(135deg, rgba(0,217,255,0.1) 0%, rgba(0,217,255,0.15) 100%);
    border-color: var(--accent);
    box-shadow: var(--neon-medium);
}

[data-theme="dark"] .mode-label {
    color: var(--text-primary);
}

/* Input polja */
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] textarea {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: var(--text-muted);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 4px rgba(0,217,255,0.15), var(--neon-subtle);
}

/* Result sekcije */
[data-theme="dark"] .result-section {
    background: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .result-section h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .result-table th {
    background: rgba(0,217,255,0.05);
    color: var(--text-primary);
}

[data-theme="dark"] .result-table td {
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .result-table code {
    background: var(--bg-secondary);
    color: var(--accent);
}

/* FAQ */
[data-theme="dark"] .faq-item {
    background: var(--bg-card);
    border-color: var(--border-color);
}

[data-theme="dark"] .faq-item.open {
    border-color: var(--accent);
    box-shadow: var(--neon-medium);
}

[data-theme="dark"] .faq-question {
    color: var(--text-primary);
}

[data-theme="dark"] .faq-answer p {
    color: var(--text-secondary);
    border-top-color: var(--border-color);
}

/* Blog */
[data-theme="dark"] .blog-card {
    background: var(--bg-card);
    border-top-color: var(--accent);
}

[data-theme="dark"] .blog-card-title a {
    color: var(--text-primary);
}

[data-theme="dark"] .blog-card-excerpt {
    color: var(--text-secondary);
}

[data-theme="dark"] .article-content {
    color: var(--text-secondary);
}

[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .article-content strong {
    color: var(--text-primary);
}

[data-theme="dark"] .article-content pre {
    background: var(--bg-secondary);
    border: 1px solid var(--border-color);
}

[data-theme="dark"] .article-title {
    color: var(--text-primary);
}

/* About */
[data-theme="dark"] .about-card {
    background: var(--bg-card);
    border-top-color: var(--accent);
}

[data-theme="dark"] .about-card h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .about-card p {
    color: var(--text-secondary);
}

[data-theme="dark"] .service-item {
    background: rgba(0,217,255,0.05);
    border-left-color: var(--accent);
}

[data-theme="dark"] .service-item h4 {
    color: var(--text-primary);
}

/* Privacy */
[data-theme="dark"] .legal-section {
    background: var(--bg-card);
    border-left-color: var(--accent);
}

[data-theme="dark"] .legal-section h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .legal-section p {
    color: var(--text-secondary);
}

/* Cookie banner */
[data-theme="dark"] .cookie-banner {
    background: var(--bg-card);
    border-top: 1px solid var(--accent);
    box-shadow: 0 -4px 30px rgba(0,217,255,0.1);
}

[data-theme="dark"] .cookie-text h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .cookie-text p {
    color: var(--text-secondary);
}

[data-theme="dark"] .cookie-accept-necessary {
    background: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Sekcije */
[data-theme="dark"] .section-title {
    color: var(--text-primary);
}

[data-theme="dark"] .section-subtitle {
    color: var(--text-secondary);
}

[data-theme="dark"] .page-content h1 {
    color: var(--text-primary);
}

[data-theme="dark"] .page-intro {
    color: var(--text-secondary);
}

/* Footer */
[data-theme="dark"] footer {
    background: var(--bg-header);
    border-top: 1px solid var(--border-color);
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

/* 404/500 */
[data-theme="dark"] .error-title {
    color: var(--text-primary);
}

[data-theme="dark"] .error-message {
    color: var(--text-secondary);
}

[data-theme="dark"] .error-suggestions,
[data-theme="dark"] .error-info {
    background: var(--bg-card);
}

/* Tranzicija za smooth prelaz */
body,
header,
main,
.result-section,
.feature-sm,
.trust-item,
.pricing-card-sm,
.blog-card,
.faq-item {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* ============================================
   DODATNI DARK MODE OVERRIDE (bele površine)
   ============================================ */

/* Two-cols section (index.php - cenovnik + recent) */
[data-theme="dark"] .two-cols-section {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .two-cols {
    background: transparent !important;
}

[data-theme="dark"] .col-left,
[data-theme="dark"] .col-right {
    background: transparent !important;
}

[data-theme="dark"] .pricing-card-sm {
    background: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

[data-theme="dark"] .pricing-featured-sm {
    background: linear-gradient(135deg, rgba(0,217,255,0.08) 0%, rgba(0,217,255,0.15) 100%) !important;
}

/* Contact page */
[data-theme="dark"] .page-content {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .contact-form-wrapper {
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-md), var(--neon-subtle) !important;
}

[data-theme="dark"] .contact-info h2,
[data-theme="dark"] .contact-form-wrapper h2 {
    color: var(--text-primary) !important;
}

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

[data-theme="dark"] .contact-item a {
    color: var(--accent) !important;
}

[data-theme="dark"] .contact-item div {
    color: var(--text-secondary);
}

[data-theme="dark"] .service-list li {
    color: var(--text-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .pricing-mini {
    background: var(--bg-secondary) !important;
    border-left-color: var(--accent) !important;
}

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

[data-theme="dark"] .pricing-mini p {
    color: var(--text-secondary) !important;
}

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

/* Privacy page */
[data-theme="dark"] .legal-contact {
    background: linear-gradient(135deg, rgba(0,217,255,0.08) 0%, rgba(0,217,255,0.15) 100%) !important;
    border-color: var(--accent) !important;
    box-shadow: var(--neon-subtle) !important;
}

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

[data-theme="dark"] .legal-contact p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .legal-contact a {
    color: var(--accent) !important;
}

/* About page */
[data-theme="dark"] .about-section {
    background: transparent !important;
}

[data-theme="dark"] .about-cta-final {
    background: linear-gradient(135deg, #0a0a16 0%, #16213e 100%) !important;
}

[data-theme="dark"] .services-grid {
    background: transparent !important;
}

/* FAQ page */
[data-theme="dark"] .faq-container {
    background: transparent !important;
}

[data-theme="dark"] .faq-cta {
    background: linear-gradient(135deg, #0a0a16 0%, #16213e 100%) !important;
}

/* Blog */
[data-theme="dark"] .blog-grid {
    background: transparent !important;
}

[data-theme="dark"] .blog-cta {
    background: linear-gradient(135deg, #0a0a16 0%, #16213e 100%) !important;
}

[data-theme="dark"] .article-container {
    background: transparent !important;
}

/* Scan results */
[data-theme="dark"] .scan-result {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .score-section {
    background: linear-gradient(135deg, rgba(0,217,255,0.08) 0%, rgba(0,217,255,0.12) 100%) !important;
    border-color: var(--accent) !important;
}

[data-theme="dark"] .score-circle {
    background: var(--bg-card) !important;
}

[data-theme="dark"] .recommendations-section {
    background: linear-gradient(135deg, rgba(251,191,36,0.08) 0%, rgba(251,191,36,0.12) 100%) !important;
    border-color: var(--warning) !important;
}

[data-theme="dark"] .recommendation-item {
    background: var(--bg-card) !important;
}

[data-theme="dark"] .cta-section {
    background: linear-gradient(135deg, #0a0a16 0%, #16213e 100%) !important;
}

[data-theme="dark"] .email-safe {
    background: linear-gradient(135deg, rgba(74,222,128,0.08) 0%, rgba(74,222,128,0.12) 100%) !important;
}

[data-theme="dark"] .email-breach-warning {
    background: linear-gradient(135deg, rgba(248,113,113,0.08) 0%, rgba(248,113,113,0.12) 100%) !important;
}

[data-theme="dark"] .safe-recommendations {
    background: var(--bg-card) !important;
}

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

[data-theme="dark"] .safe-recommendations li {
    color: var(--text-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .breach-item {
    background: var(--bg-card) !important;
}

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

[data-theme="dark"] .source-attribution {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

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

/* Subdomains */
[data-theme="dark"] .subdomain-list code {
    background: rgba(0,217,255,0.08) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Testimonials section (ako se vrati) */
[data-theme="dark"] .testimonials-section {
    background: linear-gradient(135deg, #0a0a16 0%, #16213e 100%) !important;
}

[data-theme="dark"] .testimonial-card {
    background: var(--bg-card) !important;
}

/* About cards */
[data-theme="dark"] .about-card {
    background: var(--bg-card) !important;
}

/* ============================================
   FIX - Recent scanned i col-title u dark mode
   ============================================ */

/* Col title - "Naše usluge" i "Poslednje skenirano" */
[data-theme="dark"] .col-title {
    color: #ffffff !important;
    border-bottom-color: #00d9ff !important;
    text-shadow: 0 0 20px rgba(0,217,255,0.3);
}

/* Recent row kartice - tamna pozadina */
[data-theme="dark"] .recent-row {
    background: #1e1e30 !important;
    border-left-color: #00d9ff !important;
}

[data-theme="dark"] .recent-row:hover {
    background: rgba(0,217,255,0.1) !important;
    box-shadow: 0 4px 15px rgba(0,217,255,0.25), 0 0 25px rgba(0,217,255,0.15) !important;
}

[data-theme="dark"] .recent-row-domain {
    color: #ffffff !important;
    font-weight: 700;
}

[data-theme="dark"] .recent-row-date {
    color: #808090 !important;
}

/* Pricing kartice - takođe popravka */
[data-theme="dark"] .pricing-card-sm {
    background: #1e1e30 !important;
    border-color: #2a2a40 !important;
}

[data-theme="dark"] .pricing-card-sm:hover {
    border-color: #00d9ff !important;
    box-shadow: 0 6px 20px rgba(0,217,255,0.2), 0 0 30px rgba(0,217,255,0.15) !important;
}

[data-theme="dark"] .pricing-featured-sm {
    background: linear-gradient(135deg, rgba(0,217,255,0.08) 0%, rgba(0,217,255,0.15) 100%) !important;
    border-color: #00d9ff !important;
    box-shadow: 0 0 25px rgba(0,217,255,0.2) !important;
}

[data-theme="dark"] .pricing-header-sm h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .pricing-features-sm li {
    color: #b0b0c0 !important;
    border-bottom-color: #252540 !important;
}

[data-theme="dark"] .price-sm {
    color: #00d9ff !important;
    text-shadow: 0 0 15px rgba(0,217,255,0.4);
}

[data-theme="dark"] .pricing-header-sm {
    border-bottom-color: #2a2a40 !important;
}

/* Sekcija "Our services" i "Recently scanned" - pozadina */
[data-theme="dark"] .two-cols-section {
    background: #0f0f1e !important;
}

[data-theme="dark"] .col-subtitle {
    color: #b0b0c0 !important;
}

/* ============================================
   FIX - Feature kockice (DNS, SSL, WHOIS, WAF)
   ============================================ */

[data-theme="dark"] .feature-sm {
    background: #1e1e30 !important;
    border-top-color: #00d9ff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3), 0 0 20px rgba(0,217,255,0.15) !important;
}

[data-theme="dark"] .feature-sm:hover {
    background: rgba(0,217,255,0.08) !important;
    box-shadow: 0 6px 20px rgba(0,217,255,0.25), 0 0 30px rgba(0,217,255,0.15) !important;
}

[data-theme="dark"] .feature-sm h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .feature-sm p {
    color: #b0b0c0 !important;
}

/* Features bar sekcija - pozadina */
[data-theme="dark"] .features-bar {
    background: #0f0f1e !important;
}

/* ============================================
   FIX - Trust kockice (Zašto nam verovati)
   ============================================ */

[data-theme="dark"] .trust-item {
    background: #1e1e30 !important;
    border-top-color: #00d9ff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3), 0 0 20px rgba(0,217,255,0.15) !important;
}

[data-theme="dark"] .trust-item:hover {
    background: rgba(0,217,255,0.08) !important;
    box-shadow: 0 6px 20px rgba(0,217,255,0.25), 0 0 30px rgba(0,217,255,0.15) !important;
}

[data-theme="dark"] .trust-item h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .trust-item p {
    color: #b0b0c0 !important;
}

[data-theme="dark"] .trust-section {
    background: #0f0f1e !important;
}

/* ============================================
   FIX - Mode toggle (Web/Email kockice)
   ============================================ */

[data-theme="dark"] .mode-toggle {
    background: #1e1e30 !important;
    border-color: #2a2a40 !important;
}

[data-theme="dark"] .mode-toggle:hover {
    border-color: #00d9ff !important;
    box-shadow: 0 4px 15px rgba(0,217,255,0.2) !important;
}

[data-theme="dark"] .mode-toggle.active {
    background: linear-gradient(135deg, rgba(0,217,255,0.15) 0%, rgba(0,217,255,0.25) 100%) !important;
    border-color: #00d9ff !important;
    box-shadow: 0 4px 15px rgba(0,217,255,0.3), 0 0 25px rgba(0,217,255,0.2) !important;
}

[data-theme="dark"] .mode-label {
    color: #ffffff !important;
}

/* ============================================
   FIX - Search input u dark mode
   ============================================ */

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"] {
    background: #1e1e30 !important;
    color: #ffffff !important;
    border-color: #2a2a40 !important;
}

[data-theme="dark"] input::placeholder {
    color: #808090 !important;
}

[data-theme="dark"] input:focus {
    border-color: #00d9ff !important;
    box-shadow: 0 0 0 4px rgba(0,217,255,0.15), 0 0 20px rgba(0,217,255,0.2) !important;
}

/* ============================================
   FIX - Hero sekcija
   ============================================ */

[data-theme="dark"] .hero {
    background: #0f0f1e !important;
}

[data-theme="dark"] .hero h1 {
    color: #ffffff !important;
    text-shadow: 0 0 25px rgba(0,217,255,0.3) !important;
}

[data-theme="dark"] .hero p {
    color: #b0b0c0 !important;
}

[data-theme="dark"] .mode-hint {
    color: #b0b0c0 !important;
}

[data-theme="dark"] .mode-hint code {
    background: rgba(0,217,255,0.1) !important;
    color: #00d9ff !important;
    border-color: rgba(0,217,255,0.3) !important;
}

/* ============================================
   DARK MODE - Charts
   ============================================ */

[data-theme="dark"] .chart-subtitle {
    color: #ffffff !important;
}

[data-theme="dark"] .progress-label {
    color: #ffffff !important;
}

[data-theme="dark"] .progress-bar-track {
    background: rgba(255,255,255,0.08) !important;
}

[data-theme="dark"] .chart-breakdown {
    border-top-color: #2a2a40 !important;
}

[data-theme="dark"] .donut-total {
    color: #b0b0c0 !important;
}

[data-theme="dark"] .grade-label {
    color: #b0b0c0 !important;
}

[data-theme="dark"] .donut-chart circle:first-child {
    stroke: rgba(255,255,255,0.08) !important;
}

/* ============================================
   FIX - Recommendations u dark mode
   ============================================ */

[data-theme="dark"] .recommendations-section {
    background: linear-gradient(135deg, rgba(251,191,36,0.08) 0%, rgba(251,191,36,0.12) 100%) !important;
    border: 2px solid rgba(251,191,36,0.5) !important;
}

[data-theme="dark"] .recommendations-section h2 {
    color: #fbbf24 !important;
}

[data-theme="dark"] .recommendations-section > p {
    color: #b0b0c0 !important;
}

[data-theme="dark"] .recommendation-item {
    background: #1e1e30 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .recommendation-item p {
    color: #e0e0f0 !important;
    font-weight: 500;
}

[data-theme="dark"] .recommendation-item strong {
    color: #ffffff !important;
}

[data-theme="dark"] .recommendation-item code {
    background: rgba(0,217,255,0.1) !important;
    color: #00d9ff !important;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
}

/* Priority badge - uvek vidljiv */
[data-theme="dark"] .priority-badge {
    color: #ffffff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    font-weight: 800;
}

/* CTA section */
[data-theme="dark"] .cta-section {
    background: linear-gradient(135deg, #0a0a16 0%, #16213e 100%) !important;
}

[data-theme="dark"] .cta-section h2 {
    color: #00d9ff !important;
}

[data-theme="dark"] .cta-section p {
    color: #b0b0c0 !important;
}

/* SSL status u dark mode */
[data-theme="dark"] .ssl-status.ssl-warning {
    background: rgba(251,191,36,0.15) !important;
    color: #fbbf24 !important;
    border-left-color: #fbbf24 !important;
}

[data-theme="dark"] .ssl-status.ssl-ok {
    background: rgba(74,222,128,0.15) !important;
    color: #4ade80 !important;
    border-left-color: #4ade80 !important;
}

/* Subdomain list u dark mode */
[data-theme="dark"] .subdomain-list code {
    background: rgba(0,217,255,0.1) !important;
    color: #00d9ff !important;
    border-color: rgba(0,217,255,0.3) !important;
}

/* Methods badge */
[data-theme="dark"] .method-badge {
    background: rgba(0,217,255,0.15) !important;
    color: #00d9ff !important;
    border: 1px solid rgba(0,217,255,0.3);
}

/* Alert error */
[data-theme="dark"] .alert-error {
    background: rgba(248,113,113,0.15) !important;
    color: #f87171 !important;
    border-color: rgba(248,113,113,0.3) !important;
}

/* Source info */
[data-theme="dark"] .source-info {
    color: #b0b0c0 !important;
}

[data-theme="dark"] .source-info strong {
    color: #00d9ff !important;
}

/* ============================================
   FIX - Results for u dark mode
   ============================================ */

[data-theme="dark"] .result-header h1 {
    color: #ffffff !important;
    text-shadow: 0 0 20px rgba(0,217,255,0.2);
}

[data-theme="dark"] .result-header {
    border-bottom-color: #00d9ff !important;
}

/* Domain highlight - uvek vidljiv */
.result-header h1 .domain-highlight {
    color: #00d9ff !important;
    background: rgba(0,217,255,0.1);
    padding: 4px 12px;
    border-radius: 8px;
    font-weight: 800;
}

[data-theme="dark"] .result-header h1 .domain-highlight {
    background: rgba(0,217,255,0.15);
    color: #00d9ff !important;
    box-shadow: 0 0 20px rgba(0,217,255,0.3);
}