/**
 * ============================================================================
 * [MODÜL: COMPONENTS — Tekrar Kullanılabilir UI Parçaları]
 * Youthside ATS — Profile UI
 * ============================================================================
 * Amaç: glass-panel, sticky bar, background orbs gibi birden fazla sayfada
 *        kullanılacak bileşen stillerini tek merkezde toplar.
 *
 * Mimar Notu (Ferhat Cengiz):
 *   Her class kendi başına çalışabilir (SRP). Bileşenler arası coupling yok.
 *   glass-panel hem header'da hem cookie consent'te kullanılıyor (DRY).
 *
 * ============================================================================
 */

/* ── Glass Panel — Glassmorphism Efekti ────────────────────── */
/* Neden: Frosted-glass görünümü premium his katar. */
.glass-panel {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.dark .glass-panel {
  background: rgba(31, 41, 55, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* ── Sticky Action Bar — Alt Bilgi Çubuğu ──────────────────── */
/* Neden: Kullanıcı scroll ettikçe şirket bilgisi sabit kalır. */
.sticky-action-bar {
  transform: translateY(100%);
  transition: transform var(--transition-base);
}

.sticky-action-bar.visible {
  transform: translateY(0);
}

/* ── Background Orbs — Ambient Dekorasyon ──────────────────── */
/* Neden: Sayfaya derinlik katan dekoratif arka plan daireleri. */
.bg-orb {
  position: absolute;
  border-radius: 50%;
  mix-blend-mode: multiply;
  filter: blur(64px);
  pointer-events: none;
}

.bg-orb--primary {
  background-color: var(--color-primary-100);
  opacity: 0.3;
}

.bg-orb--blue {
  background-color: #dbeafe;
  opacity: 0.3;
}

/* ── Section Divider — Başlık Yanı Çizgi ───────────────────── */
.section-divider {
  height: 2px;
  flex-grow: 1;
  background: linear-gradient(to right, #e5e7eb, transparent);
  border-radius: var(--radius-full);
}

.dark .section-divider {
  background: linear-gradient(to right, #374151, transparent);
}

/* ── Overlay — Modal/Sidebar Arka Plan ─────────────────────── */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: var(--z-overlay);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity var(--transition-base),
    visibility var(--transition-base);
}

.overlay.active {
  opacity: 1;
  visibility: visible;
}