/* Wygląd strony (zakładka 🎨 Wygląd w panelu) — działa tylko, gdy coś wybrano */
/* Wygląd (motyw.js): tło w kolorze wybranym w panelu, efekt na zdjęciach pod napisami */
.site-header { background: color-mix(in srgb, var(--cream) 92%, transparent) !important; }
.demo-fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
.hero-slide-content { z-index: 3 !important; }


/* ============ Ciemne tło (motyw.js dodaje klasę demo-dark) ============ */
.demo-dark { color-scheme: dark; }
.demo-dark .section-alt, .demo-dark .info-tile, .demo-dark .service-card, .demo-dark .testimonial-card,
.demo-dark .testimonial-form, .demo-dark .contact-form, .demo-dark .a11y-panel, .demo-dark .a11y-row button,
.demo-dark .gallery-tab:not(.is-active), .demo-dark .staff-card { background: var(--surface) !important; color: var(--charcoal); }
.demo-dark .section-alt { background: color-mix(in srgb, var(--cream) 82%, #000) !important; }
.demo-dark input, .demo-dark select, .demo-dark textarea { background: color-mix(in srgb, var(--cream) 75%, #000) !important; color: var(--charcoal) !important; border-color: var(--border) !important; }
.demo-dark input::placeholder, .demo-dark textarea::placeholder { color: #7d8696; }
.demo-dark .cookie-banner, .demo-dark .skip-link, .demo-dark .a11y-toggle { background: #05070B !important; color: #fff !important; }
.demo-dark .site-header { border-bottom-color: var(--border); }
.demo-dark .hero-arrow { background: rgba(0,0,0,.35); }
.demo-dark .btn-primary, .demo-dark .gallery-tab.is-active, .demo-dark .info-tile-header { color: #0B0F17 !important; }
.demo-dark .info-tile-icon { color: #0B0F17 !important; }
.demo-dark .custom-section-content a, .demo-dark .contact-info a, .demo-dark .expandable a { color: var(--sage-bright); }
.demo-dark img { opacity: .96; }

.demo-dark .hero-slide-overlay { background: rgba(0,0,0,.45) !important; }