/* TK Azija - privremena pocetna stranica ("Uskoro se vracamo"): logo, natpis i lokacije */
.soon-page .reveal { opacity: 1; transform: none; }

.soon {
  position: relative;
  min-height: 100svh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center;
  padding: 5rem var(--gutter) 6rem;
  overflow: hidden;
}
.soon-bg {
  position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 55%),
    linear-gradient(180deg, rgba(5,5,7,.82), rgba(5,5,7,.94) 70%, var(--bg-1, #0a0a0d)),
    url('/img/arhiva/revslider/home/f.webp') center / cover no-repeat;
  filter: grayscale(.5);
}
.soon-logo {
  width: clamp(150px, 26vw, 260px); height: auto;
  filter: drop-shadow(0 12px 40px rgba(0,0,0,.6));
  animation: soonIn 1s cubic-bezier(.2,.7,.2,1) both;
}
.soon-name {
  margin: 1.6rem 0 0;
  font-family: var(--f-display); font-weight: 400;
  font-size: clamp(1.4rem, 3vw, 2rem); letter-spacing: .22em; line-height: 1.1;
  color: var(--fg-0);
  animation: soonIn 1s .15s cubic-bezier(.2,.7,.2,1) both;
}
.soon-name span { color: var(--accent); }
.soon-text {
  margin: 1.4rem auto 0; max-width: 18ch;
  font-family: var(--f-display); font-weight: 400;
  font-size: clamp(2.6rem, 7vw, 5.6rem); line-height: .98; letter-spacing: .01em;
  color: var(--fg-0);
  animation: soonIn 1s .3s cubic-bezier(.2,.7,.2,1) both;
}
.soon-text em { font-style: normal; color: var(--accent); }
/* Telefon ispod natpisa */
.soon-call { margin-top: 2rem; display: flex; flex-direction: column; align-items: center; gap: .5rem; animation: soonIn 1s .4s cubic-bezier(.2,.7,.2,1) both; }
.soon-call-l { font-family: var(--f-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--fg-2); }
.soon-call a { display: inline-flex; align-items: center; gap: .6rem; font-family: var(--f-display); font-size: clamp(1.8rem, 4vw, 2.6rem); letter-spacing: .04em; color: var(--accent); text-decoration: none; transition: color .25s; }
.soon-call a:hover { color: var(--fg-0); }
.soon-call .ph { width: .7em; height: .7em; flex-shrink: 0; }
.soon-down {
  margin-top: 2rem;
  display: inline-flex; align-items: center; gap: .6rem;
  font-family: var(--f-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--fg-1); text-decoration: none;
  padding: .75rem 1.2rem; border: 1px solid var(--line-strong); border-radius: 999px;
  transition: color .25s, border-color .25s;
  animation: soonIn 1s .45s cubic-bezier(.2,.7,.2,1) both;
}
.soon-down:hover { color: var(--accent); border-color: var(--accent); }
.soon-down span { color: var(--accent); }
@keyframes soonIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.soon-lang { position: fixed; top: 1rem; right: var(--gutter); z-index: 10; display: flex; gap: .2rem; padding: .3rem; border: 1px solid var(--line); border-radius: 999px; background: rgba(5,5,7,.55); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.soon-lang a { display: flex; padding: .45rem; border-radius: 999px; opacity: .45; filter: grayscale(.6); transition: opacity .25s, filter .25s; }
.soon-lang a:hover { opacity: .9; filter: none; }
.soon-lang a.current { opacity: 1; filter: none; box-shadow: inset 0 0 0 1px var(--accent); }
.soon-lang img { display: block; width: 20px; height: 14px; object-fit: cover; border-radius: 2px; }

.soon-page .schedule { scroll-margin-top: 0; }
.soon-foot { padding: 2rem var(--gutter); text-align: center; font-family: var(--f-mono); font-size: 11px; letter-spacing: .12em; color: var(--fg-3, #6b6b75); border-top: 1px solid var(--line); background: var(--bg-1, #0a0a0d); }
@media (prefers-reduced-motion: reduce) { .soon-logo, .soon-name, .soon-text, .soon-call, .soon-down { animation: none; } }