/* Brkov tiket dana v1 (29.10.). Okvir je u alati-v2.css, hero i panel u naslovna-v2.css. */
body.ziher-tiket-v2 #masthead,
body.ziher-tiket-v2 #colophon,
body.ziher-tiket-v2 .entry-header,
body.ziher-tiket-v2 #ziher-brko-fab,
body.ziher-tiket-v2 #ast-scroll-top{display:none!important}
body.ziher-tiket-v2,
body.ziher-tiket-v2 #page,
body.ziher-tiket-v2 .site-content,
body.ziher-tiket-v2 .ast-container,
body.ziher-tiket-v2 #primary,
body.ziher-tiket-v2 #main{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:#060a15!important}

#app .bt-main{gap:36px}
#app .bt-how{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#app .bt-how li{display:grid;gap:2px;padding:12px;border-radius:14px;background:rgba(6,10,21,.55);border:1px solid var(--line2)}
#app .bt-how b{font-size:22px;font-weight:800;color:var(--green);line-height:1.1}
#app .bt-how span{font-size:12px;color:var(--mut);line-height:1.3}
#app .bt-stat{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:rgba(12,19,39,.75);font-size:14px;color:#c3cce0}
#app .bt-stat:empty{display:none}
#app .bt-stat b{color:var(--fg)}
#app .bt-stat .st{flex:none}
#app .join.bt-join{padding:18px 20px}
#app .join.bt-join .join-a{display:flex;flex-wrap:wrap;gap:8px}
#app .join.bt-join .join-a .btn{flex:1 1 200px}
@container app (min-width:900px){
#app .join.bt-join{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}
}
#app .arh-wrap{display:grid;gap:16px;align-items:start}
@container app (min-width:900px){
#app .arh-wrap{grid-template-columns:minmax(0,1fr) 340px}
}
#app .arh{border-radius:var(--r);border:1px solid var(--line2);background:var(--card);padding:4px 8px}
#app .arh .leg:first-child{border-top:0}
#app .arh .leg{grid-template-columns:auto minmax(0,1fr) auto}
#app .arh .leg[hidden]{display:none!important}
#app .arh .d{display:grid;place-items:center;width:46px;min-height:46px;border-radius:12px;background:rgba(255,255,255,.04);font-size:12px;font-weight:700;color:var(--mut);line-height:1.1;text-align:center}
#app .arh .d b{display:block;font-size:15px;color:var(--fg)}
#app .arh .mm{min-width:0;display:grid;gap:2px;cursor:pointer;border-radius:8px}
#app .arh .mm .m{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#app .arh .mm .t{font-size:13px;color:var(--mut)}
#app .arh .mm .risk{justify-self:start;height:22px;font-size:10px;margin-top:2px}
#app .arh .mm:hover .m{color:var(--green)}
#app .arh .mm:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#app .arh .r{display:flex;align-items:center;gap:8px}
#app .arh .o{font-weight:700;font-size:15px;min-width:42px;text-align:right}
#app .arh .ic-s{color:var(--mut);display:inline-flex;vertical-align:-3px;margin-right:4px}
#app .arh .ic-s svg{width:14px;height:14px}
#app .bt-uc{align-self:start}
@container app (min-width:900px){
#app .bt-uc{position:sticky;top:96px}
}
#app .vj-more{display:flex;flex-direction:column;align-items:center;gap:6px}
#app #bt-more[hidden]{display:none!important}
#app .yday{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);font-size:14px}
#app .yday>span:first-child{flex:1;min-width:0}
#app .yday small{display:block;color:var(--mut);font-size:12px}
#app .free.st-ok{border-color:rgba(34,192,138,.7);box-shadow:0 0 0 1px rgba(34,192,138,.25),0 30px 70px rgba(0,0,0,.45)}
#app .free.st-no{border-color:rgba(242,80,106,.55)}
#app .bt-starije{margin:0;color:var(--mut);font-size:12px;text-align:center}
@container app (max-width:520px){
#app .bt-stat{flex-direction:column;align-items:flex-start}
}