/* =====================================================================
   TunelClub – NEONOVÝ VZHLED (náhled 9.11.2026, testovací kopie)
   Platí jen pro body.tc-neon (veřejná a komunitní část; administrace má svůj vzhled).
   Styl = Kamilovy plakáty: cihlový tunel, růžový/modrý neon, chromová kurzíva.
   ===================================================================== */
@font-face{font-family:'NeonMont';font-style:italic;font-weight:800;font-display:swap;src:url(../program/mont-it-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'NeonMont';font-style:italic;font-weight:800;font-display:swap;src:url(../program/mont-it-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'NeonScript';font-style:normal;font-weight:600;font-display:swap;src:url(../program/script-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'NeonScript';font-style:normal;font-weight:600;font-display:swap;src:url(../program/script-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.tc-neon{
  --n-pink:#ff2fa8; --n-pink2:#ff7cc8; --n-blue:#3b82ff; --n-cyan:#2ee6ff; --n-gold:#ffc83d; --n-red:#ff2a4f;
  --n-bg:#07040b; --n-panel:rgba(14,6,20,.78); --n-line:rgba(255,47,168,.38); --n-text:#ececf3; --n-muted:#b9b4c8;
  --tc-body-bg:var(--n-bg); --tc-text-color:var(--n-text); --tc-heading-color:#fff; --tc-link-color:var(--n-pink2);
  --tc-header-bg:rgba(10,4,14,.86); --tc-footer-bg:#050308; --tc-border-color:rgba(255,47,168,.3);
  --tc-accent:var(--n-pink); --tc-accent-hover:#ff5cbd; --tc-nav-link-color:#f1eef8; --tc-nav-hover-color:#fff;
  --tc-input-bg:rgba(8,3,12,.85); --tc-input-color:#f3f3f8; --tc-input-border:rgba(255,47,168,.45);
  color:var(--n-text);
  background:linear-gradient(180deg,rgba(7,4,11,.80),rgba(7,4,11,.93) 55%,rgba(7,4,11,.97)),url(tunel-bg.webp) center top/cover fixed var(--n-bg) !important;
}
@media (max-width:900px){ body.tc-neon{background:linear-gradient(180deg,rgba(7,4,11,.82),rgba(7,4,11,.95)),url(tunel-bg-mobil.webp) center top/cover scroll var(--n-bg) !important;} }

/* --- testovací pruh --- */
.tc-test-ribbon{position:sticky;top:0;z-index:1000;background:repeating-linear-gradient(-45deg,#ffc83d 0 14px,#1a1206 14px 28px);color:#000;text-align:center;font:800 13px/1 system-ui,sans-serif;letter-spacing:.06em;padding:0}
.tc-test-ribbon span{display:inline-block;background:#ffc83d;padding:6px 14px;border-radius:0 0 10px 10px;box-shadow:0 2px 10px rgba(0,0,0,.5)}

/* --- hlavička a menu --- */
body.tc-neon .site-header{background:var(--tc-header-bg) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--n-pink);
  box-shadow:0 0 14px rgba(255,47,168,.55),0 8px 30px rgba(0,0,0,.5)}
body.tc-neon .site-logo{filter:drop-shadow(0 0 10px rgba(255,47,168,.55)) drop-shadow(0 0 3px rgba(255,200,61,.5))}
body.tc-neon .main-nav a{color:var(--tc-menu-item-color,#f1eef8) !important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;
  border:1px solid transparent;border-radius:999px;padding:5px 11px;transition:all .18s ease;text-shadow:0 0 1px rgba(0,0,0,.6)}
body.tc-neon .main-nav a[style*="--tc-menu-item-color"]{color:#ff4d6d !important;text-shadow:0 0 8px rgba(255,42,79,.65)}
body.tc-neon .main-nav a:hover,body.tc-neon .main-nav a.active,body.tc-neon .main-nav a[aria-current]{color:#fff !important;border-color:var(--n-pink);background:rgba(255,47,168,.16);
  box-shadow:0 0 10px rgba(255,47,168,.6),inset 0 0 8px rgba(255,47,168,.25);text-shadow:0 0 8px rgba(255,47,168,.9)}
body.tc-neon .nav-toggle{background:rgba(255,47,168,.15);border:1px solid var(--n-pink);color:#fff;border-radius:999px;box-shadow:0 0 10px rgba(255,47,168,.5)}
body.tc-neon .lang-current{border-color:var(--n-line);color:var(--n-pink2)}
body.tc-neon .lang-dropdown{background:#120818;border-color:var(--n-line);box-shadow:0 0 18px rgba(255,47,168,.35)}

/* --- obsah --- */
body.tc-neon .site-main > .container{background:var(--n-panel);border:1px solid var(--n-line);border-radius:20px;padding:22px 24px 26px;margin-top:18px;margin-bottom:26px;
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 24px rgba(255,47,168,.18),0 20px 60px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.tc-neon.tc-neon-home .site-main > .container{background:transparent;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
body.tc-neon h1,body.tc-neon h2{font-family:'NeonMont',system-ui,sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.1;
  background:linear-gradient(180deg,#fff 0%,#f2f2f7 32%,#a6aab5 54%,#ececf2 70%,#8a8e99 100%);-webkit-background-clip:text;background-clip:text;color:transparent !important;
  filter:drop-shadow(0 0 8px rgba(255,47,168,.55));margin:.2em 0 .6em}
body.tc-neon h1{font-size:clamp(1.8rem,4.4vw,2.8rem)} body.tc-neon h2{font-size:clamp(1.5rem,3.6vw,2.2rem)}
body.tc-neon h3,body.tc-neon h4{color:#fff;font-weight:800;letter-spacing:.02em;text-shadow:0 0 8px rgba(255,47,168,.45)}
body.tc-neon a{color:var(--n-pink2)} body.tc-neon a:hover{color:#fff;text-shadow:0 0 8px rgba(255,47,168,.8)}
body.tc-neon hr{border:0;height:2px;background:linear-gradient(90deg,transparent,var(--n-pink),transparent);box-shadow:0 0 8px var(--n-pink)}
body.tc-neon ul li::marker{color:var(--n-pink)}

/* tlačítka a formuláře */
body.tc-neon button,body.tc-neon .button,body.tc-neon .btn,body.tc-neon input[type=submit]{background:linear-gradient(180deg,#ff4fb8,#d81b84) !important;color:#fff !important;border:1px solid #ff8ad0 !important;
  border-radius:999px !important;font-weight:800;letter-spacing:.03em;box-shadow:0 0 10px rgba(255,47,168,.55);transition:transform .15s,box-shadow .15s}
body.tc-neon button:hover,body.tc-neon .button:hover,body.tc-neon .btn:hover,body.tc-neon input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 0 18px rgba(255,47,168,.85)}
body.tc-neon button.btn-secondary,body.tc-neon .lang-current,body.tc-neon .nav-toggle,body.tc-neon .tcLightboxClose{background:rgba(255,47,168,.12) !important}
body.tc-neon input[type=text],body.tc-neon input[type=email],body.tc-neon input[type=password],body.tc-neon input[type=number],body.tc-neon input[type=search],body.tc-neon input[type=date],body.tc-neon input[type=time],body.tc-neon select,body.tc-neon textarea{
  background:var(--tc-input-bg) !important;color:var(--tc-input-color) !important;border:1px solid var(--tc-input-border) !important;border-radius:12px !important}
body.tc-neon input:focus,body.tc-neon select:focus,body.tc-neon textarea:focus{outline:none;border-color:var(--n-pink) !important;box-shadow:0 0 0 3px rgba(255,47,168,.25),0 0 12px rgba(255,47,168,.45)}

/* oznámení */
body.tc-neon .tc-site-notice{background:rgba(255,200,61,.10) !important;color:#ffe7a3 !important;border:2px solid var(--n-gold) !important;border-radius:16px !important;
  box-shadow:0 0 12px rgba(255,200,61,.55),inset 0 0 12px rgba(255,200,61,.15);font-weight:700 !important;font-size:1rem !important}
body.tc-neon .index-opening-info{background:rgba(46,230,255,.08) !important;color:#dffaff !important;border:2px solid var(--n-cyan) !important;border-radius:999px !important;
  text-align:center;font-weight:700;padding:10px 18px !important;box-shadow:0 0 12px rgba(46,230,255,.45)}
body.tc-neon .alert{border-radius:14px;border:1px solid var(--n-line);background:rgba(14,6,20,.8)}
body.tc-neon .alert-success{border-color:#2ee68a;box-shadow:0 0 10px rgba(46,230,138,.35)}
body.tc-neon .alert-error{border-color:var(--n-red);box-shadow:0 0 10px rgba(255,42,79,.4)}

/* kalendář akcí a tabulky */
body.tc-neon .calendar{border-collapse:separate;border-spacing:4px;background:transparent}
body.tc-neon .calendar th{background:rgba(255,47,168,.18);color:#fff;border-radius:10px;border:1px solid var(--n-line);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
body.tc-neon .calendar td{background:rgba(10,4,14,.72);border:1px solid rgba(255,255,255,.07) !important;border-radius:10px}
body.tc-neon .calendar td.empty{background:transparent;border-color:transparent !important}
body.tc-neon .calendar .today{border:2px solid var(--n-cyan) !important;box-shadow:0 0 12px rgba(46,230,255,.5)}
body.tc-neon .calendar-nav a{border:1px solid var(--n-line);border-radius:999px;padding:4px 12px;background:rgba(0,0,0,.35)}
body.tc-neon .event-legend{background:rgba(10,4,14,.6);border:1px solid var(--n-line);border-radius:16px;padding:12px 16px}
body.tc-neon table{border-color:rgba(255,255,255,.1)}

/* komunita – jen akcenty, obsah zůstává klidný a čitelný */
body.tc-neon .forum-card,body.tc-neon .forum-post,body.tc-neon .friends-list .friend-item{background:rgba(12,6,18,.82) !important;border:1px solid rgba(255,47,168,.28) !important;border-radius:14px !important}
body.tc-neon .forum-card:hover{border-color:var(--n-pink) !important;box-shadow:0 0 14px rgba(255,47,168,.4)}
body.tc-neon .nav-badge{background:var(--n-pink);box-shadow:0 0 8px var(--n-pink)}

/* patička */
body.tc-neon .site-footer{background:#050308 !important;border-top:2px solid var(--n-pink);box-shadow:0 -6px 22px rgba(255,47,168,.35);color:var(--n-muted)}
body.tc-neon .site-footer::before{content:"Noc začíná tady";display:block;text-align:center;font-family:'NeonScript',cursive;font-size:2rem;color:#fff;
  text-shadow:0 0 10px rgba(255,47,168,.8);padding:14px 0 2px}

/* =================== HLAVNÍ STRÁNKA =================== */
.nh-hero{position:relative;border-radius:24px;overflow:hidden;margin:6px 0 22px;padding:34px 20px 30px;text-align:center;
  background:linear-gradient(180deg,rgba(7,4,11,.15),rgba(7,4,11,.55) 70%,rgba(7,4,11,.92)),url(tunel-bg.webp) center 40%/cover;
  border:2px solid var(--n-pink);box-shadow:0 0 18px rgba(255,47,168,.6),0 0 60px rgba(59,130,255,.18),inset 0 0 30px rgba(0,0,0,.6)}
.nh-script{font-family:'NeonScript',cursive;font-size:clamp(2rem,5vw,3rem);color:#fff;line-height:1;text-shadow:0 0 12px rgba(255,255,255,.4)}
.nh-word{display:block;width:min(620px,94%);margin:10px auto 6px;-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at center,#000 58%,transparent 100%)}
.nh-tag{font-family:'NeonMont',sans-serif;font-style:italic;font-weight:800;font-size:clamp(1.05rem,2.6vw,1.45rem);text-transform:uppercase;color:#fff;letter-spacing:.02em;
  text-shadow:0 0 10px rgba(255,47,168,.9)}
.nh-status{display:inline-block;margin:16px auto 4px;padding:8px 18px;border-radius:999px;font-weight:800;border:2px solid var(--n-cyan);color:#e9fdff;background:rgba(0,0,0,.55);
  box-shadow:0 0 12px rgba(46,230,255,.6);animation:nhPulse 2.6s ease-in-out infinite}
.nh-status.open{border-color:#2ee68a;box-shadow:0 0 14px rgba(46,230,138,.7)}
@keyframes nhPulse{50%{box-shadow:0 0 22px rgba(46,230,255,.9)}}
.nh-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
.nh-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;font-family:'NeonMont',sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;
  text-decoration:none !important;color:#fff !important;letter-spacing:.02em;transition:transform .15s,box-shadow .15s}
.nh-btn.main{background:linear-gradient(180deg,#ff4fb8,#d81b84);box-shadow:0 0 14px rgba(255,47,168,.75)}
.nh-btn.ghost{border:2px solid var(--n-cyan);background:rgba(0,0,0,.45);box-shadow:0 0 10px rgba(46,230,255,.45)}
.nh-btn:hover{transform:translateY(-2px) scale(1.03);text-shadow:none !important}
.nh-section{margin:26px 0}
.nh-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.nh-h h2{margin:0 !important}
.nh-h a{font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem}
.nh-next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.nh-ev{position:relative;border-radius:18px;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;text-align:center;text-decoration:none !important;
  border:2px solid var(--k,var(--n-pink));box-shadow:0 0 12px color-mix(in srgb,var(--k,#ff2fa8) 70%,transparent);color:#fff !important;transition:transform .2s,box-shadow .2s}
.nh-ev:hover{transform:translateY(-4px);box-shadow:0 0 24px var(--k,#ff2fa8);text-shadow:none !important}
.nh-ev .bg{position:absolute;inset:0;background-size:cover;background-position:center 28%;transition:transform .5s}
.nh-ev:hover .bg{transform:scale(1.05)}
.nh-ev .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,2,10,.75),rgba(0,0,0,0) 26%,rgba(0,0,0,0) 48%,rgba(8,2,10,.94))}
.nh-ev>*:not(.bg):not(.sh){position:relative}
.nh-ev .d{align-self:center;border:2px solid var(--k,#ff2fa8);border-radius:999px;padding:4px 14px 2px;background:rgba(0,0,0,.6);font-family:'NeonMont',sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;font-size:1rem;box-shadow:0 0 8px var(--k,#ff2fa8)}
.nh-ev .n{font-family:'NeonMont',sans-serif;font-style:italic;font-weight:800;text-transform:uppercase;font-size:1.45rem;line-height:1.05;text-shadow:0 0 10px var(--k,#ff2fa8)}
.nh-ev .t{font-weight:800;font-size:1.1rem;margin-top:4px}
.nh-about{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}
.nh-box{background:rgba(12,6,18,.82);border:1px solid var(--n-line);border-radius:18px;padding:16px 18px;box-shadow:0 0 16px rgba(255,47,168,.15)}
.nh-box h3{margin:0 0 10px;font-family:'NeonMont',sans-serif;font-style:italic;text-transform:uppercase}
.nh-list{list-style:none;margin:0;padding:0}
.nh-list li{position:relative;padding:7px 0 7px 26px;border-bottom:1px solid rgba(255,255,255,.06)}
.nh-list li:last-child{border-bottom:0}
.nh-list li::before{content:"";position:absolute;left:4px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--n-pink);box-shadow:0 0 8px var(--n-pink)}
.nh-list li.hi{font-weight:800;color:#fff}
.nh-box p{margin:0 0 10px;line-height:1.55}
.nh-poll{text-align:center}
@media (max-width:900px){.nh-next{grid-template-columns:1fr 1fr}.nh-about{grid-template-columns:1fr}}
@media (max-width:560px){.nh-next{grid-template-columns:1fr}.nh-hero{padding:24px 12px 22px;border-radius:18px}body.tc-neon .site-main > .container{padding:16px 12px 18px;border-radius:14px}}
@media (prefers-reduced-motion:reduce){.nh-status{animation:none}}

/* promo pruh z administrace (inline styl) a banner aplikace */
body.tc-neon .promo-banner{background:rgba(255,200,61,.10) !important;color:#ffe7a3 !important;border:2px solid #ffc83d !important;border-radius:16px !important;
  box-shadow:0 0 12px rgba(255,200,61,.55),inset 0 0 12px rgba(255,200,61,.15) !important;font-weight:700 !important}
body.tc-neon #apkBanner{background:linear-gradient(90deg,rgba(40,8,40,.96),rgba(18,6,30,.96)) !important;border-bottom:1px solid rgba(255,47,168,.5);box-shadow:0 0 14px rgba(255,47,168,.35) !important}
body.tc-neon .site-logo{border-radius:50%;-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at center,#000 62%,transparent 100%)}
body.tc-neon .page-content{font-size:16px;line-height:1.65}
body.tc-neon .page-content li{margin:3px 0}
body.tc-neon .calendar .event-label{border-radius:8px;box-shadow:0 0 6px rgba(0,0,0,.6)}