/* Zentara Jobs - custom styles that complement Tailwind utility classes */

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

/* Brand gradient text (matches the logo's magenta -> orange mark) */
.text-gradient-brand {
  background-image: linear-gradient(90deg, #c0179c, #f07b1d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.bg-hero-pattern {
  background-image: radial-gradient(circle at 15% 20%, rgba(201, 162, 39, 0.18), transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(15, 42, 74, 0.12), transparent 45%);
}

/* Section reveal-on-scroll.
   Scoped under html.has-js so content stays fully visible by default
   (progressive enhancement) if JavaScript fails to load or run. */
html.has-js .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
html.has-js .reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }
.reveal-delay-3 { transition-delay: 0.24s; }
.reveal-delay-4 { transition-delay: 0.32s; }

/* Process timeline connector (desktop zig-zag) */
.process-track {
  position: relative;
}
.process-track::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 44px;
  height: 3px;
  background: repeating-linear-gradient(90deg, #c9a227 0 12px, transparent 12px 20px);
}

.step-node {
  position: relative;
  z-index: 1;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #c9a227;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #9c7d1a;
}

/* Simple CSS flags (Romania / Moldova / Hungary) */
.flag {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
}
.flag > span { flex: 1 1 0; }
.flag-romania > span:nth-child(1) { background: #002B7F; }
.flag-romania > span:nth-child(2) { background: #FCD116; }
.flag-romania > span:nth-child(3) { background: #CE1126; }

.flag-moldova > span:nth-child(1) { background: #003DA5; }
.flag-moldova > span:nth-child(2) { background: #FFD200; }
.flag-moldova > span:nth-child(3) { background: #CC092F; }

.flag-hungary {
  flex-direction: column;
}
.flag-hungary > span:nth-child(1) { background: #CE2939; }
.flag-hungary > span:nth-child(2) { background: #FFFFFF; }
.flag-hungary > span:nth-child(3) { background: #477050; }

/* Gallery lightbox */
#lightbox {
  transition: opacity 0.25s ease;
}
#lightbox img {
  transition: transform 0.25s ease;
}

/* Form focus ring polish */
.form-input:focus {
  box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.25);
}