/* =====================================================================
   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)}

/* =================== KOMUNITA: klidnější neon (chat, zprávy, fórum, profily, přátelé) =================== */
body.tc-neon-comm{--tc-link-color:#e8e5f0}
body.tc-neon-comm a{color:#e8e5f0}
body.tc-neon-comm a:hover{color:#ff7cc8;text-shadow:none}
body.tc-neon-comm .main-nav a{color:var(--tc-menu-item-color,#f1eef8) !important}
body.tc-neon-comm .site-main > .container{border-color:rgba(255,255,255,.09);box-shadow:0 20px 60px rgba(0,0,0,.55)}
body.tc-neon-comm h1,body.tc-neon-comm h2{filter:drop-shadow(0 0 4px rgba(255,47,168,.3))}
body.tc-neon-comm h3,body.tc-neon-comm h4{text-shadow:none}
/* tlačítka: tmavá, jemný okraj; růžová jen hlavní odeslání */
body.tc-neon-comm button,body.tc-neon-comm .button,body.tc-neon-comm .btn,body.tc-neon-comm input[type=submit]{
  background:#1b1524 !important;color:#f1eef8 !important;border:1px solid rgba(255,255,255,.18) !important;box-shadow:none !important;font-weight:700}
body.tc-neon-comm button:hover,body.tc-neon-comm .button:hover,body.tc-neon-comm .btn:hover,body.tc-neon-comm input[type=submit]:hover{
  border-color:rgba(255,47,168,.7) !important;background:#241a30 !important;box-shadow:0 0 8px rgba(255,47,168,.35) !important;transform:none}
/* růžové je jen „Odeslat“ – v chatu a ve formulářích s textem zprávy (odpověď, nová zpráva, příspěvek ve fóru) */
body.tc-neon-comm #chatSend,body.tc-neon-comm form:has(textarea) button[type=submit],body.tc-neon-comm form:has(textarea) input[type=submit]{
  background:linear-gradient(180deg,#e0408f,#b3196b) !important;border-color:#ff7cc8 !important;color:#fff !important}
body.tc-neon-comm button.btn-danger{background:#2a1218 !important;border-color:rgba(255,80,100,.55) !important;color:#ffb3bf !important}
/* drobná tlačítka (reakce „+“, emoji) nenápadně */
body.tc-neon-comm .chat-msg button,body.tc-neon-comm [class*=react] button,body.tc-neon-comm button[class*=react],body.tc-neon-comm .emoji-btn{
  background:transparent !important;border-color:rgba(255,255,255,.14) !important;color:#b9b4c8 !important;min-width:0}
body.tc-neon-comm input[type=text],body.tc-neon-comm input[type=email],body.tc-neon-comm input[type=password],body.tc-neon-comm input[type=search],body.tc-neon-comm select,body.tc-neon-comm textarea{
  border-color:rgba(255,255,255,.18) !important}
body.tc-neon-comm table th{background:rgba(255,255,255,.05);color:#fff}
body.tc-neon-comm table td,body.tc-neon-comm table th{border-color:rgba(255,255,255,.08) !important}
body.tc-neon-comm .forum-card,body.tc-neon-comm .forum-post,body.tc-neon-comm .friends-list .friend-item{border-color:rgba(255,255,255,.1) !important}
body.tc-neon-comm .forum-card:hover{border-color:rgba(255,47,168,.55) !important;box-shadow:0 0 10px rgba(255,47,168,.25)}
body.tc-neon-comm ul li::marker{color:#b9b4c8}

body.tc-neon-comm table a{color:#e8e5f0 !important}
body.tc-neon-comm table a:hover{color:#ff7cc8 !important}
body.tc-neon-comm .conv-bubble.mine{background:#2c1830 !important;color:#f4eef6 !important;border:1px solid rgba(255,47,168,.45) !important}
body.tc-neon-comm .conv-bubble.theirs{background:#1b1722 !important;border:1px solid rgba(255,255,255,.1) !important}

/* =================== OTEVÍRACÍ DOBA – plakát =================== */
.oh-poster{max-width:760px;margin:0 auto;padding:22px 18px 18px;border-radius:22px;text-align:left;
  background:linear-gradient(180deg,rgba(7,4,11,.35),rgba(7,4,11,.80) 40%,rgba(7,4,11,.92)),url(tunel-bg.webp) center top/cover;
  border:2px solid var(--n-pink);box-shadow:0 0 18px rgba(255,47,168,.55),0 0 50px rgba(59,130,255,.15)}
.oh-script{font-family:'NeonScript',cursive;text-align:center;font-size:clamp(1.8rem,4.5vw,2.6rem);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}
.oh-word{display:block;width:min(520px,92%);margin:6px auto 14px;-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%)}
.oh-pill{border:3px solid var(--n-pink);border-radius:26px;padding:8px 14px 6px;text-align:center;background:rgba(10,4,14,.75);margin-bottom:14px;
  box-shadow:0 0 10px var(--n-pink),0 0 26px rgba(255,47,168,.5),inset 0 0 14px rgba(255,47,168,.3)}
body.tc-neon .oh-pill h1{margin:0;font-size:clamp(2rem,6.4vw,3.4rem)}
.oh-days{display:flex;flex-direction:column;gap:10px}
.oh-day{border:2px solid var(--n-pink);border-radius:14px;padding:8px 16px 10px;background:linear-gradient(90deg,rgba(8,3,12,.9),rgba(8,3,12,.6));
  box-shadow:0 0 8px rgba(255,47,168,.65),inset 0 0 10px rgba(255,47,168,.16)}
body.tc-neon .oh-day h3{margin:0 0 2px;font-family:'NeonMont',sans-serif;font-style:italic;font-weight:800;font-size:clamp(1.45rem,3.6vw,2.1rem);line-height:1.05;text-shadow:none;
  background:linear-gradient(180deg,#fff 0%,#f2f2f7 32%,#a6aab5 54%,#ececf2 70%,#8a8e99 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.oh-note{font-size:1.1rem;color:#e6e6ee}
.oh-open{display:flex;align-items:center;gap:12px;font-family:'NeonMont',sans-serif;font-weight:800;font-size:clamp(1.35rem,3.4vw,1.9rem);color:#fff;margin:2px 0 6px 4px}
.oh-clock{width:1em;height:1em;flex:0 0 auto;border:3px solid #fff;border-radius:50%;position:relative}
.oh-clock:before{content:"";position:absolute;left:44%;top:14%;width:3px;height:40%;background:#fff;border-radius:2px}
.oh-clock:after{content:"";position:absolute;left:44%;top:50%;width:34%;height:3px;background:#fff;border-radius:2px}
.oh-band{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-left:4px;padding:5px 22px 4px 14px;border-radius:10px;transform:skewX(-12deg);text-decoration:none !important;color:#fff !important;
  background:linear-gradient(90deg,rgba(255,47,168,.95),rgba(190,20,110,.85) 70%,rgba(255,47,168,.55));box-shadow:0 0 10px rgba(255,47,168,.7);max-width:calc(100% - 8px)}
.oh-band>*{transform:skewX(12deg)}
.oh-band .ppl{font-size:1.1rem}
.oh-band .t{font-family:'NeonMont',sans-serif;font-weight:800;font-size:clamp(1.05rem,2.7vw,1.45rem);white-space:nowrap}
.oh-band .n{font-family:'NeonMont',sans-serif;font-style:italic;font-weight:800;font-size:clamp(1.1rem,2.9vw,1.6rem)}
.oh-band.soft{background:linear-gradient(90deg,rgba(80,10,60,.92),rgba(60,8,46,.7));border:1px solid rgba(255,47,168,.7);box-shadow:0 0 8px rgba(255,47,168,.5)}
.oh-band.soft .n{font-size:clamp(.95rem,2.5vw,1.25rem)}
.oh-band.soft:hover{box-shadow:0 0 16px rgba(255,47,168,.9)}
.oh-only .oh-note{font-style:normal}
.oh-closed{opacity:.6}
.oh-oval{display:block;width:240px;max-width:62%;margin:18px auto 0;-webkit-mask-image:radial-gradient(ellipse 50% 50% at center,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at center,#000 60%,transparent 100%)}
body.tc-neon .opening-legend-notes{max-width:760px;margin:14px auto 0}
@media (max-width:560px){.oh-poster{padding:16px 10px 14px}.oh-day{padding:8px 10px 10px}}
@media (max-width:560px){.oh-band .ppl{display:none}.oh-band{padding:5px 14px 4px 10px}}

/* =================== VYVÁŽENÍ BAREV (Honza 9.11.: „na celém webu je až moc růžovo“) ===================
   Růžová = jen akcent (hlavní tlačítka, plakáty akcí). Rámečky, odkazy, menu, nadpisy = stříbrná a modrá jako na plakátech. */
body.tc-neon{--n-line:rgba(255,255,255,.12);--tc-link-color:#9fdcff;--tc-border-color:rgba(255,255,255,.12);--tc-input-border:rgba(255,255,255,.2)}
body.tc-neon a{color:#9fdcff} body.tc-neon a:hover{color:#fff;text-shadow:0 0 8px rgba(59,130,255,.8)}
body.tc-neon-comm a{color:#e8e5f0}
body.tc-neon .site-header{border-bottom:0;box-shadow:0 8px 30px rgba(0,0,0,.5)}
body.tc-neon .site-header::after{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,#3b82ff 20%,#ff2fa8 50%,#3b82ff 80%,transparent);box-shadow:0 0 10px rgba(59,130,255,.6)}
body.tc-neon .main-nav a:hover,body.tc-neon .main-nav a.active,body.tc-neon .main-nav a[aria-current]{border-color:#3b82ff;background:rgba(59,130,255,.14);box-shadow:0 0 10px rgba(59,130,255,.5);text-shadow:0 0 8px rgba(59,130,255,.9)}
body.tc-neon .nav-toggle,body.tc-neon .lang-current{border-color:rgba(255,255,255,.25) !important;background:rgba(255,255,255,.06) !important;box-shadow:none;color:#fff}
body.tc-neon .site-main > .container{border-color:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.02),0 20px 60px rgba(0,0,0,.55)}
body.tc-neon h1,body.tc-neon h2{filter:drop-shadow(0 0 7px rgba(59,130,255,.45))}
body.tc-neon h3,body.tc-neon h4{text-shadow:none}
body.tc-neon hr{background:linear-gradient(90deg,transparent,#3b82ff,transparent);box-shadow:0 0 8px #3b82ff}
body.tc-neon ul li::marker{color:#9fdcff}
/* obecná tlačítka neutrálně, růžové jen hlavní akce */
body.tc-neon button,body.tc-neon .button,body.tc-neon .btn,body.tc-neon input[type=submit]{background:#1b1524 !important;color:#f1eef8 !important;border:1px solid rgba(255,255,255,.2) !important;box-shadow:none !important}
body.tc-neon button:hover,body.tc-neon .button:hover,body.tc-neon .btn:hover,body.tc-neon input[type=submit]:hover{background:#221b30 !important;border-color:#3b82ff !important;box-shadow:0 0 10px rgba(59,130,255,.45) !important;transform:none}
body.tc-neon #chatSend,body.tc-neon form:has(textarea) button[type=submit],body.tc-neon form:has(textarea) input[type=submit],
body.tc-neon form[action*=login] button[type=submit],body.tc-neon form[action*=register] button[type=submit]{background:linear-gradient(180deg,#e0408f,#b3196b) !important;border-color:#ff7cc8 !important;color:#fff !important}
body.tc-neon input:focus,body.tc-neon select:focus,body.tc-neon textarea:focus{border-color:#3b82ff !important;box-shadow:0 0 0 3px rgba(59,130,255,.22),0 0 10px rgba(59,130,255,.4)}
/* kalendář akcí */
body.tc-neon .calendar th{background:rgba(59,130,255,.14);border-color:rgba(59,130,255,.35)}
body.tc-neon .calendar-nav a,body.tc-neon .event-legend{border-color:rgba(255,255,255,.14)}
/* hlavní stránka */
.nh-hero{border-color:rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(255,255,255,.03),0 0 40px rgba(59,130,255,.18),0 0 30px rgba(255,47,168,.12),inset 0 0 30px rgba(0,0,0,.6)}
.nh-btn.ghost{border-color:#3b82ff;box-shadow:0 0 10px rgba(59,130,255,.45)}
.nh-box{border-color:rgba(255,255,255,.1);box-shadow:none}
.nh-list li::before{background:#3b82ff;box-shadow:0 0 8px #3b82ff}
.nh-h a{color:#9fdcff}
/* patička */
body.tc-neon .site-footer{border-top:0;box-shadow:none}
body.tc-neon .site-footer::before{text-shadow:0 0 10px rgba(59,130,255,.8)}
body.tc-neon .site-footer{background:linear-gradient(180deg,rgba(59,130,255,.10),#050308 40%) !important}
/* otevírací doba – plakát: rámečky dnů jemněji (pruhy akcí zůstávají růžové jako u Kamila) */
.oh-poster{border-color:rgba(255,255,255,.14);box-shadow:0 0 40px rgba(59,130,255,.18),0 0 26px rgba(255,47,168,.15)}
.oh-day{border-color:rgba(59,130,255,.55);box-shadow:0 0 8px rgba(59,130,255,.35),inset 0 0 10px rgba(59,130,255,.10)}
.oh-pill{border-color:#3b82ff;box-shadow:0 0 10px #3b82ff,0 0 24px rgba(59,130,255,.45),inset 0 0 14px rgba(59,130,255,.25)}
.oh-bands{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.oh-band.plain{background:linear-gradient(90deg,rgba(20,90,110,.9),rgba(10,50,70,.75));border:1px solid rgba(46,230,255,.7);box-shadow:0 0 8px rgba(46,230,255,.45)}

/* =================== LADĚNÍ 10.11.2026 (Honza: „dolaď ji pečlivě“) =================== */
/* patička – věta v jazyce stránky */
html[lang=en] body.tc-neon .site-footer::before{content:"The night starts here"}
html[lang=pl] body.tc-neon .site-footer::before{content:"Noc zaczyna się tutaj"}
html[lang=de] body.tc-neon .site-footer::before{content:"Die Nacht beginnt hier"}

/* hlavička na mobilu: logo, jazyk a menu v jednom řádku */
@media (max-width:768px){
  body.tc-neon .header-inner{padding:8px 12px;align-items:center}
  body.tc-neon .site-logo{height:52px !important;width:auto}
  body.tc-neon .logo-title{flex:0 0 auto}
  body.tc-neon .header-right{margin-left:auto}
  body.tc-neon .main-nav{margin-top:8px;border-radius:14px;border:1px solid rgba(255,255,255,.1)}
  body.tc-neon .main-nav a{margin:0;border-radius:0 !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.07) !important;font-size:14px}
  body.tc-neon .main-nav a:last-child{border-bottom:0 !important}
}
/* menu na počítači: Přihlásit / Registrace jako tlačítka, ať se nelámou mezi odkazy */
@media (min-width:769px){
  body.tc-neon .main-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px 2px}
  body.tc-neon .main-nav a{margin-left:0;padding:5px 9px;letter-spacing:.04em}
  body.tc-neon .main-nav a[href$="login.php"]{border-color:rgba(255,255,255,.3) !important;margin-left:8px}
  body.tc-neon .main-nav a[href$="register.php"]{background:linear-gradient(180deg,#e0408f,#b3196b);border-color:#ff7cc8 !important;color:#fff !important;box-shadow:0 0 10px rgba(255,47,168,.45)}
}

/* oznámení: na mobilu menší, ať nezaberou půl obrazovky */
@media (max-width:560px){
  body.tc-neon .tc-site-notice,body.tc-neon .promo-banner{font-size:.88rem !important;line-height:1.35 !important;padding:8px 12px !important;margin:8px 0 !important}
  body.tc-neon .index-opening-info{font-size:.86rem !important;line-height:1.35 !important;padding:8px 14px !important;border-radius:16px !important;margin:8px 0 12px !important}
  body.tc-neon .site-main > .container{margin-top:10px}
}

/* obsah stránek z administrace: odrážky uvnitř obsahu (i když chybí <ul>) */
body.tc-neon .page-content ul,body.tc-neon .page-content ol{padding-left:0;margin-left:0}
body.tc-neon .page-content li{margin-left:1.3em;padding-left:.15em}
body.tc-neon .page-content iframe{max-width:100%;border-radius:14px;margin:10px 0}

/* hlavní tlačítka přihlášení / registrace / obnovy hesla růžově */
body.tc-page-login .form button[type=submit],body.tc-page-register .form button[type=submit],body.tc-page-forgot_password .form button[type=submit],
body.tc-page-reset_password .form button[type=submit],body.tc-page-resend_verification .form button[type=submit],body.tc-page-verify_email .form button[type=submit],
body.tc-page-login .form input[type=submit],body.tc-page-register .form input[type=submit]{
  background:linear-gradient(180deg,#e0408f,#b3196b) !important;border-color:#ff7cc8 !important;color:#fff !important;box-shadow:0 0 12px rgba(255,47,168,.45) !important}

/* kalendář akcí: barva akce zůstane poznat, ale text je čitelný (tmavý závoj + bílé písmo) */
body.tc-neon .calendar .event-label{background-image:linear-gradient(rgba(12,4,16,.58),rgba(12,4,16,.58));color:#fff !important;border:1px solid rgba(255,255,255,.16);
  text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:600}
body.tc-neon .calendar .event-label .event-time{font-weight:800}
body.tc-neon .calendar .day-number .dow{display:none}
/* na mobilu kalendář jako seznam dní (žádné posouvání do strany) */
@media (max-width:560px){
  body.tc-neon .calendar-wrap{overflow:visible}
  body.tc-neon .calendar,body.tc-neon .calendar tbody,body.tc-neon .calendar tr{display:block;min-width:0 !important;width:100%}
  body.tc-neon .calendar thead{display:none}
  body.tc-neon .calendar td{display:block;position:relative;min-height:46px;height:auto !important;padding:8px 10px 4px 112px !important;margin:0 0 6px;border-radius:12px}
  body.tc-neon .calendar td.empty,body.tc-neon .calendar td.past-day{display:none}
  body.tc-neon .calendar td:not(:has(.event-label)){min-height:0;padding:6px 10px 6px 112px !important;opacity:.55}
  body.tc-neon .calendar td:not(:has(.event-label)) .day-number{position:static;flex-direction:row !important;gap:6px;margin-left:-102px}
  body.tc-neon .calendar .day-number{position:absolute;left:10px;top:8px;width:92px;flex-direction:column !important;align-items:flex-start !important;font-size:13px !important;line-height:1.2;color:#cfd3e0}
  body.tc-neon .calendar .day-number .dow{display:block;font-weight:800;color:#fff;font-size:14px}
  body.tc-neon .calendar td .event-label{margin:0 0 4px !important;padding:6px 10px !important;font-size:14px !important}
  body.tc-neon .calendar .event-label .event-time,body.tc-neon .calendar .event-label .event-name{display:inline}
  body.tc-neon .calendar .event-label .event-time:after{content:" · "}
  body.tc-neon .calendar td.today{box-shadow:0 0 10px rgba(46,230,255,.45)}
}

/* zprávy (doručené/odeslané) na mobilu jako karty místo široké tabulky */
@media (max-width:560px){
  body.tc-page-messages_inbox table.table thead,body.tc-page-messages_sent table.table thead{display:none}
  body.tc-page-messages_inbox table.table,body.tc-page-messages_sent table.table,
  body.tc-page-messages_inbox table.table tbody,body.tc-page-messages_sent table.table tbody{display:block;width:100%}
  body.tc-page-messages_inbox table.table tr,body.tc-page-messages_sent table.table tr{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"cb od dt" "cb sub st" "cb act act";
    column-gap:6px;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.08)}
  body.tc-page-messages_inbox table.table td,body.tc-page-messages_sent table.table td{display:block;border:0 !important;padding:1px 2px !important;min-width:0}
  body.tc-page-messages_inbox table.table td:nth-child(1),body.tc-page-messages_sent table.table td:nth-child(1){grid-area:cb;padding-top:3px !important}
  body.tc-page-messages_inbox table.table td:nth-child(2),body.tc-page-messages_sent table.table td:nth-child(2){grid-area:od;font-weight:700}
  body.tc-page-messages_inbox table.table td:nth-child(3),body.tc-page-messages_sent table.table td:nth-child(3){grid-area:sub}
  body.tc-page-messages_inbox table.table td:nth-child(4),body.tc-page-messages_sent table.table td:nth-child(4){grid-area:dt;font-size:12px;color:#b9b4c8;text-align:right;white-space:nowrap}
  body.tc-page-messages_inbox table.table td:nth-child(5),body.tc-page-messages_sent table.table td:nth-child(5){grid-area:st;font-size:12px;color:#b9b4c8;text-align:right}
  body.tc-page-messages_inbox table.table td:nth-child(6),body.tc-page-messages_sent table.table td:nth-child(6){grid-area:act}
  body.tc-page-messages_inbox table.table td[colspan],body.tc-page-messages_sent table.table td[colspan]{grid-column:1/-1}
}

/* úvod: nejbližší akce jako karty v Programu (foto nahoře, datum v rohu) */
.nh-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#1a0710;text-decoration:none !important;color:#fff !important;
  border:1px solid color-mix(in srgb,var(--k,#ff2fa8) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--k,#ff2fa8) 35%,transparent);transition:transform .2s,box-shadow .2s}
.nh-card:hover{transform:translateY(-3px);box-shadow:0 0 20px color-mix(in srgb,var(--k,#ff2fa8) 60%,transparent);text-shadow:none !important}
.nh-card .img{position:relative;aspect-ratio:16/10;background-size:cover;background-position:center 28%}
.nh-card .img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,#1a0710 100%)}
.nh-card .dt{position:absolute;left:10px;top:10px;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:54px;padding:5px 8px 6px;border-radius:10px;line-height:1;
  background:rgba(10,3,8,.78);border:2px solid var(--k,#ff2fa8);box-shadow:0 0 10px var(--k,#ff2fa8);font-family:system-ui,-apple-system,sans-serif}
.nh-card .dt .dw{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--k,#ff2fa8)}
.nh-card .dt .dd{font-size:1.7rem;font-weight:900;margin:2px 0 1px}
.nh-card .dt .mo{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:#e6e6ee}
.nh-card .bd{padding:4px 14px 14px;display:flex;flex-direction:column;gap:6px;font-family:system-ui,-apple-system,sans-serif}
.nh-card .kick{font-size:.72rem;font-weight:800;letter-spacing:.1em;color:color-mix(in srgb,var(--k,#ff2fa8) 80%,#fff)}
.nh-card .n{font-family:'NeonMont',sans-serif;font-style:italic;font-weight:800;font-size:1.3rem;line-height:1.1;text-transform:uppercase;text-shadow:0 0 8px color-mix(in srgb,var(--k,#ff2fa8) 70%,transparent)}
.nh-card .n .st{color:#ffd43b;font-size:.7em;vertical-align:top;margin-left:3px}
.nh-card .t{display:inline-flex;align-items:center;align-self:flex-start;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.88rem;font-weight:700}
.nh-card .t .ic{width:.95em;height:.95em;margin-right:6px;border:2px solid #fff;border-radius:50%;position:relative}
.nh-card .t .ic:before{content:"";position:absolute;left:42%;top:14%;width:2px;height:40%;background:#fff}
@media (max-width:560px){.nh-section{margin:18px 0}.nh-h{padding:0 2px}}

/* otevírací doba: vysvětlivka „+“ */
.oh-plus{margin:14px 4px 0;text-align:center;font-size:.92rem;color:#cfd3e0;font-style:italic}
@media (max-width:560px){body.tc-neon.tc-neon-home .site-main > .container{padding:0 10px}}
/* profily: karta se do sloupce vejde i s vnitřním okrajem (na mobilu přetékala o 30 px) */
body.tc-neon .profile-card{box-sizing:border-box;min-width:0}
@media (max-width:560px){body.tc-neon .profiles-container{padding:10px 8px !important}}
body.tc-neon textarea{font-family:inherit}
