/**
 * Professional News Site Theme
 * Dynamic colors loaded from settings
 */

/* Default Professional News Colors */
:root {
    --primary-color: #1e40af;
    --accent-color: #dc2626;
    --header-bg: #0f172a;
    --topbar-bg: #111827;
    --footer-bg: #1f2937;
    --menu-hover: #dc2626;
}

/* Logo optimizations */
.site-logo,
.footer-logo {
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    will-change: transform;
}

/* Prevent Cumulative Layout Shift (CLS) */
.site-logo {
    aspect-ratio: auto;
    display: block;
}

/* Professional header gradient alternative */
.header-gradient {
    background: linear-gradient(135deg, var(--header-bg) 0%, #1e3a8a 100%);
}

/* Menu hover effects */
.menu-link::before {
    background-color: var(--menu-hover);
}

/* Breaking news ticker professional styling */
.breaking-news-ticker {
    background: linear-gradient(90deg, var(--accent-color) 0%, #991b1b 100%);
}

/* Professional footer gradient */
.footer-section {
    background: linear-gradient(180deg, var(--footer-bg) 0%, #111827 100%);
}

/* Responsive logo sizing */
@media (max-width: 768px) {
    .site-logo {
        max-height: 60px !important;
    }
    
    .footer-logo {
        max-height: 50px !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .site-logo {
        max-height: 70px !important;
    }
}

/* High DPI screens optimization */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .site-logo,
    .footer-logo {
        image-rendering: -webkit-optimize-contrast;
    }
}

/* Dark mode support for logo */
@media (prefers-color-scheme: dark) {
    .site-logo,
    .footer-logo {
        filter: brightness(1.1);
    }
}

/* Performance optimizations */
.site-logo,
.footer-logo {
    content-visibility: auto;
}

/* Accessibility improvements */
.site-logo:focus,
.footer-logo:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 4px;
}