/* Moderni vzhled stranky Doprava (pages/transport.php): uvodni karta, sekce, seznamy odkazu jako karty, pravy sloupec jako karty.
   Pouze vzhled - obsah zustava v databazi. Nacita se jen na teto strance (func/func_header.php). Barvy a tmavy rezim: --hm-* z home-modern.css.
   Vraceni zpet: odebrat tento soubor a jeho odkaz v func/func_header.php. */
#central { font-size: 14px; line-height: 1.65; color: var(--hm-text, #344054); }

/* ---- uvodni karta ---- */
#central h1 { display: flow-root; margin: 4px 0 14px 0; padding: 16px 18px; border: 1px solid var(--hm-line, #e9d3e0); border-radius: 18px; background: linear-gradient(135deg, rgba(229, 0, 125, .09), rgba(229, 0, 125, .02)); font-size: 22px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--hm-head, #17243a); text-align: left; }
#central h1 img { max-width: 40%; height: auto; border-radius: 10px; }
#central h1 + p { font-size: 15px; font-weight: 600; color: var(--hm-head, #17243a); }
#central h1 ~ p { margin: 0 0 12px 0; padding: 0; text-align: left; }
#central a[href$="routeplanner.html"] { display: inline-block !important; padding: 12px 24px !important; border: 1px solid #c4006b !important; border-radius: 999px !important; background: linear-gradient(#f0268f, #e5007d) !important; box-shadow: 0 3px 10px rgba(229, 0, 125, .35); color: #fff !important; font-weight: 800 !important; text-decoration: none !important; transition: transform .12s, box-shadow .12s; }
#central a[href$="routeplanner.html"]:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(229, 0, 125, .45); }
#central a[href$="routeplanner.html"]::before { content: "🧭 "; }

/* ---- nadpisy sekci ---- */
#central h2 { width: auto; margin: 26px 0 10px 0; padding: 0 0 0 10px; border: 0; border-left: 4px solid var(--hm-pink, #e5007d); background: none; font-size: 17px; font-weight: 800; line-height: 1.3; color: var(--hm-pink, #e5007d); text-align: left; }

/* ---- seznamy odkazu jako karty ---- */
#central ul { margin: 0 0 16px 0; padding: 0; list-style: none; overflow: hidden; border: 1px solid var(--hm-line, #e9d3e0); border-radius: 16px; background: var(--hm-card, #fff); box-shadow: var(--hm-shadow, 0 2px 10px rgba(23, 36, 58, .12)); }
#central ul li { margin: 0; padding: 10px 16px; border-bottom: 1px solid var(--hm-line, #e9d3e0); line-height: 1.55; transition: background .15s; }
#central ul li:last-child { border-bottom: 0; }
#central ul li:hover { background: rgba(229, 0, 125, .05); }
#central ul li::before { content: none; }
#central ul li strong { color: var(--hm-head, #17243a); }
#central a { color: var(--hm-pink, #e5007d); text-decoration-thickness: 1px; text-underline-offset: 2px; overflow-wrap: anywhere; }
#central a:hover { text-decoration-thickness: 2px; }
#central p small { display: block; padding: 8px 12px; border-left: 3px solid var(--hm-line, #e9d3e0); color: var(--hm-text, #344054); opacity: .85; font-size: 12.5px; line-height: 1.5; }

/* ---- pravy sloupec: bloky jako karty ---- */
#right-sidebar section { margin: 0 0 10px 0; padding: 8px 9px; border: 1px solid var(--hm-line, #e9d3e0); border-radius: 12px; background: var(--hm-card, #fff); box-shadow: var(--hm-shadow, 0 2px 10px rgba(23, 36, 58, .12)); font-size: 12px; line-height: 1.45; }
#right-sidebar h3 { margin: 0 0 6px 0; padding: 0 0 5px 0; border-bottom: 1px solid var(--hm-line, #e9d3e0); color: var(--hm-pink, #e5007d); font-size: 11px; font-weight: 800; letter-spacing: .06em; line-height: 1.25; text-transform: uppercase; }
#right #right-sidebar p { margin: 0 0 6px 0; padding: 0; line-height: 1.5; text-align: left; }
#right #right-sidebar ul { margin: 0; padding: 0; overflow: visible; border: 0; box-shadow: none; background: none; }
#right #right-sidebar ul li { margin: 0; padding: 0; border: 0; }
#right #right-sidebar ul li:hover { background: none; }
#right #right-sidebar ul li a { display: flex; align-items: center; padding: 4px 3px; border-radius: 8px; color: var(--hm-head, #17243a); text-decoration: none; transition: background .15s, color .15s; }
#right #right-sidebar ul li a:hover { background: rgba(229, 0, 125, .1); color: var(--hm-pink, #e5007d); }
#right #right-sidebar a { color: var(--hm-pink, #e5007d); }
html[data-theme="dark"] #right-sidebar img[alt="Threads"] { filter: invert(1); }

@media (max-width: 560px) {
    #central h1 { font-size: 19px; padding: 14px; }
    #central h1 img { max-width: 34%; }
    #central ul li { padding: 9px 12px; }
}
@media print { #central ul { box-shadow: none; } #central a[href$="routeplanner.html"] { display: none !important; } }