/*
Theme Name: Elektroalp
Author: Elektroalp
Description: Motyw firmowy na podstawie elektroalp.pl. Edycja treści: Wygląd → Dostosuj → Elektroalp.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elektroalp
*/

        :root {
            --yellow: #f2b705;
            --black: #0b0b0f;
        }

        * { margin:0; padding:0; box-sizing:border-box }

        body {
            font-family:'Inter',sans-serif;
            background: var(--black);
            color:#fff;
            overflow-x:hidden;
        }

        /* ===== FUTURISTIC ANIMATED BACKGROUND ===== */
        body::before {
            content:"";
            position:fixed;
            inset:0;
            background:
                linear-gradient(120deg, transparent 40%, rgba(242,183,5,0.08) 50%, transparent 60%),
                repeating-linear-gradient(90deg, rgba(242,183,5,0.05) 0px, rgba(242,183,5,0.05) 1px, transparent 1px, transparent 80px);
            animation: moveBg 12s linear infinite;
            z-index:-1;
        }

        @keyframes moveBg {
            from { background-position:0 0, 0 0 }
            to { background-position:400px 0, 200px 0 }
        }

        .site-header {
            text-align:center;
            padding:60px 20px 40px;
            border-bottom:1px solid rgba(242,183,5,0.3);
        }

        

        .site-header img { max-width:280px; width:100%; margin-bottom:20px }

        .site-header h1 {
            font-family:'Orbitron',sans-serif;
            font-size:30px;
            color:var(--yellow);
            text-shadow:0 0 10px rgba(242,183,5,0.7);
        }

        .hero {
            padding:100px 20px 80px;
            text-align:center;
        }

        .hero h2 {
            font-family:'Orbitron',sans-serif;
            font-size:42px;
            margin-bottom:20px;
        }

        .hero span { color:var(--yellow); text-shadow:0 0 12px rgba(242,183,5,0.8) }

        .cta-main {
            display:inline-block;
            margin-top:30px;
            padding:18px 40px;
            background:var(--yellow);
            color:#000;
            font-weight:700;
            border-radius:50px;
            text-decoration:none;
            transition:.3s;
        }

        .cta-main:hover {
            transform:translateY(-4px);
            box-shadow:0 0 25px rgba(242,183,5,0.8);
        }

        .benefits {
            display:flex;
            flex-wrap:wrap;
            justify-content:center;
            gap:40px;
            padding:40px 20px 80px;
            text-align:center;
        }

        .benefit { max-width:220px }

        .benefit h3 { color:var(--yellow); margin-bottom:10px }

        .services {
            padding:80px 20px;
            background:#0f0f15;
        }

        .services > h2 {
            text-align:center;
            font-family:'Orbitron',sans-serif;
            margin-bottom:50px;
            color:var(--yellow);
        }

        .grid {
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
            gap:30px;
            max-width:1100px;
            margin:auto;
        }

        .card {
            background:#14141c;
            padding:35px;
            border:1px solid rgba(242,183,5,0.2);
            border-radius:14px;
            transition:.4s;
        }

        .card:hover {
            transform:translateY(-6px);
            box-shadow:0 0 30px rgba(242,183,5,0.4);
            border-color:var(--yellow);
        }

        .card h3 { color:var(--yellow); margin-bottom:15px }

        .contact {
            text-align:center;
            padding:100px 20px;
        }

        .contact a {
            display:inline-block;
            margin:15px;
            padding:18px 40px;
            border-radius:50px;
            font-weight:700;
            text-decoration:none;
            background:var(--yellow);
            color:#000;
        }

        footer {
            text-align:center;
            padding:30px 20px;
            font-size:14px;
            opacity:.6;
        }

        /* ===== MOBILE CALL BUTTON ===== */
        .call-btn {
            position:fixed;
            bottom:20px;
            left:50%;
            transform:translateX(-50%);
            background:var(--yellow);
            color:#000;
            padding:16px 35px;
            border-radius:50px;
            font-weight:700;
            text-decoration:none;
            box-shadow:0 0 25px rgba(242,183,5,0.8);
            display:none;
            z-index:999;
        }

        /* ===== WHATSAPP BUTTON ===== */
                .whatsapp-btn{
            position:fixed;
            right:20px;
            bottom:90px;
            background:#25D366;
            color:#fff;
            width:60px;
            height:60px;
            border-radius:50%;
            display:none;
            align-items:center;
            justify-content:center;
            font-size:28px;
            text-decoration:none;
            box-shadow:0 0 20px rgba(37,211,102,0.7);
            z-index:999;
            transition:.3s;
        }

        .whatsapp-btn:hover{
            transform:scale(1.1);
            box-shadow:0 0 30px rgba(37,211,102,1);
        }


html { scroll-padding-bottom: 180px; }
body { line-height: 1.65; }
a { color: var(--yellow); }
img { max-width:100%; height:auto; }
.site-header img { height:auto; }
.site-header a { text-decoration:none; }
.hero p { max-width:820px; margin:auto; }
.hero h2 { font-size:clamp(1.7rem,4vw,2.625rem); line-height:1.3; }
.site-header h1 { font-size:clamp(1.4rem,3vw,1.875rem); line-height:1.4; }
.contact a { max-width:100%; overflow-wrap:anywhere; }
.grid { grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); }
.site-nav ul { list-style:none; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; margin-top:24px; }
.site-nav a { display:inline-flex; padding:8px; min-height:44px; align-items:center; }
.site-footer { opacity:1; color:#bbb; }
.content-wrap { max-width:1000px; margin:auto; padding:60px 24px; min-height:40vh; }
.entry-content > * + * { margin-top:1.25rem; }
.entry-content ul,.entry-content ol { padding-left:1.5rem; }
.entry-content iframe { max-width:100%; }
.entry-content pre { overflow:auto; }
.entry-content h2,.entry-content h3 { color:var(--yellow); }
.post-summary { padding:28px 0; border-bottom:1px solid #444; }
.post-summary h2 { margin-bottom:12px; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link:focus { clip:auto; width:auto; height:auto; margin:0; left:16px; top:16px; padding:12px 20px; background:#fff; color:#000; z-index:10000; }
:focus-visible { outline:3px solid #fff; outline-offset:5px; }
.fade { opacity:1; transform:none; }
.whatsapp-btn { color:#071d10; font-size:15px; font-weight:700; }
@media(max-width:768px) {
 body { padding-bottom:calc(100px + env(safe-area-inset-bottom)); }
 .call-btn { display:block; white-space:nowrap; bottom:calc(20px + env(safe-area-inset-bottom)); }
 .whatsapp-btn { display:flex; bottom:calc(90px + env(safe-area-inset-bottom)); }
 .contact a { margin:10px 0; padding:16px 20px; }
 .hero { padding:60px 20px; }
}
@media(prefers-reduced-motion:reduce) {
 body::before { animation:none; }
 *,*::before,*::after { transition:none !important; }
}

.benefit-title { color:var(--yellow); font-weight:700; margin-bottom:10px; }
.card h3 a { text-decoration-thickness:1px; text-underline-offset:4px; }