/* 
 * Tema.css - Alternatif Tema Dosyası
 * Bu dosya style.css'i override eder
 * Kullanım: index.html'de style.css'den sonra dahil edilirse yeni tema aktif olur
 * Kaldırılırsa orijinal tema (style.css) aktif kalır
 */

/* =================================
   Renk Değişkenleri
   ================================= */

:root {
  /* Ana Renkler - Mavi Tema (Sıcak Tonlarla) */
  --brand-primary: #0168b3; /* Ana mavi */
  --brand-red: #0168b3; /* Navy ile aynı renk */
  --brand-accent: #FFB347; /* Sıcak turuncu-sarı (mavi ile güzel kontrast) */
  
  /* Diğer Renkler - Mavi Temaya Uygun (Sıcak Tonlarla) */
  --brand-white: #ffffff;
  --brand-accent-secondary: #FF8C42; /* Daha koyu turuncu (hover için) */
  --brand-sand: #FFF8E7; /* Sıcak krem/bej tonu (mavi yerine) */
  --bg-soft: #FFFBF0; /* Çok açık krem tonu */
  --text-muted: #2c3e50; /* Koyu gri-mavi */
  
  /* Ek Sıcak Renkler */
  --warm-orange: #FF8C42; /* Turuncu */
  --warm-gold: #FFD700; /* Altın */
  --warm-coral: #FF7F50; /* Mercan */
}

/* =================================
   Yeni tema için değişiklikler buraya eklenecek
   ================================= */

/* Navbar padding sıfırlama */
.navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Page Hero - Mavi Tema (Sıcak Tonlarla) */
/* Inline style'ı olan sayfalar için override etme */
.page-hero:not([style*="background"]) {
  background: radial-gradient(circle at 20% 30%, rgba(1, 104, 179, 0.4) 0%, transparent 50%),
              radial-gradient(circle at 80% 70%, rgba(255, 179, 71, 0.25) 0%, transparent 50%),
              linear-gradient(135deg, #0a1a2e 0%, #0f2d4a 25%, var(--brand-primary) 50%, #014a7a 75%, #0f2d4a 100%) !important;
  color: #fff;
}

.page-hero::after {
  background: radial-gradient(circle at 50% 50%, rgba(255, 179, 71, 0.12) 0%, transparent 70%) !important;
}

/* Info Box - Mavi Tema (Sıcak Tonlarla) */
.info-box {
  background: linear-gradient(135deg, rgba(1, 104, 179, 0.04) 0%, var(--brand-sand) 100%) !important;
}

/* CTA Panel - Mavi Tema (Sıcak Tonlarla) */
.cta-panel {
  background: linear-gradient(135deg, var(--brand-primary) 0%, #014a7a 50%, rgba(255, 179, 71, 0.15) 100%) !important;
}

/* CTA Actions - Mavi Tema (Sıcak Tonlarla) */
.cta-panel .btn-primary,
.cta-actions .btn-primary {
  background: var(--brand-accent) !important;
  color: var(--brand-primary) !important;
}

.cta-panel .btn-primary:hover,
.cta-actions .btn-primary:hover {
  background: var(--brand-accent-secondary) !important;
  color: var(--brand-primary) !important;
  box-shadow: 0 8px 20px rgba(255, 140, 66, 0.4) !important;
}

.cta-actions .btn-outline-light:hover {
  background: #fff !important;
  color: var(--brand-primary) !important;
  border-color: #fff !important;
}

/* Buton Stilleri - Mavi Tema */
.btn-brand {
  background-color: var(--brand-accent) !important;
  color: var(--brand-primary) !important;
  border: 1px solid var(--brand-accent) !important;
}

.btn-brand:hover {
  background-color: var(--brand-accent-secondary) !important;
  border-color: var(--brand-accent-secondary) !important;
  color: var(--brand-primary) !important;
}

.navbar.navbar-scrolled .btn-brand {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: #ffffff !important;
}

.navbar.navbar-scrolled .btn-brand:hover {
  background-color: #014a7a !important;
  border-color: #014a7a !important;
  color: #ffffff !important;
}

/* Form Butonları - Mavi Tema */
.application-form-container .btn-primary,
.appointment-form-container .btn-primary {
  background: var(--brand-primary) !important;
  color: #ffffff !important;
}

.application-form-container .btn-primary:hover,
.appointment-form-container .btn-primary:hover {
  background: #014a7a !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(1, 104, 179, 0.3) !important;
}

/* Pill Butonları - Mavi Tema */
.btn-pill.btn-primary {
  background-color: var(--brand-accent-secondary) !important;
  color: var(--brand-primary) !important;
}

.btn-pill.btn-primary:hover,
.btn-pill.btn-primary:focus-visible {
  background-color: var(--brand-accent) !important;
  color: var(--brand-primary) !important;
}

/* Section Background'ları - Mavi Tema (Sıcak Tonlarla) */
.section-bg-gradient {
  background: linear-gradient(135deg, rgba(1, 104, 179, 0.04) 0%, var(--brand-sand) 50%, #ffffff 100%) !important;
}

.section-bg-accent {
  background: linear-gradient(135deg, rgba(91, 163, 212, 0.15) 0%, rgba(255, 179, 71, 0.1) 100%) !important;
}

/* Parallax Overlay - Mavi Tema (Sıcak Tonlarla) */
.parallax-overlay {
  background: linear-gradient(135deg, 
              rgba(1, 104, 179, 0.85) 0%, 
              rgba(10, 26, 46, 0.75) 50%,
              rgba(255, 140, 66, 0.2) 100%) !important;
}

/* About Section - Mavi Tema (Sıcak Tonlarla) */
.about-section::before {
  background: linear-gradient(135deg, rgba(255, 179, 71, 0.05) 0%, rgba(1, 104, 179, 0.03) 100%) !important;
}

/* Section Divider - Mavi Tema (Sıcak Tonlarla) */
.section-divider {
  background: linear-gradient(90deg, transparent, var(--brand-accent), transparent) !important;
}

/* Section Header Underline - Mavi Tema (Sıcak Tonlarla) */
.section-header h2::after,
.section-header h3::after {
  background: linear-gradient(90deg, transparent, var(--brand-accent), transparent) !important;
}

/* Neden Biz Sayfası - Mavi Tema Override'ları (Sıcak Tonlarla) */
.neden-biz-tabs {
  background: linear-gradient(135deg, var(--brand-primary) 0%, #014a7a 55%, #0a1a2e 100%) !important;
  box-shadow: 0 40px 120px rgba(1, 104, 179, 0.45), 0 20px 60px rgba(255, 179, 71, 0.2) !important;
}

.neden-biz-tabs::before {
  background: radial-gradient(circle at top left, rgba(1, 104, 179, 0.25), transparent 45%),
              radial-gradient(circle at bottom right, rgba(255, 179, 71, 0.15), transparent 50%) !important;
}

.neden-biz-tabs-header span {
  background: linear-gradient(135deg, rgba(91, 163, 212, 0.12) 0%, rgba(255, 179, 71, 0.08) 100%) !important;
  border: 1px solid rgba(91, 163, 212, 0.35) !important;
}

.neden-biz-menu label:hover {
  border-color: rgba(1, 104, 179, 0.28) !important;
}

.neden-biz-tabs input:checked + label {
  background: rgba(1, 104, 179, 0.17) !important;
  border-color: rgba(1, 104, 179, 0.55) !important;
  box-shadow: inset 0 0 0 1px rgba(1, 104, 179, 0.3) !important;
}

.neden-biz-badges span {
  background: linear-gradient(135deg, rgba(91, 163, 212, 0.18) 0%, rgba(255, 179, 71, 0.15) 100%) !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.why-page-intro {
  background: linear-gradient(135deg, rgba(1, 104, 179, 0.04) 0%, rgba(255, 179, 71, 0.06) 35%, var(--brand-sand) 100%) !important;
}

.why-experience-section {
  background: linear-gradient(140deg, var(--brand-primary) 0%, #014a7a 40%, #0a1a2e 100%) !important;
  box-shadow: 0 45px 110px rgba(1, 104, 179, 0.4), 0 25px 60px rgba(255, 179, 71, 0.15) !important;
}

.why-experience-section::before {
  background: radial-gradient(circle at top left, rgba(1, 104, 179, 0.35), transparent 50%),
              radial-gradient(circle at bottom right, rgba(255, 179, 71, 0.2), transparent 50%) !important;
}

.why-experience-header span {
  background: linear-gradient(135deg, rgba(91, 163, 212, 0.18) 0%, rgba(255, 179, 71, 0.12) 100%) !important;
  border: 1px solid rgba(91, 163, 212, 0.35) !important;
}

.strategic-flow::before {
  background: linear-gradient(180deg, rgba(1, 104, 179, 0.7), rgba(1, 104, 179, 0.18)) !important;
}

.flow-card {
  background: rgba(1, 74, 122, 0.92) !important;
  border: 1px solid rgba(91, 163, 212, 0.32) !important;
  box-shadow: 0 30px 65px rgba(10, 26, 46, 0.45) !important;
}

.flow-tag {
  background: linear-gradient(135deg, rgba(125, 211, 252, 0.18) 0%, rgba(255, 179, 71, 0.15) 100%) !important;
  color: #bfdbfe !important;
}

.flow-step.numara-badge::before {
  background: linear-gradient(90deg, rgba(1, 104, 179, 0.2), rgba(1, 104, 179, 0.75)) !important;
}

.flow-step.numara-badge::after {
  border-top: 2px solid rgba(91, 163, 212, 0.85) !important;
  border-right: 2px solid rgba(91, 163, 212, 0.85) !important;
}

.why-stats-section {
  background: linear-gradient(135deg, var(--brand-primary) 0%, #014a7a 65%, #0a1a2e 100%) !important;
  box-shadow: 0 30px 65px rgba(1, 104, 179, 0.35) !important;
}

.why-intro-highlight-inner {
  background: linear-gradient(140deg, rgba(1, 104, 179, 0.92), rgba(1, 74, 122, 0.9)) !important;
  box-shadow: 0 40px 90px rgba(1, 104, 179, 0.35) !important;
}

.why-intro-highlight-inner::before {
  background: radial-gradient(circle at top left, rgba(1, 104, 179, 0.2), transparent 55%) !important;
}