/* ===== Poyraz Group — custom.css — Dark Prussian Blue Theme ===== */

/* Font classes */
.font-en { font-family: 'Source Sans 3', sans-serif; }
.font-tr { font-family: 'Source Sans 3', sans-serif; }

/* Brand font utility classes */
.font-antonio { font-family: 'Antonio', sans-serif; }
.font-dosis   { font-family: 'Dosis', sans-serif; }
.font-lovelo  { font-family: 'Lovelo', cursive; }

/* Sticky header scroll state — dark */
#site-header.scrolled {
  background: rgba(0, 20, 39, 0.97);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(218, 174, 69, 0.1);
}

/* Fade-up animation */
.fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Staggered delays for segment cards */
.seg-card:nth-child(1) { transition-delay: 0ms; }
.seg-card:nth-child(2) { transition-delay: 80ms; }
.seg-card:nth-child(3) { transition-delay: 160ms; }
.seg-card:nth-child(4) { transition-delay: 240ms; }
.seg-card:nth-child(5) { transition-delay: 320ms; }
.seg-card:nth-child(6) { transition-delay: 400ms; }

/* Gold text selection */
::selection {
  background: rgba(218, 174, 69, 0.3);
  color: #fff;
}

/* Mobile menu — dark */
.mobile-menu {
  position: fixed; inset: 0;
  background: #001427;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 2rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 40;
}
.mobile-menu.open {
  opacity: 1;
  pointer-events: all;
}

/* Segment card hover */
.seg-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.seg-card:hover {
  transform: translateY(-5px);
  border-color: rgba(218, 174, 69, 0.3);
  box-shadow: 0 8px 32px rgba(218, 174, 69, 0.08);
}

/* Hero background pulse */
@keyframes bg-pulse {
  0%, 100% { opacity: 0.03; }
  50%       { opacity: 0.06; }
}
.hero-pulse {
  animation: bg-pulse 8s ease-in-out infinite;
}

/* Gold divider */
.gold-divider {
  height: 1px;
  background: linear-gradient(to right, transparent, #DAAE45, transparent);
  margin: 4rem auto;
  max-width: 200px;
}

/* Scroll indicator bounce */
@keyframes bounce-down {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(8px); }
}
.scroll-indicator { animation: bounce-down 2s ease-in-out infinite; }

/* Focus styles for form inputs — dark */
input:focus, textarea:focus {
  box-shadow: 0 0 0 2px rgba(218, 174, 69, 0.25);
}

/* Value card hover */
.val-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(218, 174, 69, 0.06);
}