/* --- GLOBÁLNÍ DESIGN MiKa Electric --- */
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body {
    background-color: #ffffff;
    background-image: radial-gradient(#e2e8f0 1.2px, transparent 1.2px);
    background-size: 24px 24px;
    color: #0f172a; font-family: 'Inter', sans-serif; margin: 0; padding: 0;
}

/* --- BRAND --- */
.text-orange-500 { color: #f59e0b; }
.bg-orange-500 { background-color: #f59e0b; }

/* --- NAVIGACE --- */
nav { backdrop-filter: blur(12px); background-color: rgba(255, 255, 255, 0.95); border-bottom: 1px solid #f1f5f9; position: sticky; top: 0; z-index: 100; }

/* --- HERO SEKCE (VYVÁŽENÁ VELIKOST) --- */
.hero-balanced {
    background-color: #0f172a; /* Slate-900 */
    color: #ffffff;
    padding: 100px 0; /* Decentní zvětšení výšky, ne extrém */
    position: relative;
    overflow: hidden;
    min-height: 600px; /* Garantuje, že to nebude úzká nudle */
    display: flex;
    align-items: center;
}

/* --- ANIMACE ROZVADĚČE (Vše funguje, beze změn) --- */
.cabinet-shell { fill: rgba(30, 41, 59, 0.6); stroke: rgba(255, 255, 255, 0.1); stroke-width: 2; }
.wire { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: drawLine 1.5s ease-out forwards; }
.wire-phase { stroke: #8B4513; stroke-width: 4; animation-delay: 0.2s; }
.wire-neutral { stroke: #3b82f6; stroke-width: 4; animation-delay: 0.5s; }
.wire-internal { stroke: #f59e0b; stroke-width: 3; animation-delay: 2.2s; }
@keyframes drawLine { to { stroke-dashoffset: 0; } }

.breaker-box { fill: #ffffff; stroke: #1e293b; stroke-width: 1; }
.busbar-neutral { fill: #3b82f6; opacity: 0.8; }

.lever { transform-box: fill-box; transform-origin: center 80%; transform: rotate(0deg); fill: #cbd5e1; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.rcd-switch .lever { animation: switchOn 0.4s forwards 2.0s; }
.breaker-1 .lever { animation: switchOn 0.3s forwards 3.0s; }
.breaker-2 .lever { animation: switchOn 0.3s forwards 3.2s; }
.breaker-3 .lever { animation: switchOn 0.3s forwards 3.4s; }
.breaker-4 .lever { animation: switchOn 0.3s forwards 3.6s; }
@keyframes switchOn { to { transform: rotate(-45deg); fill: #f59e0b; } }

.status-indicator { opacity: 0; animation: glowText 0.5s forwards 4.0s; }
@keyframes glowText { to { opacity: 1; filter: drop-shadow(0 0 10px #f59e0b); } }

.current-dots { fill: none; stroke: #ffffff; stroke-width: 2; stroke-dasharray: 5, 15; opacity: 0; animation: flowDots 1s linear infinite, fadeInDots 0.5s forwards 3.8s; }
@keyframes flowDots { from { stroke-dashoffset: 20; } to { stroke-dashoffset: 0; } }
@keyframes fadeInDots { to { opacity: 0.7; } }

/* --- KOMPONENTY --- */
.rounded-tech { border-radius: 2.5rem; }
.workflow-step, .service-card { background: #ffffff; border: 1px solid #e2e8f0; transition: all 0.4s ease; }
.workflow-step:hover, .service-card:hover { transform: translateY(-10px); border-color: #f59e0b; box-shadow: 0 30px 60px rgba(15, 23, 42, 0.1); }
.animate-fade-up { animation: fadeUp 0.8s ease-out forwards; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
footer .bg-white { transition: transform 0.3s ease; }
footer .bg-white:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -10px rgba(0,0,0,0.05); }