/**
 * Lengvos header versijos stiliai — žr. header-lite.php.
 * Sąmoningai atskirtas failas nuo styles/sections/header.css, kad nesusidurtų
 * su pilno header'io dropdown/nav taisyklėmis (skirtingi klasių vardai).
 */

.header-lite {
  width: 100%;
  padding: clamp(0.75rem, 2vw, 1.1rem) clamp(1rem, 4vw, 2rem);
  background: var(--color-bg-secondary, #1a1a2e);
  border-bottom: 1px solid var(--color-border-subtle, #252538);
}

.header-lite__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.header-lite__brand {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: var(--color-text-primary, #f5f5fa);
  font-weight: 600;
  font-size: clamp(0.95rem, 2.5vw, 1.1rem);
}

.header-lite__logo {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.header-lite__cta {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1.1rem;
  border-radius: 9999px;
  background: var(--color-brand-primary, #e7ca93);
  color: var(--color-text-inverse, #0f0f1f);
  font-weight: 600;
  font-size: clamp(0.85rem, 2vw, 0.95rem);
  text-decoration: none;
  white-space: nowrap;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.header-lite__cta:hover,
.header-lite__cta:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px var(--color-shadow-gold, rgba(252, 211, 77, 0.2));
}

@media (max-width: 480px) {
  .header-lite__name {
    display: none;
  }
}