/* Reset základních stylů */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body {
    background-color: #f5f5f5;
    color: #222;
    line-height: 1.6;
    padding: 20px;
}

/* Hlavní nadpisy */
h1, h2 {
    margin-bottom: 15px;
    color: #1a1a1a;
}

/* Odkazy */
a {
    color: #0077cc;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Formuláře */
form {
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

label {
    display: block;
    margin-bottom: 10px;
}

input[type="text"], input[type="password"], select, textarea {
    width: 100%;
    padding: 8px 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

textarea {
    resize: vertical;
}

button {
    background-color: #0077cc;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}
button:hover {
    background-color: #005fa3;
}

/* Tabulky */
table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

table th, table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

table th {
    background-color: #0077cc;
    color: #fff;
}

/* Vlajky u klubů */
img {
    vertical-align: middle;
}

/* Přehled klubů na frontendu */
ul {
    list-style: none;
    padding-left: 0;
}

ul li {
    background-color: #fff;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

/* Administrativní panel odkazy */
a.button {
    display: inline-block;
    padding: 5px 10px;
    background-color: #0077cc;
    color: white;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 0.9em;
}
a.button:hover {
    background-color: #005fa3;
}

/* Chybová zpráva */
p.error {
    color: red;
    font-weight: bold;
}
p.success {
    color: green;
    font-weight: bold;
}

footer {
    background-color: #1a1a1a;
    color: #fff;
    padding: 25px;
    margin-top: 40px;
    border-top: 3px solid #0077cc;
}

footer h3 {
    margin-bottom: 15px;
    color: #fff;
}

footer ul {
    list-style: none;
    padding-left: 0;
}

footer li {
    margin-bottom: 10px;
}

footer a {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s;
}

footer a:hover {
    color: #0077cc;
}

footer img.flag {
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

footer {
    background-color: #1a1a1a;
    color: #fff;
    padding: 25px;
}

footer a {
    color: #fff !important; /* přepíše dědičné barvy */
    text-decoration: none;
}

footer a:hover {
    color: #0077cc !important;
}

/* =========================
   DARK MODE
========================= */
body.dark {
    background: linear-gradient(to right, #0f172a, #020617);
    color: #e5e7eb;
}

body.dark h1,
body.dark h2,
body.dark h3 {
    color: #f8fafc;
}

body.dark .country-card,
body.dark .profile-wrapper,
body.dark .card,
body.dark footer,
body.dark .stat {
    background: #020617;
    color: #e5e7eb;
    box-shadow: 0 6px 18px rgba(0,0,0,.6);
}

body.dark a {
    color: #38bdf8;
}

body.dark a.add-club,
body.dark .auth-btn {
    background:#0ea5e9;
}

body.dark .auth-btn:hover {
    background:#0284c7;
}

body.dark .rating button {
    color:#64748b;
}

body.dark .rating button.active,
body.dark .rating button:hover {
    color:#facc15;
}

#darkToggleWrapper {
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 9999;
    transition: transform 0.3s;
}

#darkToggleWrapper:hover {
    transform: scale(1.1); /* jemně zvětší na hover */
}

#darkToggle {
    background: #0077cc;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 1.5em;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    transition: background 0.2s;
}

#darkToggle:hover {
    background: #005fa3;
}
.verified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.7);
  font-size:11px;
  font-weight:1000;
  line-height:1;
}
.verified img{ width:14px; height:14px; display:block; }
.v-supporter{ border-color: rgba(59,130,246,.25); }
.v-contributor{ border-color: rgba(234,179,8,.30); }
.v-founder{ border-color: rgba(148,163,184,.35); }
/* Verified badge – fix mobil (omez velikost ikonky) */
.verified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  font-size:11px;
  font-weight:1000;
  line-height:1;
  vertical-align:middle;
  margin-left:8px;
}

/* DŮLEŽITÉ: fix pro IMG/SVG, aby nikdy nevyrostly */
.verified img,
.verified svg{
  width:14px !important;
  height:14px !important;
  max-width:14px !important;
  max-height:14px !important;
  display:block;
  object-fit:contain;
  flex:0 0 auto;
}

/* když by to někde dědilo obří font-size */
.verified{
  font-size:11px !important;
}
.verified img{ width:14px !important; height:14px !important; }
/* Activity tags (Top 5 latest activity) */
.activity-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:1000;
    line-height:1;
    border:1px solid var(--line);
    background: rgba(255,255,255,.75);
    color: var(--text);
    white-space: nowrap;
}

body.dark .activity-tag{
    background: rgba(255,255,255,.06);
}

/* Pro activity tags (Top 5 latest activity) */
.activity-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.2px;
  line-height:1;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.72);
  box-shadow:
    0 10px 20px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: var(--text);
  white-space: nowrap;
}

body.dark .activity-tag{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  box-shadow:
    0 14px 28px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.activity-tag .dot{
  width:7px;
  height:7px;
  border-radius:50%;
  box-shadow: 0 0 0 3px rgba(0,0,0,.04);
}

body.dark .activity-tag .dot{
  box-shadow: 0 0 0 3px rgba(255,255,255,.06);
}

/* Variants */
.activity-tag.edit{
  border-color: rgba(34,197,94,.22);
  background: linear-gradient(180deg, rgba(34,197,94,.14), rgba(255,255,255,.62));
}
body.dark .activity-tag.edit{
  background: linear-gradient(180deg, rgba(34,197,94,.16), rgba(255,255,255,.06));
}
.activity-tag.edit .dot{ background: #22c55e; }

.activity-tag.club{
  border-color: rgba(37,99,235,.22);
  background: linear-gradient(180deg, rgba(37,99,235,.14), rgba(255,255,255,.62));
}
body.dark .activity-tag.club{
  background: linear-gradient(180deg, rgba(37,99,235,.18), rgba(255,255,255,.06));
}
.activity-tag.club .dot{ background: #2563eb; }

/* Optional: nice hover */
.footer-card:hover .activity-tag{
  transform: translateY(-1px);
  box-shadow:
    0 16px 34px rgba(15,23,42,.10),
    inset 0 1px 0 rgba(255,255,255,.65);
}
.post-content p { margin: 0 0 10px; }
.post-content p:last-child { margin-bottom: 0; }
/* zmenší mezery mezi odstavci v postu */
.post-content p,
.post-body p,
.thread-content p,
.message-content p {
  margin: 0 0 10px;
}

/* ať se nedělá mega mezera i mezi prázdnými */
.post-content p:empty,
.post-body p:empty,
.thread-content p:empty,
.message-content p:empty {
  display: none;
}
/* ===== Fix: huge paragraph gaps in posts/comments ===== */

/* zmenši mezery mezi odstavci */
.comment-body p,
.post-body p,
.thread-body p,
.discussion-body p,
.content-body p,
.post-content p,
.comment-content p,
.message-content p,
.note-content p {
  margin: 0 0 10px !important;
}

/* smaž prázdné odstavce (často vznikají z editoru / enterů) */
.comment-body p:empty,
.post-body p:empty,
.thread-body p:empty,
.discussion-body p:empty,
.content-body p:empty,
.post-content p:empty,
.comment-content p:empty,
.message-content p:empty,
.note-content p:empty {
  display: none !important;
}

/* pokud je to <p><br></p> */
.comment-body p br:only-child,
.post-body p br:only-child,
.thread-body p br:only-child,
.discussion-body p br:only-child,
.content-body p br:only-child,
.post-content p br:only-child,
.comment-content p br:only-child,
.message-content p br:only-child,
.note-content p br:only-child {
  display: none !important;
}
/* fallback: jakýkoliv <p> uvnitř discussion boxů */
#discussion p { margin: 0 0 10px !important; }
#discussion p:empty { display:none !important; }
#discussion p br:only-child { display:none !important; }
/* FIX: huge gaps caused by preserved newlines in posts/comments */
#discussion,
#discussion .post,
#discussion .comment,
#discussion .content,
#discussion .body,
#discussion .text,
#discussion .message {
  white-space: normal !important;
  line-height: 1.6;
}

/* kdyby je text uvnitř ještě nějakého wrapperu */
#discussion * {
  white-space: normal;
}
/* Kill repeated <br> (main reason of huge gaps) */
.post-content br + br,
.post-body br + br,
.thread-content br + br,
.message-content br + br,
.comment-body br + br,
.comment-content br + br,
.discussion-body br + br {
  display: none !important;
}
/* Fallback: any discussion-like content blocks */
.post-content,
.post-body,
.thread-content,
.message-content,
.comment-body,
.comment-content,
.discussion-body {
  white-space: normal !important;
}
.chip-betting{
  background: linear-gradient(135deg, #0ea5e9, #6366f1);
  color:#fff;
  border:0;
  box-shadow: 0 10px 24px rgba(14,165,233,.22);
}
.chip-betting:hover{ filter: brightness(1.03); }