/* === VARIABLES (unified) === */
:root {
  --accent: #552096;
  --deep-blue: #137DC5;
  --deep-gradient-from: #275996;
  --deep-gradient-to: #552096;
}

/* === STYLY PRO TIPOVÁNÍ ZÁPASŮ === */

.match-box {
  background: linear-gradient(180deg, #3E3E3F, #1a1a1a);
  border-radius: 4px;
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  margin-bottom: 24px;
  color: #fff;
}

.match-box.disabled { opacity: 0.6; pointer-events: none; }

.match-header {
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; margin-bottom: 12px;
}

.match-title { font-size: 18px; font-weight: 700; color: #fff; }
.match-time  { font-size: 14px; font-style: italic; }

.match-options {
  display: flex; justify-content: space-around; gap: 12px;
  margin: 14px 0 8px 0;
}

.fighter-option,
.method-btn,
.stake-btn {
  background: rgba(255, 255, 255, 0.05);
  border: none;
  color: #fff;
  padding: 12px 18px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: normal;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  box-sizing: border-box;
  width: 100%;
}

.fighter-option:hover,
.method-btn:hover,
.stake-btn:hover,
.fighter-option.selected,
.method-btn.selected,
.stake-btn.selected {
  background: var(--accent);
  color: #fff;
}

/* Kurzy */
.odds, .method-odds {
  font-weight: bold; color: var(--deep-blue);
  font-size: 14px; margin-left: 8px;
}

/* Stake část */
.match-stake {
  display: flex; flex-direction: column; align-items: center;
  gap: 8px; margin-bottom: 10px;
}

.stake-label { font-size: 15px; color: var(--accent); font-weight: 600; }
.stake-buttons { display: flex; gap: 12px; }
.stake-btn { width: auto; }

.submit-btn {
  background-color: #552096; color: #fff; border: none;
  padding: 14px 32px; font-size: 17px; font-weight: 600; border-radius: 30px;
  cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: block; margin: 20px auto 0;
}
.submit-btn:hover { transform: translateY(-2px); }

/* Zpráva o úspěchu */
.tip-success {
  background: #d4edda; color: #155724; padding: 12px; margin-bottom: 20px;
  border-radius: 4px; text-align: center; font-weight: 600; font-size: 15px;
}

/* Záhlaví turnaje */
.match-event-header {
  background: linear-gradient(90deg, var(--deep-gradient-from), var(--deep-gradient-to));
  color: #fff; padding: 10px 16px; font-size: 16px; font-weight: 600;
  border-radius: 4px; margin-bottom: 12px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  text-align: center;
}

/* Více příležitostí */
.expand-btn {
  background: none; border: none; color: var(--accent); font-size: 14px;
  cursor: pointer; padding: 4px 8px; font-weight: 600; outline: none;
  box-shadow: none; transition: transform 0.2s ease;
}
.expand-btn:hover { transform: scale(1.08); text-decoration: none; }
.expand-btn:focus { outline: none; box-shadow: none; }

/* Grid pro metody */
.method-grid.column-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; max-width: 100%; margin: 0 auto; }
.method-column { display: flex; flex-direction: column; gap: 12px; }

/* Oprava focus efektu */
.fighter-option:focus:not(.selected),
.method-btn:focus:not(.selected),
.stake-btn:focus:not(.selected) { background: rgba(255, 255, 255, 0.05); outline: none; box-shadow: none; }

.fight-icon { color: var(--accent); margin-right: 6px; font-size: 16px; }

/* === LEADERBOARD === */

.deepmma-leaderboard {
  margin: 0 auto;
  padding: 0;
  box-shadow: none;
}

.deepmma-leaderboard .stats-content {
  background: linear-gradient(180deg, #3E3E3F, #1a1a1a);
  padding: 1.5rem 2rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Tabulka */
.leaderboard-table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}

.leaderboard-table thead th,
.leaderboard-table tbody td {
  padding: 8px 12px;     /* výška jako hlavička */
  font-size: 14px;
  line-height: 1.3;      /* čitelné, nízké */
}

.leaderboard-table thead th {
  text-align: left;
  font-weight: 700;
  color: #fff;           /* bílé záhlaví */
  border-bottom: 1px solid #333;
}

.leaderboard-table tbody td {
  border-bottom: 1px solid #222;
  color: #fff;
}

.leaderboard-table tbody tr:hover {
  background-color: #1f1f1f;
  transition: background 0.2s ease-in-out;
}

/* Zvýraznění přihlášeného uživatele */
.leaderboard-table .highlighted-user {
  background: linear-gradient(90deg, var(--deep-gradient-from), var(--deep-gradient-to));
  font-weight: bold;
  color: #fff;
}
.leaderboard-table .highlighted-user td { color: #fff; }

/* Mobil */
@media screen and (max-width: 768px) {
  .deepmma-leaderboard .stats-content { overflow-x: auto; }
  .leaderboard-table { min-width: 700px; width: max-content; }
  .leaderboard-table th, .leaderboard-table td {
    white-space: nowrap; text-align: center; padding: 12px 16px;
  }
}

/* Pro jistotu přebijeme Kadence v obsahu stránky */
.entry-content .deepmma-leaderboard .leaderboard-table thead th { color: #fff; }

/* === PROFIL (sjednoceno & opraveno) === */

/* Levý sloupec (světlé pozadí, tmavý text) */
.profile-image { display:flex; justify-content:center; margin-bottom:10px; }
.profile-image img{
  width:100px; height:100px; border-radius:50%;
  border:3px solid var(--accent); box-shadow:0 0 10px rgba(85,32,150,.4);
}

.deepmma-profile-layout{
  display:flex; flex-wrap:wrap; gap:2rem;
  align-items:flex-start; justify-content:flex-start;
  margin:30px 0 40px;
}

/* Levá „vizitka“ – necháme tmavý text, ať je vidět na bílém podkladu */
.profile-box{ flex:0 0 320px; color:#111; }
.profile-box h3{ text-align:center; font-size:22px; margin-top:10px; color:#111; }

.profile-info-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:8px 10px;
  text-align:left; margin:10px 0 14px;
}
.profile-info-grid p{ margin:4px 0; font-size:15px; color:#111; }
.profile-info-grid p strong{ color:#111; }

.profile-actions{
  display:flex; justify-content:center; align-items:center; gap:12px;
  margin-top:12px; flex-wrap:wrap;
}
.profile-btn, .deepmma-modal-content button[type="submit"]{
  display:inline-block; padding:6px 16px; font-size:14px; font-weight:600;
  background:var(--accent); color:#fff; border-radius:30px; text-decoration:none;
  border:none; cursor:pointer; transition:transform .2s ease; text-align:center;
}
.profile-btn:hover, .deepmma-modal-content button[type="submit"]:hover{ transform:translateY(-2px); }

/* Pravý sloupec – tři boxy (tmavý podklad, světlý text) */
.profile-right-section{
  flex:1 1 520px; display:flex; flex-wrap:wrap; gap:16px; align-items:stretch;
  min-width:320px;
}
.stats-box, .achievements-box, .ad-box{
  flex:1 1 calc(33.333% - 11px);
  background:linear-gradient(180deg,#3E3E3F,#1a1a1a);
  border-radius:4px; display:flex; flex-direction:column; overflow:hidden;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.05), 0 4px 12px rgba(0,0,0,.4);
  min-width:220px; min-height:280px; color:#fff;
}

/* Sdílená gradientní hlavička (zůstává stejná jako máš) */
.deepmma-gradient-header{
  background-image:linear-gradient(40deg,rgba(1,3,64,1) 0%,rgba(25,29,97,1) 50%,rgba(85,32,150,1) 100%);
  padding:8px 12px; min-height:36px;
  display:flex; align-items:center; justify-content:center;
  border-radius:4px 4px 0 0; line-height:1.2; color:#fff;
}
.deepmma-gradient-header h3{ margin:0; font-size:15px; font-weight:600; color:#fff; }

/* Obsah boxů (tmavé) */
.stats-content{
  padding:8px 8px 12px;
  display:flex; flex-direction:column; gap:0; color:#fff;
}

/* Řádkování: label vlevo, hodnota vpravo, oddělovač */
.stats-box .stats-content p,
.achievements-box .stats-content p{
  margin:0; padding:6px 8px; color:#fff;
  display:flex; align-items:center; gap:12px;
  position:relative; white-space:nowrap;
}
.stats-box .stats-content p > strong,
.achievements-box .stats-content p > strong{ font-weight:700; color:#fff; }

.stats-content .stat-val{
  margin-left:auto;             /* hodnota ke kraji vpravo */
  color:#fff; font-weight:600; text-align:right;
  overflow:hidden; text-overflow:ellipsis; max-width:60%;
}

/* jemné čáry mezi řádky */
.stats-box .stats-content p::after,
.achievements-box .stats-content p::after{
  content:""; position:absolute; left:8px; right:8px; bottom:0; height:1px;
  background:rgba(255,255,255,.12);
}
.stats-box .stats-content p:last-of-type::after,
.achievements-box .stats-content p:last-of-type::after{ display:none; }

/* „Aktuální úroveň“ u Úspěchů na střed a bez čáry */
.achievements-box .stats-content p:nth-of-type(3){
  justify-content:center; text-align:center; padding:10px 8px 0;
}
.achievements-box .stats-content p:nth-of-type(3)::after{ display:none; }

/* Responsivita profilu */
@media (max-width:900px){
  .profile-right-section{ flex-basis:100%; }
  .stats-box, .achievements-box, .ad-box{ flex:1 1 calc(50% - 8px); }
}
@media (max-width:640px){
  .deepmma-profile-layout{ flex-direction:column; }
  .profile-box{ flex:1 1 auto; }
  .profile-info-grid{ grid-template-columns:1fr; }
  .stats-box, .achievements-box, .ad-box{ flex:1 1 100%; }
}
@media (max-width:380px){
  .stats-box .stats-content p,
  .achievements-box .stats-content p{ font-size:13px; padding:6px 6px; }
  .stats-box .stats-content p::after,
  .achievements-box .stats-content p::after{ left:6px; right:6px; }
}


/* === MODÁL === */
.deepmma-modal{
  display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%;
  background-color:rgba(0,0,0,.4); backdrop-filter:blur(6px);
}
.deepmma-modal-content{
  background:linear-gradient(180deg,#0e0e0e,#1a1a1a);
  margin:3% auto; padding:0; border-radius:4px; width:90%; max-width:500px; max-height:90vh;
  position:relative; overflow:hidden; color:#fff; box-shadow:0 4px 12px rgba(0,0,0,.4);
}
.deepmma-modal-content form{ padding:1.5rem; overflow-y:auto; max-height:calc(90vh - 60px); box-sizing:border-box; }
.deepmma-modal-header{
  background:linear-gradient(40deg,rgba(1,3,64,1) 0%,rgba(25,29,97,1) 50%,rgba(85,32,150,1) 100%);
  padding:14px 20px; font-size:18px; font-weight:700; color:#fff; text-align:center; border-top-left-radius:4px; border-top-right-radius:4px;
}
.deepmma-close{ position:absolute; top:10px; right:14px; font-size:22px; font-weight:bold; color:#fff; cursor:pointer; z-index:1001; transition:color .2s; }
.deepmma-close:hover{ color:var(--accent); }
.deepmma-modal-content input[type="text"],
.deepmma-modal-content input[type="date"],
.deepmma-modal-content input[type="number"],
.deepmma-modal-content input[type="file"],
.deepmma-modal-content select{
  width:100%; padding:.7rem 1.5rem; margin-top:.6rem;
  border-radius:30px; background-color:transparent; border:2px solid #ffffff40;
  color:#fff; font-weight:500; transition:.2s ease; box-sizing:border-box;
}
.deepmma-modal-content input:focus,
.deepmma-modal-content select:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 10px var(--accent); }

/* === CESTA ŠAMPIONA === */
.journey-box{ width:100%; max-width:1200px; margin-top:40px; overflow:hidden; }
.journey-box .stats-content{
  background:linear-gradient(180deg,#2b2b2b 0%,#191919 100%);
  padding:30px 20px; border-radius:0 0 4px 4px;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.05), 0 4px 12px rgba(0,0,0,.4);
}
.belt-track{ display:flex; justify-content:center; align-items:center; gap:24px; flex-wrap:wrap; }
.belt-track img{ max-height:85px; opacity:.6; transition:all .4s ease; filter:grayscale(100%) brightness(70%); }
.belt-track img:hover{ opacity:1; transform:scale(1.05); }
.belt-track img.active{ filter:none; opacity:1; }
.belt-item{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.belt-item p{ margin-top:8px; font-size:14px; color:#fff; }
.arrow{ display:flex; align-items:center; justify-content:center; font-size:28px; color:var(--accent); margin:0 10px; }

.profile-info-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:8px 10px; text-align:left; margin:10px 0 20px 0;
}
.profile-info-grid p{ margin:4px 0; font-size:15px; color:#fff; }
/* Fallback zobrazení hodnot ve Statistikách/Úspěších */
.stats-box .stats-content p,
.achievements-box .stats-content p{
  display:flex;
  justify-content:space-between;
  gap:12px;
  white-space:nowrap;
}
.stats-box .stats-content p > strong,
.achievements-box .stats-content p > strong{ color:#fff; font-weight:700; }
.stats-box .stats-content .stat-val,
.achievements-box .stats-content .stat-val{ color:#fff; font-weight:600; text-align:right; }

/* Když .stat-val existuje, zlepšíme zarovnání mřížkou */
.stats-box .stats-content p:has(.stat-val),
.achievements-box .stats-content p:has(.stat-val){
  display:grid;
  grid-template-columns:minmax(120px,180px) 1fr;
}

/* === RESPONSIVITA === */
@media (max-width: 768px){
  .deepmma-profile-layout{ flex-direction:column; align-items:center; }
  .profile-box, .profile-right-section{ max-width:100%; width:100%; }
  .profile-actions{ flex-direction:column; gap:8px; }
  .ad-box{ flex:0 0 100%; width:100%; height:auto; aspect-ratio:1/1; margin-top:10px; }
  .stats-box, .achievements-box{ flex:0 0 100%; width:100%; }
  .belt-track{ justify-content:center; text-align:center; }
  .belt-item{ align-items:center; text-align:center; }
  .arrow{ display:none; }
}
@media (max-width:480px){
  .profile-box{ max-width:100%; padding:16px; }
  .profile-box h3{ font-size:18px; }
  .profile-info-grid{ grid-template-columns:1fr; }
  .profile-actions .profile-btn{ width:100%; text-align:center; }
}
/* oprava rozbité media query z dřívějška */
@media (max-width:380px){
  .stats-box .stats-content p,
  .achievements-box .stats-content p{ font-size:13px; padding:6px 8px; }
  .stats-box .stats-content p::after,
  .achievements-box .stats-content p::after{ left:8px; right:8px; }
}

/* === MOJE TIPY === */
.deepmma-my-tips {
  max-width: 1100px; margin: 0 auto; background: #0e0e0e;
  border-radius: 4px; box-shadow: 0 0 15px rgba(85, 32, 150, 0.3); overflow: hidden;
}

/* Tabulka */
.mytips-table { width: 100%; border-collapse: collapse; background: transparent; }
.mytips-table thead th {
  padding: 1rem; text-align: left; font-weight: bold; color: #C03AFF;
  border-bottom: 1px solid #333; font-size: 0.95rem;
}
.mytips-table tbody td { padding: 1rem; border-bottom: 1px solid #222; color: #fff; font-size: 0.95rem; }
.mytips-table tbody tr:hover { background-color: #1a1a1a; transition: background 0.2s ease-in-out; }

@media screen and (max-width: 768px) {
  .deepmma-my-tips { overflow-x: auto; }
  .mytips-table { min-width: 800px; width: max-content; }
  .mytips-table th, .mytips-table td { white-space: nowrap; text-align: center; padding: 12px 16px; }
}

/* mobilní labely (pokud používáš stacked layout) */
.mytips-table td:nth-child(1)::before { content: "Datum"; }
.mytips-table td:nth-child(2)::before { content: "Zápas"; }
.mytips-table td:nth-child(3)::before { content: "Tip"; }
.mytips-table td:nth-child(4)::before { content: "Způsob"; }
.mytips-table td:nth-child(5)::before { content: "Sázka"; }
.mytips-table td:nth-child(6)::before { content: "Kurz"; }
.mytips-table td:nth-child(7)::before { content: "Výsledek"; }
.mytips-table td:nth-child(8)::before { content: "Zisk"; }

/* === JEDNOTNÁ HLAVIČKA (použíj všude v HTML) === */
.deepmma-gradient-header {
  background: linear-gradient(40deg, rgba(1,3,64,1) 0%, rgba(25,29,97,1) 50%, rgba(85,32,150,1) 100%);
  padding: 8px 12px;  /* jemnější */
  font-weight: 600; font-size: 15px; color: #FFFFFF;
  display: flex; justify-content: center; align-items: center;
  border-radius: 4px; line-height: 1.2; box-shadow: none;
}
.deepmma-gradient-header h3 { margin: 0; font-size: 15px; font-weight: 600; color: #FFFFFF; }
.journey-box .deepmma-gradient-header { border-radius: 4px 4px 0 0; }

/* === BÍLÉ TEXTY + H3 nebrat Kadence (jen ve scopech) === */
.deepmma-profile-layout, .deepmma-leaderboard, .deepmma-my-tips { color: #fff; }
.deepmma-profile-layout h3,
.deepmma-leaderboard h3,
.deepmma-my-tips h3 { color: #fff; font-weight: 600; line-height: 1.2; }

/* Pokud Kadence cílí přes .entry-content h3, zvyšíme pouze scopem: */
.entry-content .deepmma-profile-layout h3,
.entry-content .deepmma-leaderboard h3,
.entry-content .deepmma-my-tips h3 { color: #fff; }