/* EKO ROPSOL — tmavá ocel s perforací (jako původní hlavička), námořnická modrá a červená z loga ER. */
:root { --brand: #0b2a6f; --brand-d: #07194a; --accent: #d4202e; --ink: #1b2430; --muted: #5d6a7a; --bg: #eceff3; --line: #d5dbe3; --soft: #f4f6f9;
  --hdr-bg: #171c22; --hdr-ink: #eef1f5; --ftr-bg: #12161b; --ftr-ink: #9aa6b4; --phead-bg: linear-gradient(120deg, #0b1d4d, #0b2a6f 55%, #1d3f94); }
.top { border-bottom: 3px solid var(--accent); box-shadow: 0 6px 24px rgba(0, 0, 0, .3); } .brand small { color: #9aa6b4; max-width: 160px; } @media (max-width: 1250px) { .brand small { display: none; } }
.nav-link:hover { background: rgba(255, 255, 255, .1); color: #fff; } .nav-link.is-on, .nav-link[aria-current="page"] { color: #fff; box-shadow: inset 0 -3px 0 var(--accent); } .sub-toggle { color: #cfd6df; }
.sub { background: #fff; } .sub a { color: var(--ink); }
.hero { --hero-overlay: radial-gradient(900px 420px at 85% 20%, rgba(90, 120, 190, .25), transparent 70%); background: radial-gradient(circle, rgba(10, 12, 16, .62) 0 1.4px, transparent 2px) 0 0 / 22px 22px, linear-gradient(180deg, #5a6572 0%, #3c444f 52%, #21262d 100%); }
.hero h1 em { font-style: normal; color: #ff5662; } .hero .eyebrow { color: #ff7580; } .hero-side { display: grid; place-items: center; } .hero-side img { width: min(300px, 80%); filter: drop-shadow(0 20px 36px rgba(0, 0, 0, .55)); }
.btn { background: var(--accent); } .btn:hover { background: #b91724; } .btn.ghost { background: transparent; border-color: rgba(255, 255, 255, .7); } .btn.ghost:hover { background: rgba(255, 255, 255, .16); }
.card-noimg { background: radial-gradient(circle, rgba(0, 0, 0, .35) 0 1.2px, transparent 1.8px) 0 0 / 16px 16px, linear-gradient(160deg, #4d5764, #232830); color: #ff6b76; } .card-noimg .ic { width: 54px; height: 54px; stroke-width: 1.5; }
.card-img img { object-position: top center; } .card-body b { color: var(--brand); }
.prose h2 { margin: 1.9em 0 .7em; padding: 10px 16px; background: var(--soft); border-left: 6px solid var(--accent); border-radius: 0 12px 12px 0; font-size: clamp(21px, 2.4vw, 26px); color: var(--brand); } .prose > h2:first-child { margin-top: 0; }
.prose table { max-width: 640px; } .prose th { width: 52%; background: var(--soft); font-weight: 700; } .prose tr:nth-child(even) td { background: #fafbfc; } .p-kontakty table { max-width: none; } .p-kontakty th { width: 24%; }
.prose a[href$=".pdf"], .prose a[href$=".xlsx"] { display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px 9px 12px; border-radius: 12px; background: var(--soft); border: 1px solid var(--line); text-decoration: none; margin: 2px 0; }
.prose a[href$=".pdf"]::before, .prose a[href$=".xlsx"]::before { content: ''; width: 20px; height: 20px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4202e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 14h6M9 17h4'/%3E%3C/svg%3E") center / contain no-repeat; } .prose a[href$=".pdf"]:hover, .prose a[href$=".xlsx"]:hover { background: #e9eef8; border-color: var(--brand); }
.prose blockquote { border-left-color: var(--accent); font-weight: 600; } .prose > p > img { box-shadow: var(--shadow); }
.p-mazaci-tuky img, .p-a-00 img, .p-a-4 img, .p-g-3 img, .p-k-3 img, .p-la-2 img, .p-lv-2-ep img, .p-lv-2-3 img, .p-pzop img, .p-molyka-g img { max-width: min(560px, 100%); }