/* Moderni vzhled stranky Kluby (pages/clubs.php) podle vzoru INTEA.dance: uvodni karta, nastroje (zeme, hledani, pocet), razena tabulka, na mobilu karty.
   Pouze vzhled - obsah a data zustavaji. Nacita se jen na teto strance (func/func_header.php) spolu s js/clubs-modern.js. Barvy a tmavy rezim: --hm-* z home-modern.css.
   Vraceni zpet: odebrat tento soubor, js/clubs-modern.js a jejich odkazy v func/func_header.php. */
#central { font-size: 14px; line-height: 1.6; 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; color: var(--hm-head, #17243a); text-align: left; }
#central h1 + p, #central h1 ~ p { margin: 0 0 12px 0; padding: 0; text-align: left; }
#central h1 + p { font-size: 15px; font-weight: 600; color: var(--hm-head, #17243a); }
#central a { color: var(--hm-pink, #e5007d); text-underline-offset: 2px; }

/* ---- nastroje: vyber zeme (puvodni formular), hledani, pocet ---- */
#central > table:not(.admin_view) { display: block; width: auto; margin: 0 0 12px 0; border: 0; background: none; }
#central > table:not(.admin_view) tbody, #central > table:not(.admin_view) tr { display: block; }
#central > table:not(.admin_view) tr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 14px; 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 > table:not(.admin_view) td { display: block; margin: 0; padding: 0; border: 0; background: none; font-weight: 700; color: var(--hm-head, #17243a); }
#central > table:not(.admin_view) td form { display: flex; align-items: center; gap: 8px; margin: 0; }
#central > table:not(.admin_view) .fs { min-width: 200px; }
#central > table:not(.admin_view) input[type="submit"] { padding: 7px 14px; border: 1px solid #c4006b; border-radius: 999px; background: linear-gradient(#f0268f, #e5007d); color: #fff; font-weight: 800; cursor: pointer; }
#central .cm-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 10px 0; }
#central .cm-tools input[type="search"] { flex: 1 1 220px; max-width: 360px; padding: 9px 14px; border: 1px solid var(--hm-line, #e9d3e0); border-radius: 999px; background: var(--hm-card, #fff); color: var(--hm-text, #344054); font: inherit; font-size: 14px; }
#central .cm-tools input[type="search"]:focus { outline: none; border-color: var(--hm-pink, #e5007d); box-shadow: 0 0 0 3px rgba(229, 0, 125, .18); }
#central .cm-count { color: var(--hm-text, #344054); font-size: 13px; opacity: .85; }
#central .cm-sort { margin: 0 0 8px 0; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .8; }
#central .cm-sort strong { color: var(--hm-pink, #e5007d); }

/* ---- tabulka klubu ---- */
#central table.admin_view { width: 100%; table-layout: fixed; margin: 0 0 14px 0; border: 1px solid var(--hm-line, #e9d3e0); border-collapse: separate; border-spacing: 0; border-radius: 16px; overflow: hidden; background: var(--hm-card, #fff); box-shadow: var(--hm-shadow, 0 2px 10px rgba(23, 36, 58, .12)); }
#central table.admin_view th { padding: 10px 5px; border: 0; background: linear-gradient(#f0268f, #e5007d); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .02em; text-align: left; text-transform: uppercase; white-space: nowrap; }
#central table.admin_view th.cm-sortable { cursor: pointer; user-select: none; }
#central table.admin_view th.cm-sortable:hover { background: linear-gradient(#e5007d, #c4006b); }
#central table.admin_view th .cm-ico { margin-left: 5px; opacity: .65; font-size: 11px; }
#central table.admin_view th.cm-asc .cm-ico, #central table.admin_view th.cm-desc .cm-ico { opacity: 1; }
#central table.admin_view td { padding: 9px 5px; border: 0; border-bottom: 1px solid var(--hm-line, #e9d3e0); background: none; color: var(--hm-text, #344054); vertical-align: middle; text-align: left; }
#central table.admin_view tr:last-child td { border-bottom: 0; }
#central table.admin_view tr:hover td { background: rgba(229, 0, 125, .05); }
#central table.admin_view td:first-child { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--hm-head, #17243a); }
#central table.admin_view td a { font-weight: 700; }
#central table.admin_view form.inline { margin: 0; }
#central table.admin_view input[type="submit"] { padding: 6px 4px; line-height: 1.2; letter-spacing: 0; white-space: nowrap; overflow: hidden; border: 1px solid #c4006b; border-radius: 999px; background: linear-gradient(#f0268f, #e5007d); box-shadow: 0 2px 6px rgba(229, 0, 125, .3); color: #fff; font-size: 10px; font-weight: 800; cursor: pointer; transition: transform .15s, box-shadow .15s; }
#central table.admin_view input[type="submit"]:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(229, 0, 125, .45); }
#central tr.cm-hide { display: none; }
#central .cm-empty { margin: 0 0 14px 0; padding: 14px 16px; border: 1px dashed var(--hm-line, #e9d3e0); border-radius: 14px; text-align: center; }

/* ---- stitky a tlacitka podle INTEA.dance ---- */
#central .cm-chip { display: inline-block; padding: 2px 9px; border: 1px solid rgba(229, 0, 125, .35); border-radius: 999px; background: rgba(229, 0, 125, .08); color: var(--hm-pink, #e5007d); font-size: 11px; font-weight: 800; letter-spacing: .04em; white-space: nowrap; }
#central .cm-chip-eu { margin-left: 3px; padding: 1px 6px; font-size: 10px; border-color: rgba(30, 90, 190, .4); background: rgba(30, 90, 190, .1); color: #1e5abe; }
html[data-theme="dark"] #central .cm-chip-eu { color: #8db4ff; border-color: rgba(141, 180, 255, .45); background: rgba(141, 180, 255, .12); }
#central table.admin_view td a.cm-btn-o { display: inline-block; padding: 6px 6px; border: 1px solid var(--hm-line, #d6b8c9); border-radius: 999px; background: var(--hm-card, #fff); color: var(--hm-head, #17243a); font-size: 11px; font-weight: 800; letter-spacing: .03em; text-decoration: none; text-transform: uppercase; transition: border-color .15s, color .15s; }
#central table.admin_view td a.cm-btn-o:hover { border-color: var(--hm-pink, #e5007d); color: var(--hm-pink, #e5007d); }

/* sirky sloupcu (tabulka se musi vejit do stredniho sloupce) */
#central table.admin_view th:nth-child(1) { width: 11%; }
#central table.admin_view th:nth-child(2) { width: 19%; }
#central table.admin_view th:nth-child(3) { width: 17%; }
#central table.admin_view th:nth-child(4) { width: 16%; }
#central table.admin_view th:nth-child(5) { width: 14%; }
#central table.admin_view th:nth-child(6) { width: 23%; }
#central table.admin_view td { overflow-wrap: anywhere; word-break: normal; }
#central table.admin_view td:nth-child(2) img { vertical-align: -2px; }

/* ---- zaklad a typ klubu (vzor INTEA.dance) ---- */
#central .cm-pay { display: inline-block; padding: 2px 6px; border: 1px solid rgba(15, 140, 90, .4); border-radius: 999px; background: rgba(15, 140, 90, .09); color: #0f7a52; font-size: 11px; font-weight: 800; white-space: nowrap; cursor: help; }
#central .cm-pay-none { border-color: var(--hm-line, #e9d3e0); background: none; color: var(--hm-text, #344054); opacity: .6; }
html[data-theme="dark"] #central .cm-pay { color: #6ee0b0; border-color: rgba(110, 224, 176, .45); background: rgba(110, 224, 176, .1); }
#central .cm-types { display: inline-flex; flex-wrap: wrap; gap: 3px; max-width: 100%; }
#central .cm-actions-cell { display: flex; flex-direction: column; align-items: stretch; gap: 5px; }
#central .cm-actions-cell a.cm-btn-o { text-align: center; }
#central .cm-actions-cell form.inline input[type="submit"] { width: 100%; }
#central .cm-ico-t { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; box-sizing: border-box; border: 1px solid var(--hm-line, #e9d3e0); border-radius: 50%; background: var(--hm-card, #fff); font-size: 11px; line-height: 1; cursor: help; }
#central .cm-legend { margin: 0 0 14px 0; padding: 10px 14px; border: 1px dashed var(--hm-line, #e9d3e0); border-radius: 12px; font-size: 12px; line-height: 1.55; opacity: .9; }

/* ---- 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 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); }

/* ---- mobil: radky tabulky jako karty ---- */
@media (max-width: 700px) {
    #central table.admin_view { table-layout: auto; }
    #central table.admin_view th { width: auto !important; }
    #central table.admin_view, #central table.admin_view tbody { display: block; border: 0; background: none; box-shadow: none; overflow: visible; }
    #central table.admin_view tr:first-child { display: none; }
    #central table.admin_view tr { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; margin: 0 0 10px 0; padding: 12px 14px; 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 table.admin_view td { padding: 2px 0; border: 0; }
    #central table.admin_view td[data-label]::before { content: attr(data-label); display: block; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--hm-pink, #e5007d); }
    #central table.admin_view td:last-child { grid-column: 1 / -1; padding-top: 6px; }
    #central .cm-actions-cell { flex-direction: row; }
    #central .cm-actions-cell > * { flex: 1 1 0; }
    #central .cm-types { max-width: none; }
    #central table.admin_view tr:hover td { background: none; }
    #central > table:not(.admin_view) .fs { min-width: 0; }
    #central .cm-tools input[type="search"] { max-width: none; }
}
@media print { #central .cm-tools, #central table.admin_view input[type="submit"] { display: none; } }