/* EUROCONTACT — modrá (jako písmo loga) a žlutá (hvězdy EU), světlé pozadí. */
:root { --brand: #003297; --brand-d: #001e66; --accent: #ffd500; --ink: #131d33; --muted: #566079; --bg: #eef2f9; --line: #d6deee; --soft: #f4f7fc;
  --hdr-bg: #fff; --hdr-ink: #131d33; --ftr-bg: #0a1a45; --ftr-ink: #aab7d6; --phead-bg: linear-gradient(120deg, #001e66, #0a49c4); }
.top { border-bottom: 3px solid var(--accent); }
.brand-text { display: inline-flex; align-items: center; gap: 9px; font: 900 25px/1 var(--display); color: var(--brand); letter-spacing: .01em; }
.brand-text::before { content: ''; width: 30px; height: 30px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd500' stroke='%23c9a400' stroke-width='.8' stroke-linejoin='round' d='M12 1.8l2.9 6.6 7.1.6-5.4 4.7 1.7 7-6.3-3.8-6.3 3.8 1.7-7L2 9l7.1-.6z'/%3E%3C/svg%3E") center / contain no-repeat; }
.brand small { max-width: 170px; } @media (max-width: 1250px) { .brand small { display: none; } }
.nav-link:hover { background: var(--soft); color: var(--brand); } .nav-link.is-on, .nav-link[aria-current="page"] { color: var(--brand); box-shadow: inset 0 -3px 0 var(--accent); }
.nav-ext { background: var(--accent); color: #0a1a45 !important; margin-left: 6px; } .nav-ext:hover { background: #ffe35a !important; }
.hero { --hero-overlay: transparent; background: radial-gradient(900px 520px at 88% 18%, rgba(70, 130, 255, .55), transparent 62%), radial-gradient(500px 300px at 8% 110%, rgba(255, 213, 0, .22), transparent 70%), linear-gradient(135deg, #001a5c, #003297 62%, #0a49c4); }
.hero h1 em { font-style: normal; color: var(--accent); } .hero .eyebrow { color: var(--accent); }
.hero-side { display: grid; place-items: center; } .hero-side img { width: min(330px, 100%); padding: 22px; background: #fff; border-radius: 30px; box-shadow: 0 26px 60px rgba(0, 0, 0, .4); }
.btn { background: var(--accent); color: #0a1a45; } .btn:hover { background: #ffe35a; color: #0a1a45; } .btn.ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .75); } .btn.ghost:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.card-img img { object-fit: contain; background: #fff; padding: 12px; } .card:hover .card-img img { transform: scale(1.04); }
.prose img { border-radius: 10px; } .prose > p > img { max-width: 100%; height: auto; box-shadow: var(--shadow); background: #fff; }
.prose a[href$=".pdf"] { display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px 11px 14px; border-radius: 12px; background: var(--soft); border: 1px solid var(--line); text-decoration: none; transition: background .15s, border-color .15s; }
.prose a[href$=".pdf"]::before { content: ''; width: 22px; height: 22px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23003297' 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 { background: #e8eefb; border-color: var(--brand); color: var(--brand); }
.p-homologace figure img { aspect-ratio: 424 / 600; object-fit: contain; } .p-homologace:has(> figure) { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.p-kontakt table th { width: 150px; background: var(--soft); }
@media (max-width: 960px) { .nav-ext { margin-left: 0; } .hero-side img { width: min(230px, 62%); padding: 16px; border-radius: 24px; } }