/*
Theme Name: NaprawTel Elementor + Slider
Theme URI: https://naprawtel.pl
Author: NaprawTel
Description: Motyw przystosowany do Elementora z wbudowanym preloaderem i krótkim kodem [telefon_slider].
Version: 4.0
*/
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body { background-color: #0d0d0d; color: #e0e0e0; line-height: 1.6; }
:root { --primary-orange: #f26522; --dark-bg: #121212; --card-bg: #1a1a1a; --border-color: #333; --text-light: #fff; --text-muted: #aaa; }

/* Preloader */
#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0a0a0a; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 9999; transition: opacity 0.5s; }
.spinner { border: 4px solid rgba(242, 101, 34, 0.2); border-top: 4px solid var(--primary-orange); border-radius: 50%; width: 60px; height: 60px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Header & Logo */
header { display: flex; justify-content: space-between; align-items: center; padding: 20px 5%; background: #0a0a0a; position: sticky; top: 0; z-index: 100; border-bottom: 2px solid var(--primary-orange); }
.logo-container { display: flex; flex-direction: column; }
.logo { font-size: 2.2rem; font-weight: bold; color: var(--text-light); text-decoration: none; font-family: 'Georgia', serif; letter-spacing: 1px; }
.logo span { color: var(--primary-orange); }
.tagline { font-size: 0.9rem; color: var(--text-light); opacity: 0.8; margin-top: -2px; font-family: 'Georgia', serif;}

/* Main */
main { padding: 40px 5%; min-height: 75vh; }

/* Footer */
footer { text-align: center; padding: 30px; background: #0a0a0a; color: var(--text-muted); border-top: 1px solid var(--border-color); font-size: 0.95rem; }
footer span { color: var(--primary-orange); font-weight: bold; }