/*
Theme Name: CompiJada – členská edice
Theme URI: https://compijada.cz
Author: CompiJada
Description: Dark gaming theme for a private LAN party community.
Version: 1.1.6
Text Domain: compijada
*/

:root{--bg:#080b12;--panel:#101621;--panel2:#151e2b;--text:#f4f7fb;--muted:#a8b2c2;--blue:#28b9ff;--cyan:#66e0ff;--line:#273344;--red:#ff4655}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}
.topbar{position:absolute;top:0;left:0;right:0;z-index:5;border-bottom:1px solid #ffffff20;background:#080b12aa;backdrop-filter:blur(14px)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:950;letter-spacing:.08em;font-size:22px}.brand b{color:var(--blue)}.navlinks{display:flex;gap:26px;color:#d6deea;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.navlinks a:hover{color:var(--cyan)}.menu{display:none}
.hero{min-height:690px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#070a11 2%,#070a11e8 40%,#070a1170 100%),linear-gradient(0deg,#080b12 0%,transparent 40%),url('https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=2000&q=85') center/cover}
.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 110px,#28b9ff08 111px 113px);pointer-events:none}.hero-content{position:relative;z-index:1;padding:120px 0 70px;max-width:720px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:2px;background:var(--blue)}h1{font-size:clamp(48px,8vw,92px);line-height:.9;letter-spacing:-.055em;margin:20px 0 22px;font-weight:1000}h1 span{color:var(--blue);display:block}.lead{color:#c4ccda;line-height:1.7;max-width:550px;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;background:var(--blue);color:#06101a;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.btn.secondary{background:transparent;color:#fff;border:1px solid #ffffff55;clip-path:none}.countdown{display:flex;gap:10px;margin-top:46px}.time{background:#0b111bd9;border:1px solid #ffffff24;min-width:82px;padding:12px 15px}.time strong{display:block;font-size:27px;line-height:1.1}.time small{display:block;color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-top:5px}
section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.kicker{font-size:11px;color:var(--blue);letter-spacing:.2em;text-transform:uppercase;font-weight:900}.section-head h2{font-size:clamp(28px,4vw,43px);margin:8px 0 0;letter-spacing:-.04em}.section-head p{color:var(--muted);max-width:460px;font-size:13px;line-height:1.6;margin:0}
.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.feature-main{min-height:290px;background:linear-gradient(90deg,#0e1623f2,#0e162388),url('https://images.unsplash.com/photo-1593305841991-05c297ba4575?auto=format&fit=crop&w=1200&q=85') center/cover;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:end}.feature-main h3{font-size:30px;margin:8px 0}.feature-main p{color:#c1cad7;max-width:470px;font-size:13px;line-height:1.6}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:var(--panel);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:space-between}.stat strong{font-size:30px;color:var(--cyan)}.stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.card img{width:100%;height:180px;object-fit:cover;display:block;filter:saturate(.85)}.card-body{padding:20px}.tag{color:var(--cyan);font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.card h3{font-size:18px;margin:9px 0}.card p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.steam-note{font-size:11px;color:var(--muted);margin-top:16px}
.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:180px 180px;gap:12px}.gallery img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line)}.gallery img:first-child{grid-row:span 2}
.about{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.about-visual{min-height:320px;background:linear-gradient(0deg,#080b12aa,#080b1233),url('https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=1200&q=85') center/cover;border:1px solid var(--line)}.about p{color:var(--muted);line-height:1.8;font-size:14px}.timeline{border-left:1px solid #2b7898;padding-left:20px;margin-top:22px}.timeline div{margin:14px 0;color:#dce5f1;font-size:12px}.timeline b{color:var(--cyan);margin-right:10px}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:11px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.notice{border:1px dashed #2a789a;background:#0c1420;padding:12px 15px;color:#aebed0;font-size:11px;line-height:1.5;margin-top:16px}

.name-meaning{margin-top:17px;color:#aab6c7;font-size:11px;font-weight:900;letter-spacing:.24em}.name-meaning i{font-style:normal;color:var(--blue);padding:0 5px}.name-meaning b{color:var(--red);padding:0 4px}
.history-quote{position:relative;border:1px solid #2a4054;background:linear-gradient(110deg,#101b29,#0b111b);padding:26px 30px 24px 54px;margin:24px 0 28px;box-shadow:inset 3px 0 0 var(--blue)}.history-quote .quote-mark{position:absolute;left:20px;top:14px;color:var(--blue);font-size:42px;font-weight:900;line-height:1}.history-quote p{font-size:clamp(17px,2.2vw,23px);line-height:1.45;font-weight:750;margin:0 0 12px;color:#edf5ff}.history-quote strong{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.history-copy{max-width:900px;color:#c0cad8;font-size:14px;line-height:1.85}.history-copy p{margin:0 0 16px}.history-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.history-photos img{display:block;width:100%;height:auto;min-height:140px;object-fit:cover;border:1px solid var(--line);background:var(--panel)}.history-quote.compact{margin-top:20px;padding:22px 28px}.history-quote.compact p{font-size:18px;margin:0}.stats-callout{margin-top:28px;padding:25px 28px;background:linear-gradient(120deg,#111c2a,#10141d);border:1px solid #2c3c50}.stats-callout h3{font-size:24px;margin:9px 0}.stats-callout p{color:var(--muted);font-size:13px;line-height:1.7;margin:0;max-width:850px}


.name-meaning{margin-top:17px;color:#aab6c7;font-size:11px;font-weight:900;letter-spacing:.24em}.name-meaning i{font-style:normal;color:var(--blue);padding:0 5px}.name-meaning b{color:var(--red);padding:0 4px}
.event-details{margin-top:16px;border:1px solid var(--line);background:#0c121c;padding:20px 24px}.event-details h3{font-size:22px;margin:7px 0}.event-details p{font-size:13px;color:var(--muted);margin:0}.menu-board{margin-top:16px;padding:24px 26px;background:linear-gradient(125deg,#121c28,#0b1119);border:1px solid #2d4558;position:relative}.menu-board:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}.menu-board h3{font-size:22px;margin:8px 0 12px}.menu-board p{color:#c0cad8;font-size:13px;line-height:1.7;margin:6px 0}.menu-board .steam-note{color:var(--muted)}

@media(max-width:800px){.navlinks{display:none}.menu{display:block;color:var(--cyan)}.hero{min-height:660px}.feature,.about{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.gallery{grid-template-rows:140px 140px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.countdown{gap:6px}.time{min-width:0;flex:1;padding:10px}.time strong{font-size:22px}.hero-content{padding-top:130px}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:130px 130px 130px}.gallery img:first-child{grid-row:auto;grid-column:span 2}}

.archive-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.archive-list article{background:var(--panel);border:1px solid var(--line);padding:20px}.archive-list h3{margin:8px 0}.archive-list p{color:var(--muted);font-size:13px;line-height:1.6}.archive-awards{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.archive-award{border:1px solid var(--line);background:#0b111b;padding:10px 13px;font-size:12px}.archive-award b{color:var(--cyan);display:block;margin-bottom:3px}@media(max-width:800px){.archive-list{grid-template-columns:1fr 1fr}}@media(max-width:520px){.archive-list{grid-template-columns:1fr}}


/* Podzimní článek CompiJada 2026 */
.autumn-article{background:#0b1018;padding:78px 0}
.autumn-hero{position:relative;overflow:hidden;border:1px solid #24364d;border-radius:18px;min-height:300px;background:#101a29;margin-bottom:28px}
.autumn-hero img{display:block;width:100%;height:340px;object-fit:cover;opacity:.55}
.autumn-hero-copy{position:absolute;inset:auto 0 0;padding:28px;background:linear-gradient(0deg,rgba(5,10,18,.98),rgba(5,10,18,.18))}
.autumn-hero-copy h3{font-size:clamp(23px,3vw,36px);margin:10px 0}
.autumn-hero-copy p{max-width:850px;color:#d4dce8;line-height:1.7}
.autumn-copy{max-width:900px;margin:0 auto;color:#cbd5e1;line-height:1.8}
.autumn-copy h3{color:#f3f7ff;font-size:22px;margin:30px 0 8px}
.autumn-copy p{margin:8px 0 14px}
.autumn-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:16px 0 26px}
.autumn-games div{padding:18px;border:1px solid #263b55;border-radius:12px;background:#101a29;display:flex;flex-direction:column;gap:7px}
.autumn-games b{color:#58b5ff;font-size:16px}
.autumn-games span{color:#cbd5e1;font-size:14px;line-height:1.5}
.autumn-signoff{margin:30px auto 0;max-width:900px;padding:26px;text-align:center;border:1px solid #1687ff;border-radius:16px;background:linear-gradient(135deg,#0d1a2b,#101522);display:flex;flex-direction:column;gap:8px}
.autumn-signoff span{color:#60b9ff;font-weight:700;font-size:20px}
.autumn-signoff strong{font-size:clamp(22px,3vw,32px);color:#f7fbff}
.autumn-signoff small{color:#cbd5e1}
.autumn-signoff b{font-size:19px;color:#55b6ff;letter-spacing:.08em}
@media(max-width:600px){.autumn-article{padding:48px 0}.autumn-hero img{height:400px}.autumn-hero-copy{padding:18px}.autumn-hero-copy p{font-size:14px}}

/* Členská sekce */
.cj-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.cj-roster{display:grid;gap:14px}.cj-player{padding:18px;border:1px solid #23445c;border-radius:12px;background:#101b27}.cj-player img{width:76px;height:76px;object-fit:cover;border-radius:50%}.cj-results{overflow-x:auto}.cj-results table{width:100%;border-collapse:collapse}.cj-results th,.cj-results td{padding:12px;border-bottom:1px solid #23445c;text-align:left}.cj-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.cj-gallery img{width:100%;height:160px;object-fit:cover;border-radius:10px}

/* Stránky a formuláře členské sekce */
.cj-page{min-height:70vh;padding:125px 0 80px;background:var(--bg);color:var(--text)}
.cj-page-header{margin:0 auto 28px;max-width:900px;border-bottom:1px solid var(--line);padding-bottom:18px}
.cj-page-header h1{font-size:clamp(32px,5vw,56px);line-height:1.05;margin:12px 0}
.cj-page-content{max-width:900px;margin:0 auto;color:#d4dce8;line-height:1.7}
.cj-page-content .cjm-form{max-width:620px;padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:12px}
.cj-page-content .cjm-form label{display:block;color:#eaf2fb;font-weight:650}
.cj-page-content .cjm-form input:not([type=checkbox]),.cj-page-content .cjm-form textarea,.cj-page-content .cjm-form select,.cj-page-content .cjm-login-form input[type=text],.cj-page-content .cjm-login-form input[type=password]{width:100%;padding:12px;margin-top:6px;border:1px solid #33445a;border-radius:6px;background:#080d15;color:#f4f7fb}
.cj-page-content .cjm-form button,.cj-page-content .cjm-login-form input[type=submit]{border:0;background:var(--blue);color:#06101a;padding:12px 20px;font-weight:850;cursor:pointer;border-radius:4px}
.cj-page-content .cjm-notice{padding:14px 16px;border:1px solid #2b7898;background:#0c1420;border-radius:8px;color:#d4e6f5}
@media(max-width:800px){.navlinks{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-height:76px;overflow:auto}.cj-page{padding-top:110px}}

/* CompiJada - uprava hlavni navigace */
@media (min-width: 801px) {
  .nav {
    gap: 16px;
  }
  .navlinks {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 8px;
  }
  .navlinks a {
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 12px;
    letter-spacing: .04em;
  }
}
.hero h1 span{display:inline !important;}

/* Videogalerie - ročníky */
.video-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 22px;
}

.video-tab {
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.video-tab.active {
  background: var(--blue);
  color: #06101a;
  border-color: var(--blue);
}

.video-year-panel {
  display: none;
}

.video-year-panel.active {
  display: block;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.video-card {
  min-width: 0;
  overflow: hidden;
  background: var(--panel);
  border: 1px solid var(--line);
}

.video-card iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}

@media (max-width: 800px) {
  .video-grid {
    grid-template-columns: 1fr;
  }
}

/* Stránkování ročníků CS2 */
.archive-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 28px 0 10px;
  width: 100%;
}

.archive-page-btn {
  appearance: none;
  border: 1px solid #2a4054;
  background: #101722;
  color: #d6deea;
  padding: 9px 15px;
  min-width: 42px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all .2s ease;
}

.archive-page-btn:hover:not(:disabled) {
  border-color: #20b7ff;
  color: #20b7ff;
  background: #0c1420;
}

.archive-page-btn.active {
  background: #20b7ff;
  border-color: #20b7ff;
  color: #071018;
}

.archive-page-btn:disabled {
  opacity: .35;
  cursor: default;
}

@media (max-width: 520px) {
  .archive-pagination {
    gap: 5px;
    flex-wrap: wrap;
  }

  .archive-page-btn {
    padding: 8px 11px;
    min-width: 38px;
  }
}


/* Přilepené horní menu */
.topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.menu-board{
  width:min(1160px,92%);
  margin:16px auto;
  box-sizing:border-box;
}