/* ============================================
   AQR Netflix-Style Dark Theme
   Global styles for artisticqr.es
   ============================================ */

:root {
    --aqr-bg-primary: #141414;
    --aqr-bg-secondary: #1f1f1f;
    --aqr-bg-tertiary: #2a2a2a;
    --aqr-text-primary: #e5e5e5;
    --aqr-text-secondary: #aaaaaa;
    --aqr-text-muted: #666666;
    --aqr-accent: #c49b5c;
    --aqr-accent-hover: #d4ab6c;
    --aqr-success: #22a563;
    --aqr-danger: #dc2626;
    --aqr-border: #333333;
    --aqr-radius: 12px;
    --aqr-font: 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}

/* Global */
body {
    background-color: var(--aqr-bg-primary) !important;
    color: var(--aqr-text-primary) !important;
    font-family: var(--aqr-font) !important;
}

/* Elementor overrides for dark mode */
.elementor-section {
    background-color: transparent;
}

.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title {
    color: var(--aqr-text-primary);
}

/* Header / Navigation */
.site-header,
.elementor-location-header {
    background-color: rgba(20, 20, 20, 0.95) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--aqr-border);
}

.site-header a,
.elementor-nav-menu a {
    color: var(--aqr-text-primary) !important;
    transition: color 0.2s;
}

.site-header a:hover,
.elementor-nav-menu a:hover {
    color: var(--aqr-accent) !important;
}

/* Footer */
.site-footer,
.elementor-location-footer {
    background-color: #0a0a0a !important;
    border-top: 1px solid var(--aqr-border);
}

.site-footer,
.site-footer a,
.elementor-location-footer,
.elementor-location-footer a {
    color: var(--aqr-text-secondary) !important;
}

/* Hero sections */
.elementor-section[data-settings*="background"] .elementor-background-overlay {
    background: linear-gradient(180deg, rgba(20,20,20,0.3) 0%, rgba(20,20,20,0.9) 100%) !important;
}

/* Buttons */
.elementor-button {
    background-color: var(--aqr-accent) !important;
    color: var(--aqr-bg-primary) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.2s !important;
    border: none !important;
}

.elementor-button:hover {
    background-color: var(--aqr-accent-hover) !important;
    transform: translateY(-1px);
}

/* Cards / Containers */
.elementor-widget-container {
    color: var(--aqr-text-primary);
}

/* Icon Boxes */
.elementor-icon-box-title {
    color: var(--aqr-text-primary) !important;
}

.elementor-icon-box-description {
    color: var(--aqr-text-secondary) !important;
}

.elementor-icon i {
    color: var(--aqr-accent) !important;
}

/* Links */
a {
    color: var(--aqr-accent);
    transition: color 0.2s;
}

a:hover {
    color: var(--aqr-accent-hover);
}

/* Selection */
::selection {
    background: var(--aqr-accent);
    color: var(--aqr-bg-primary);
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--aqr-bg-primary);
}
::-webkit-scrollbar-thumb {
    background: var(--aqr-border);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* WP Admin Bar - don't dark-mode it */
#wpadminbar {
    background-color: #1d2327 !important;
}