/* Moderni vzhled uvodni stranky (a dalsich textovych stranek s obsahem v <div class="container">). Pouze vzhled - HTML ani rozlozeni se nemeni.
   Nacita se po theme.css; vraceni zpet: odebrat tento soubor a jeho odkaz v func/func_header.php.
   Specificita #central .container je zamerne vyssi nez vlastni <style> v textu stranky. */
:root {
    --hm-text: #344054;
    --hm-head: #17243a;
    --hm-pink: #e5007d;
    --hm-card: #fff;
    --hm-line: #e9d3e0;
    --hm-shadow: 0 2px 10px rgba(23, 36, 58, .12);
    --hm-shadow-hover: 0 8px 22px rgba(229, 0, 125, .28);
}
html[data-theme="dark"] {
    --hm-text: #c9ccd3;
    --hm-head: #f1f1f1;
    --hm-card: #232323;
    --hm-line: #3b2b34;
    --hm-shadow: 0 2px 10px rgba(0, 0, 0, .5);
    --hm-shadow-hover: 0 8px 22px rgba(229, 0, 125, .35);
}

/* ---- text ---- */
#central .container { font-size: 14px; line-height: 1.65; color: var(--hm-text); }
#central .container h1 { margin: 4px 0 14px 0; font-size: 22px; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; color: var(--hm-head); }
#central .container h2 { margin: 26px 0 10px 0; padding: 0 0 0 10px; border-left: 4px solid var(--hm-pink); font-size: 16px; line-height: 1.3; font-weight: 800; color: var(--hm-pink); text-align: left; }
#central .container p { margin: 0 0 12px 0; padding: 0; line-height: 1.65; text-align: left; }
#central .container strong { color: var(--hm-head); }
#central .container ul { margin: 8px 0 16px 0; padding: 0; list-style: none; }
#central .container ul li { position: relative; margin: 0 0 7px 0; padding: 0 0 0 24px; line-height: 1.5; }
#central .container ul li::before { content: ""; position: absolute; left: 4px; top: .5em; width: 7px; height: 7px; border-radius: 50%; background: var(--hm-pink); }
#central .container a { color: var(--hm-pink); text-decoration-thickness: 1px; text-underline-offset: 2px; }
#central .container a:hover { text-decoration-thickness: 2px; }

/* ---- tri obrazkove odkazy (pro tanecnice / kluby / agentury) jako karty ---- */
#central .container .image-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 18px 0 22px 0; }
#central .container .image-links a { display: block; overflow: hidden; border-radius: 12px; background: var(--hm-card); box-shadow: var(--hm-shadow); line-height: 0; transition: transform .18s ease, box-shadow .18s ease; }
#central .container .image-links a:hover, #central .container .image-links a:focus-visible { transform: translateY(-3px); box-shadow: var(--hm-shadow-hover); outline: none; }
#central .container .image-links img { display: block; width: 100%; height: auto; border: 0; transition: transform .25s ease; }
#central .container .image-links a:hover img { transform: scale(1.04); }

/* ---- tlacitko registrace v textu ---- */
#central .container .register-box { margin: 22px 0; text-align: center; }
#central .container .register-button { display: inline-block; padding: 11px 28px; border: 1px solid #c4006b; border-radius: 999px; background: linear-gradient(#f0268f, #e5007d); color: #fff !important; font-size: 14px; font-weight: 800; text-decoration: none; box-shadow: 0 3px 10px rgba(229, 0, 125, .35); transition: transform .12s ease, box-shadow .12s ease; }
#central .container .register-button:hover { opacity: 1; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(229, 0, 125, .45); }

/* ---- levy a pravy sloupec: jemnejsi nadpisy, odkazy ---- */
#left h2, #right h2 { margin: 6px 0 6px 0; padding: 7px 4px; width: auto; border: 0; border-radius: 8px; background: rgba(229, 0, 125, .07); font-size: 14px; font-weight: 800; color: var(--hm-pink); }
#left h2.top, #right h2.top { margin-top: 10px; }
html[data-theme="dark"] #left h2, html[data-theme="dark"] #right h2 { background: rgba(229, 0, 125, .16); }
#right ul { list-style: none; margin: 0; padding: 0 0 0 4px; }
#right ul li a, #right a { transition: color .15s; }
#right ul li { margin: 0; }

@media (max-width: 560px) {
    #central .container .image-links { gap: 8px; }
    #central .container h1 { font-size: 20px; }
}
@media print { #central .container .image-links a { box-shadow: none; } }

/* ---- horni menu: o neco uzsi polozky, aby se vsechny vesly do jedne rady (dosud se "Odkazy" zalamovalo na druhy radek) ---- */
@media screen and (min-width: 821px) {
    #menu { padding: 0 6px; }
    #menu a { padding: 0 11px; font-size: 13.5px; letter-spacing: 0; }
    #menu a#prvni { padding-left: 12px; }
    #menu a.emp { margin: 6px 3px; padding: 0 11px; }
}