:root{--bg:#ffffff;--text:#111;--muted:#0e2c23;--card:#ffffff;--tile:#366633;--accent:#366633;--footer:#1e3c1e}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);display:grid;grid-template-rows:auto 1fr 10vh;min-height:100vh}

/* globální odkazy: ne modré, bez podtržení */
a{color:inherit;text-decoration:none}
a:visited{color:inherit}
a:hover{text-decoration:underline}

.site-header{display:flex;justify-content:center;align-items:center;padding:24px 16px}
.logo{height:150px;width:auto}

.container{max-width:980px;margin:0 auto;padding:16px}
.container h1{text-align:center;font-size:42px;font-weight:800;color:var(--muted);margin:8px 0 24px}

/* GRID: 2 nahoře + 2 dole, u mobilu 1 sloupec */
.info-grid{display:grid;grid-template-columns:1fr;gap:28px;justify-items:center}
@media (min-width:720px){.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Karta = jen textové bloky, ikony v zeleném čtverci */
.info-card{background:var(--card);border-radius:12px;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:auto;box-shadow:none;width:100%;max-width:520px}
.icon-box{background:var(--tile);border-radius:10px;width:84px;height:84px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.icon-box.large{width:84px;height:84px;border-radius:10px;margin:0 auto 12px}
/* ikony v dlaždicích */
.icon{display:block;object-fit:contain;image-rendering:auto}
.icon-box img,.icon-box svg{height:52px;width:auto;filter:invert(100%) brightness(100%);display:block}
.icon-box.large img,.icon-box.large svg{height:52px;width:auto}

.info-card h2{font-size:19px;font-weight:800;color:var(--muted);margin:0 0 6px}
.info-card p{margin:0;font-weight:600}

/* Rejstřík uprostřed pod gridem, stejná šířka jako article */
.register{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:24px auto 0;width:100%;max-width:520px;text-align:center}
.register-content{display:flex;flex-direction:column;align-items:center}
.register-title{font-weight:800;font-size:19px;color:var(--muted);margin:0 0 6px}
.register-note{font-size:14px;color:var(--muted);margin:4px 0 12px}

.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 14px;border-radius:8px;font-weight:700;font-size:16px}
.btn:visited{color:#fff}
.btn:hover{filter:brightness(1.06);text-decoration:underline}

/* Patička - vždy dole přes grid řádek, bez fixního pozicování */
.site-footer{background:var(--footer);color:#fff;min-height:10vh;display:flex;align-items:center}
.footer-nav{display:flex;justify-content:center;gap:120px;padding:0 12px;width:100%}
.footer-nav a{color:#e8f0e8;text-decoration:none;font-weight:800;font-size:18px}
.footer-nav a:hover{text-decoration:underline}

/* Kompaktnější rozvržení pro nízké obrazovky */
@media (max-height: 800px){
  .site-header{padding:16px 12px}
  .logo{height:72px}
  .container h1{margin:6px 0 16px;font-size:36px}
  .info-grid{gap:20px}
  .icon-box{width:72px;height:72px;margin-bottom:10px}
  .icon-box img,.icon-box svg{height:46px;width:auto}
  .icon-box.large{width:72px;height:72px}
  .icon-box.large img,.icon-box.large svg{height:46px;width:auto}
  .register{margin-top:16px}
  .register-title{font-size:22px;margin:8px 0 10px}
  .btn{font-size:16px;padding:8px 16px}
  .site-footer{min-height:9vh}
}

/* Utility: vizuálně skrytý, ale dostupný pro čtečky */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Titulek sekce pod logem */
.container .page-title{display:block;text-align:center;font-size:42px;font-weight:800;color:var(--muted);margin:8px 0 50px}

@media (max-height: 800px){
  /* úprava titulu v kompaktním režimu */
  .container .page-title{margin:6px 0 36px;font-size:36px}
}