/* =========================================================
   KSNBA Theme (Bootstrap 5)
   Palette:
   - bg:    #F4E7BD
   - main:  #933000
   - gold:  #C0943B
   ========================================================= */

:root{
  --ks-bg:        #F4E7BD;
  --ks-primary:   #933000;
  --ks-gold:      #C0943B;

  --ks-ink:       #1f1a14;   /* text */
  --ks-muted:     rgba(31, 26, 20, .68);

  --ks-surface:   rgba(255,255,255,.78);
  --ks-surface-2: rgba(255,255,255,.62);

  --ks-border:    rgba(147, 48, 0, .18);
  --ks-shadow:    0 14px 30px rgba(31, 26, 20, .20);

  --ks-radius:    14px;
}

/* Page */
body{
  background: radial-gradient(circle at top left,
    #fff6d9 0%,
    var(--ks-bg) 45%,
    #ecd7a6 100%);
  color: var(--ks-ink);
}

/* Links */
a{ color: var(--ks-primary); }
a:hover{ color: #7b2600; }

.side-link a {
  color: #000 !important;
}

/* Navbar */
.navbar{
  background: linear-gradient(90deg, #5a1c00 0%, var(--ks-primary) 40%, #3b1200 100%) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.28);
}

.navbar-brand span{
  font-weight: 400;
  letter-spacing: .06em;
  color: #ECCC91;
}

.navbar-dark .navbar-nav .nav-link{
  color: rgba(255,255,255,.86);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus{
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link.active{
  color: #fff;
  position: relative;
}
.navbar-dark .navbar-nav .nav-link.active::after{
  content:"";
  position:absolute;
  left:.55rem;
  right:.55rem;
  bottom:.35rem;
  height:2px;
  background: var(--ks-gold);
  border-radius: 2px;
  opacity:.95;
}

/* HERO */
.hero-section {
    background: linear-gradient(
        to bottom,
        #BE5416 0%,
        #943000 50%,
        #852500 100%
    );
    color: #fff7e6;
    position: relative;
    overflow: hidden;
}

.hero-section::before{
  content:"";
}

.hero-section > .container{
  position: relative;
  z-index: 1;
}

.hero-badge{
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .75rem;
  background: rgba(192,148,59,.18);
  border: 1px solid rgba(244,231,189,.55);
  color: #fff6da;
  backdrop-filter: blur(4px);
}

/* Buttons */
.btn-primary{
  background: linear-gradient(135deg, var(--ks-primary), #7b2600);
  border: 1px solid rgba(244,231,189,.35);
  box-shadow: 0 10px 22px rgba(147,48,0,.25);
}
.btn-primary:hover,
.btn-primary:focus{
  background: linear-gradient(135deg, #7b2600, #5a1c00);
  border-color: rgba(244,231,189,.45);
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(147,48,0,.32);
}

.btn-outline-primary{
  color: var(--ks-primary);
  border-color: rgba(147,48,0,.55);
  background: rgba(255,255,255,.25);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus{
  color: #fff7e6;
  background: var(--ks-primary);
  border-color: var(--ks-primary);
}

.btn-outline-light{
  border-color: rgba(244,231,189,.65);
  color: #fff7e6;
}
.btn-outline-light:hover,
.btn-outline-light:focus{
  background: rgba(244,231,189,.14);
  color: #fff;
}

/* Bootstrap utility overrides */
.text-primary{ color: var(--ks-primary) !important; }
.bg-primary{ background-color: var(--ks-primary) !important; }
.badge.bg-primary{ background-color: var(--ks-primary) !important; }

/* Cards (warm “paper” feel) */
.card{
  border-radius: var(--ks-radius);
  border: 1px solid var(--ks-border);
  background: linear-gradient(180deg, var(--ks-surface) 0%, var(--ks-surface-2) 100%);
  backdrop-filter: blur(4px);
}
.card.shadow-sm{
  box-shadow: var(--ks-shadow) !important;
}

.card-header{
  border-top-left-radius: var(--ks-radius) !important;
  border-top-right-radius: var(--ks-radius) !important;
  border-bottom: 1px solid rgba(192,148,59,.35);
  background: linear-gradient(135deg, rgba(147,48,0,.92), rgba(90,28,0,.92));
  color: #fff7e6;
  font-weight: 800;
}

/* Optional: gold header variant */
.card-header--gold{
  background: linear-gradient(135deg, rgba(192,148,59,.95), rgba(147,48,0,.75)) !important;
  color: #2a160b !important;
}

/* Section title */
.section-title{
  border-left: 4px solid var(--ks-gold);
  padding-left: .65rem;
  font-weight: 800;
  text-transform: uppercase;
  font-size: .9rem;
  color: #2a160b;
}

/* Sidebar list-group polish */
.sidebar-card .list-group-item{
  border: 0;
  border-bottom: 1px solid rgba(147,48,0,.10);
  background: rgba(255,255,255,.55);
}
.sidebar-card .list-group-item:last-child{
  border-bottom: 0;
}

/* Forms focus ring */
.form-control:focus,
.form-select:focus{
  border-color: rgba(192,148,59,.65);
  box-shadow: 0 0 0 .25rem rgba(192,148,59,.22);
}

/* Accents */
.border-primary{ border-color: rgba(147,48,0,.55) !important; }
.border-start.border-primary{ border-left-color: var(--ks-gold) !important; }

/* Footer */
footer{
  background: radial-gradient(circle at top,
    #3b1200 0%,
    #200900 70%,
    #120500 100%);
  color: rgba(255,247,230,.85);
  border-top: 1px solid rgba(192,148,59,.35);
}

footer a{
  color: #f4e7bd;
  text-decoration: none;
}
footer a:hover{
  color: #ffffff;
  text-decoration: underline;
}

@media (max-width: 575px) {
    .card-body {
        flex-direction: column;
    }

    .article-thumb {
        max-width: 100%;
    }
}

.read-more-btn {
    --bs-btn-color: var(--ks-primary);
    --bs-btn-border-color: rgba(133,42,0,.45);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #852A00;
    --bs-btn-hover-border-color: #852A00;

    font-weight: 500;
    letter-spacing: .02em;
    padding: .25rem .6rem;
}


/* =========================================================
   EXTRA MODULES (ported from turquoise.css -> warm palette)
   - Tournament calendar tokens
   - Group colors
   - Links page tokens
   ========================================================= */

/* =========================
   TOURNAMENT CALENDAR (warm theme)
   ========================= */
:root{
  /* calendar tokens */
  --cal-ink: var(--ks-ink);
  --cal-muted: var(--ks-muted);

  /* surfaces & borders */
  --cal-line: rgba(192,148,59,.35);            /* gold-ish border */
  --cal-surface: #FCFCFE;
  --cal-info-surface: rgba(31,26,20,.02);
  --cal-filter-surface: rgba(255,255,255,.55);

  /* shadows */
  --cal-shadow: 0 16px 40px rgba(31, 26, 20, 0.14);

  /* accents */
  --cal-accent: linear-gradient(180deg, var(--ks-gold), var(--ks-primary));
  --cal-soft: rgba(192,148,59,.10);            /* gold tint */
  --cal-soft-hover: rgba(192,148,59,.16);
  --cal-dot: rgba(192,148,59,.85);
}

/* accent bars per type (theme-level) */
.t-wrap.rapid::before{
  background: linear-gradient(180deg, rgba(192,148,59,.95), rgba(147,48,0,.90));
}
.t-wrap.blitz::before{
  background: linear-gradient(180deg, rgba(244,231,189,.95), rgba(147,48,0,.92));
}

/* links inside calendar */
.links a{ color: var(--ks-primary); }
.links a:hover{ color: #7b2600; }

/* player line base tint */
.player-line{
  background: rgba(192,148,59,.08);
  color: var(--cal-ink);
  border-color: rgba(192,148,59,.28);
}

/* sidebar active */
.side-link.active{
  background: rgba(192,148,59,.14);
  border-color: rgba(192,148,59,.32);
}
.side-link.active .dot2{ background: rgba(192,148,59,.95); }

/* tag pill */
.tag{
  background: rgba(192,148,59,.12);
  border-color: rgba(192,148,59,.28);
  color: rgba(31,26,20,.88);
  font-weight:700;
}

/* type pill active */
.type-pill.active{
  background: rgba(192,148,59,.18);
  border-color: rgba(192,148,59,.38);
  color: #2a160b;
  font-weight: 500;
  box-shadow: 0 4px 12px rgba(192,148,59,.22);
}

/* timeline breaker */
.timeline-breaker{
  margin: 14px 0 10px;
  padding: 8px 12px;

  background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.55));
  border: 1px solid rgba(147,48,0,.16);
  border-left: 4px solid var(--ks-gold);

  color: var(--ks-ink);
  font-weight: 800;
  letter-spacing: .02em;

  border-radius: 10px;
  box-shadow: 0 10px 22px rgba(31,26,20,.10);
}
/* =========================
   GROUP COLORS — warm scale
   (analógia k g1..g8 z turquoise)
   ========================= */
.g1 { --g-bg: rgba(192,148,59,.22); --g-br: rgba(192,148,59,.78); --g-dot: rgb(192,148,59); }  /* gold */
.g2 { --g-bg: rgba(147,48,0,.18);   --g-br: rgba(147,48,0,.70);   --g-dot: rgb(147,48,0); }    /* primary brown */
.g3 { --g-bg: rgba(190,84,22,.20);  --g-br: rgba(190,84,22,.75);  --g-dot: rgb(190,84,22); }   /* copper */
.g4 { --g-bg: rgba(124,69,18,.20);  --g-br: rgba(124,69,18,.74);  --g-dot: rgb(124,69,18); }   /* walnut */
.g5 { --g-bg: rgba(96,36,0,.18);    --g-br: rgba(96,36,0,.70);    --g-dot: rgb(96,36,0); }     /* dark brown */
.g6 { --g-bg: rgba(244,231,189,.30);--g-br: rgba(244,231,189,.85);--g-dot: rgb(244,231,189); } /* light sand */
.g7 { --g-bg: rgba(231,196,122,.24);--g-br: rgba(231,196,122,.80);--g-dot: rgb(231,196,122); } /* amber sand */
.g8 { --g-bg: rgba(58,26,6,.18);    --g-br: rgba(58,26,6,.72);    --g-dot: rgb(58,26,6); }     /* espresso */

/* grouped musí byť viditeľne iný */
a.player-line.grouped{
  background: var(--g-bg, rgba(192,148,59,.16));
  border-color: var(--g-br, rgba(192,148,59,.60));
  color: var(--cal-ink);
  font-weight: 650;
  box-shadow:
    0 1px 0 rgba(255,255,255,.45) inset,
    0 10px 18px rgba(31,26,20,.06),
    0 0 0 3px color-mix(in srgb, var(--g-dot, rgba(192,148,59,.85)) 18%, transparent);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

a.player-line.grouped:hover{
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.55) inset,
    0 14px 24px rgba(31,26,20,.10),
    0 0 0 4px color-mix(in srgb, var(--g-dot, rgba(192,148,59,.95)) 26%, transparent);
}

a.player-line.grouped .dot{
  background: var(--g-dot, rgba(192,148,59,.95));
  box-shadow: 0 0 0 2px rgba(255,255,255,.85);
}

/* =========================
   GROUP COLORS — apply also to results links
   ========================= */

/* výsledky linky vľavo (Propozície/Výsledky) */
a.btn-mini.group-link{
  background: var(--g-bg, rgba(192,148,59,.12));
  border: 1px solid var(--g-br, rgba(192,148,59,.45));
  color: rgba(31,26,20,.90);
  font-weight: 750;

  box-shadow:
    0 1px 0 rgba(255,255,255,.45) inset,
    0 10px 18px rgba(31,26,20,.06);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease, background .12s ease;
}

a.btn-mini.group-link:hover{
  transform: translateY(-1px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.55) inset,
    0 14px 24px rgba(31,26,20,.10);
}

/* trofej/ikonka nech chytí skupinovú farbu */
a.btn-mini.group-link i{
  color: var(--g-dot, rgba(192,148,59,.95));
}

/* =========================
   LINKS PAGE (warm theme)
   ========================= */
:root{
  --links-line: rgba(192,148,59,.35);
  --links-surface: rgba(255,255,255,.90);
  --links-surface-2: rgba(255,255,255,.70);
  --links-shadow: 0 16px 40px rgba(31,26,20,.14);

  --links-ink: rgba(31,26,20,.95);
  --links-muted: rgba(31,26,20,.60);

  --links-soft: rgba(192,148,59,.08);
  --links-soft-2: rgba(192,148,59,.12);

  --links-accent: rgba(192,148,59,.16);
  --links-accent-br: rgba(192,148,59,.30);
}

/* tabs icon color tied to theme */
#linksTabs .nav-link i{ color: rgba(192,148,59,.92); }
#linksTabs .nav-link.active i{ color: rgba(192,148,59,1); }

/* hover/active background more warm */
#linksTabs .nav-link:hover{
  background: rgba(192,148,59,.08);
  border-color: rgba(192,148,59,.18);
}
#linksTabs .nav-link.active{
  background: rgba(192,148,59,.12);
  border-color: rgba(192,148,59,.24);
  box-shadow: 0 10px 22px rgba(192,148,59,.18);
}

/* section title icon + dot */
.links-section-title i{ color: rgba(192,148,59,.95); }
.link-dot{ background: rgba(192,148,59,.75); }

/* list hover */
.links-list .list-group-item{
  transition: background .15s ease, transform .08s ease;
}
.links-list .list-group-item:hover{
  background: #FEFBF0;
}

/* hero more “warm theme” */
.links-hero{
  background:
    radial-gradient(circle at 20% 20%, rgba(192,148,59,.16), transparent 45%),
    radial-gradient(circle at 85% 0%, rgba(147,48,0,.10), transparent 55%),
    rgba(255,255,255,.70);
  border-color: rgba(192,148,59,.45);
}

/* Search focus on links page */
.links-search input:focus{
  border-color: rgba(192,148,59,.60);
  box-shadow: 0 0 0 .2rem rgba(192,148,59,.14);
}


/* =========================================
   LEAGUE BADGE — GENESIS THEME
   ========================================= */

.league-badge{
  position: relative;
  overflow: hidden;

  background: linear-gradient(
    135deg,
    rgba(192,148,59,.22),
    rgba(147,48,0,.18)
  );

  border: 1px solid rgba(192,148,59,.45);
  color: #fff3da !important;

  box-shadow:
    0 6px 16px rgba(147,48,0,.18),
    inset 0 1px 0 rgba(255,255,255,.25);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

/* icon slightly brighter */
.league-badge i{
  color: #ffd988;
}

/* hover */
.league-badge:hover{
  transform: translateY(-1px);

  background: linear-gradient(
    135deg,
    rgba(192,148,59,.32),
    rgba(147,48,0,.30)
  );

  box-shadow:
    0 10px 24px rgba(147,48,0,.28),
    0 0 0 3px rgba(192,148,59,.20);
}

/* subtle animated shine (equivalent to green glow) */
.league-badge::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:120%;
  height:100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.28),
    transparent
  );

  transform: skewX(-20deg);
  animation: leagueGenesisShine 4.5s ease-in-out infinite;
}

@keyframes leagueGenesisShine{
  0%   { left:-120%; }
  45%  { left:-120%; }
  60%  { left:120%; }
  100% { left:120%; }
}


/* =========================
   MEMBERS PAGE — GENESIS (theme colors only)
   Uses your variables:
   --ks-primary, --ks-gold, --ks-ink, --ks-muted
   ========================= */

/* text colors */
.members-head .kicker{ color: var(--ks-muted); }
.members-head h2{ color: var(--ks-ink); }
.members-head .desc{ color: var(--ks-muted); }

.members-badge{
  color: var(--ks-ink);
  border-color: rgba(147,48,0,.16);
  background: rgba(192,148,59,.10); /* warm soft */
}

/* cards */
.member-card{
  background: #FFF;
  border-color: rgba(147,48,0,.16);
}
.member-card .card-body {
  background: #FFF;
}
.member-name-strip{
  background: #F3EDE2;
  border-top-color: rgba(147,48,0,.14);
  border-bottom-color: rgba(147,48,0,.14);
  color: var(--ks-ink);
}

.info-grid{
  background: #FCFCFE;
  border-color: rgba(147,48,0,.14);
}

.info-label{ color: var(--ks-primary); }
.info-value{ color: var(--ks-ink); }
.info-value.mono{ color: #000; }

/* search colors */
.search-input{
  border: 1px solid rgba(147,48,0,.18);
  background: rgba(255,255,255,.70);
}
.search-input::placeholder{ color: rgba(31,26,20,.45); }

.search-input:focus{
  background: #fff;
  border-color: rgba(192,148,59,.65);
  box-shadow: 0 0 0 .2rem rgba(192,148,59,.18);
}

.search-clear{ color: rgba(31,26,20,.55); }
.search-clear:hover{
  background: rgba(147,48,0,.06);
  color: rgba(31,26,20,.85);
}

.search-hint{ color: rgba(31,26,20,.55); }
.search-count{ color: rgba(31,26,20,.62); }

:root{
  --bg: #f6f7fb;
  --card-bg: #ffffff;

  --text: #0f172a;
  --text-2: #334155;
  --muted: #64748b;
  --muted-2: #94a3b8;

  /* Genesis primary (green) */
  --primary: #22c55e;
  --primary-ink: #166534;

  /* UI tints */
  --meta-bg: rgba(15, 23, 42, .03);
  --meta-hover: rgba(15, 23, 42, .06);
  --table-th-bg: rgba(15, 23, 42, .03);
  --gallery-bg: rgba(15, 23, 42, .03);
}

body{ background: var(--bg); }

.article-card{ background: var(--card-bg); }

.article-title{ color: var(--text); }
.article-meta{ color: var(--muted); }

.meta-pill{
  background: var(--meta-bg);
  color: var(--text-2);
}

.tag-pill{
  border: 1px solid color-mix(in srgb, var(--primary) 22%, transparent);
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  color: var(--primary-ink);
}
.tag-pill:hover{
  background: color-mix(in srgb, var(--primary) 16%, transparent);
}

.article-content{ color: var(--text-2); }
.article-content h2,
.article-content h3{ color: var(--text); }

.article-content a{ color: var(--primary); }

.article-content table th{ background: var(--table-th-bg); }

.back-link{ color: var(--text-2); }

.muted{ color: var(--muted-2); }

.gallery-item{ background: var(--gallery-bg); }
.gallery-item img{ background: var(--card-bg); }

.meta-pill.share-pill:hover{ background: var(--meta-hover); }


/* =========================================
   CONTACT PAGE — GENESIS (warm palette)
   Uses:
   --ks-bg, --ks-primary, --ks-gold, --ks-ink, --ks-muted,
   --ks-surface, --ks-border
   ========================================= */

:root{
  /* pre tento modul si spravíme lokálne aliasy */
  --ksn-primary: var(--ks-primary);      /* tehlová */
  --ksn-gold:    var(--ks-gold);

  /* jemné “paper” pozadia */
  --bg-soft:   rgba(255,255,255,.70);   /* namiesto studenej #f4f6f8 */
  --bg-soft-2: rgba(255,255,255,.60);

  --text-main:  rgba(31, 26, 20, .88);
  --text-muted: var(--ks-muted);
}

/* photos */
.contact-photo{
  background: linear-gradient(180deg, var(--bg-soft), rgba(255,255,255,.55));
  border-color: rgba(147,48,0,.14);
}

/* headings */
.contact-page-subtitle{
  color: var(--text-muted);
}

/* boxes */
.kbox{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.75));
  border: 1px solid rgba(147,48,0,.16);
  box-shadow:
    0 1px 0 rgba(255,255,255,.35),
    0 10px 26px rgba(31,26,20,.12);
}
.kbox::before{
  background: var(--ksn-primary);
  opacity:.55;
}
.kbox:hover{
  border-color: rgba(147,48,0,.22);
}

/* text */
.klabel{ color: rgba(31,26,20,.55); }
.kmuted{ color: var(--text-muted); }

/* chips */
.kchip{
  border: 1px solid rgba(192,148,59,.30);
  background: rgba(192,148,59,.10);
  color: rgba(31,26,20,.88);
}
.kchip:hover{
  background: rgba(192,148,59,.16);
  border-color: rgba(192,148,59,.42);
}

/* accent stripes (warm variants) */
.kbox.k-accent-contact::before{ background: rgba(147,48,0,.55); }   /* primary */
.kbox.k-accent-org::before{     background: rgba(192,148,59,.62); } /* gold */
.kbox.k-accent-train::before{   background: rgba(190,84,22,.60); }  /* copper */
.kbox.k-accent-league::before{  background: rgba(90,28,0,.70); }    /* dark brown */

/* location */
.loc-addr{ color: var(--text-main); }
.loc-note{ color: var(--text-muted); }

/* map */
.map-embed{
  background: radial-gradient(circle at 20% 20%,
    rgba(192,148,59,.12),
    rgba(255,255,255,.65) 60%);
  border-color: rgba(147,48,0,.14);
}

/* =========================================
   LIVE BADGE — GENESIS THEME
   ========================================= */

/* pre bootstrap combo:
   .badge.bg-success-subtle.text-success */
.badge.bg-success-subtle.text-success{
  background: linear-gradient(
    135deg,
    rgba(192,148,59,.20),
    rgba(147,48,0,.18)
  ) !important;

  color: #FFF !important;

  border: 1px solid rgba(192,148,59,.45);
  font-weight: 700;
  letter-spacing: .04em;

  box-shadow:
    0 2px 6px rgba(147,48,0,.15),
    inset 0 1px 0 rgba(255,255,255,.35);
}


.filter-head{
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .04em;
  text-transform: uppercase;

  color: #2a160b;

  margin: 0 0 .6rem 0;
  padding-left: .55rem;

  border-left: 4px solid var(--ks-gold);
}