/**
 * HazalHost Modern Theme - Shared Override Layer
 * Tüm sayfalarda kullanılan ortak modernizasyon stilleri
 * Renk Paleti: #0d1117 (koyu lacivert), #6c5ce7 (mor), #0984e3 (mavi)
 */

/* ========================================
   1. HERO BANNER MODERNIZATION
   ======================================== */
.hero-banner.bg1 {
  background: linear-gradient(135deg, #0d1117 0%, #161b22 70%, #1a1d23 100%) !important;
}

.hero-banner.bg1::before {
  background: radial-gradient(ellipse at 30% 50%, rgba(108,92,231,.12) 0%, transparent 50%),
              radial-gradient(ellipse at 70% 80%, rgba(9,132,227,.08) 0%, transparent 50%) !important;
}

/* Hero Başlık Font */
.hero-left h1,
.hero-slider .slide h1 {
  font-family: "Inter", "Poppins", sans-serif !important;
  font-weight: 800 !important;
}

/* Hero Badge'lar - Glassmorphism */
.hero-badge {
  background: rgba(255,255,255,.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 14px !important;
  font-family: "Inter", "Poppins", sans-serif !important;
}

/* ========================================
   2. HZ BADGE - SAYFA SPESİFİK ETİKETLER
   ======================================== */
.hz-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 50px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: .8rem;
  font-weight: 700;
  margin-bottom: 16px;
  letter-spacing: .3px;
}

.hz-badge-eco {
  background: rgba(39,174,96,.12);
  color: #27ae60;
  border: 1px solid rgba(39,174,96,.25);
}
.hz-badge-perf {
  background: rgba(243,156,18,.12);
  color: #f39c12;
  border: 1px solid rgba(243,156,18,.25);
}
.hz-badge-nested {
  background: rgba(108,92,231,.12);
  color: #a29bfe;
  border: 1px solid rgba(108,92,231,.25);
}

/* Chip Badge (İşlemci etiketi) */
.hz-chip-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(8px);
  border-radius: 8px;
  padding: 6px 14px;
  font-size: .78rem;
  font-weight: 600;
  color: rgba(255,255,255,.8);
  margin-top: 12px;
}
.hz-chip-badge i { color: #f39c12; }

/* ========================================
   3. PLAN KARTLARI MODERNIZASYONU
   ======================================== */
.modern-plan-card {
  border: 1px solid rgba(52,74,251,.1) !important;
  border-radius: 12px !important;
  background: #fff !important;
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease !important;
  position: relative;
  overflow: hidden;
}
.modern-plan-card:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 0 16px 40px rgba(108,92,231,.12) !important;
  border-color: rgba(108,92,231,.2) !important;
}

/* Plan card bottom gradient accent */
.modern-plan-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #6c5ce7, #0984e3);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.modern-plan-card:hover::after {
  transform: scaleX(1);
}

/* Plan Premium Tag */
.hz-plan-tag {
  position: absolute;
  top: 12px;
  right: 12px;
  background: linear-gradient(135deg, #6c5ce7, #0984e3);
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .8px;
  padding: 4px 10px;
  border-radius: 6px;
  z-index: 2;
}

/* Plan Icon */
.plan-icon {
  background: rgba(108,92,231,.08) !important;
}
.plan-icon i { color: #6c5ce7 !important; }

/* Plan Price */
.price-amount {
  color: #6c5ce7 !important;
  font-family: "Inter", "Poppins", sans-serif !important;
}

/* Plan Button */
.modern-plan-card .btn-primary {
  background: linear-gradient(135deg, #6c5ce7, #0984e3) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease !important;
}
.modern-plan-card .btn-primary:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 8px 24px rgba(108,92,231,.3) !important;
}

/* Feature Check İkon */
.features-list .feature-item i.fa-check {
  color: #6c5ce7 !important;
}

/* ========================================
   4. SECTION HEADINGS
   ======================================== */
.theme-section-heading h2 {
  font-family: "Inter", "Poppins", sans-serif !important;
  font-weight: 800 !important;
  color: #0d1117 !important;
}
.theme-section-heading p {
  color: #6c757d !important;
}

.section-title {
  font-family: "Inter", "Poppins", sans-serif !important;
  color: #0d1117 !important;
}

/* ========================================
   5. OS SLIDER MODERNIZASYONU
   ======================================== */
.os-card {
  border-radius: 12px !important;
  border: 1px solid #e9ecef !important;
  transition: all 0.25s ease !important;
}
.os-card:hover {
  border-color: rgba(108,92,231,.3) !important;
  box-shadow: 0 8px 24px rgba(108,92,231,.1) !important;
}
.os-name {
  font-family: "Inter", "Poppins", sans-serif !important;
}

/* ========================================
   6. AUTOMATION FEATURES MODERNIZASYONU
   ======================================== */
.automation-item {
  border-radius: 12px !important;
  border: 1px solid #e9ecef !important;
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease !important;
}
.automation-item:hover {
  transform: translateY(-3px) scale(1.01) !important;
  border-color: rgba(108,92,231,.2) !important;
  box-shadow: 0 12px 30px rgba(108,92,231,.08) !important;
}
.automation-icon {
  background: linear-gradient(135deg, #6c5ce7 0%, #0984e3 100%) !important;
  border-radius: 12px !important;
}
.automation-content h5 {
  font-family: "Inter", "Poppins", sans-serif !important;
  color: #0d1117 !important;
}

/* Highlight Box */
.highlight-box {
  background: linear-gradient(135deg, rgba(108,92,231,.06), rgba(9,132,227,.04)) !important;
  border: 2px solid #6c5ce7 !important;
  box-shadow: 0 4px 15px rgba(108,92,231,.12) !important;
}
.highlight-box i {
  color: #6c5ce7 !important;
}

/* ========================================
   7. MODERN FEATURE CARDS
   ======================================== */
.modern-feature-card {
  border-radius: 12px !important;
  border: 1px solid #e9ecef !important;
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease !important;
}
.modern-feature-card:hover {
  transform: translateY(-4px) scale(1.01) !important;
  box-shadow: 0 12px 30px rgba(108,92,231,.1) !important;
  border-color: rgba(108,92,231,.2) !important;
}
.modern-feature-card .feature-icon {
  color: #6c5ce7 !important;
}
.modern-feature-card h3 {
  font-family: "Inter", "Poppins", sans-serif !important;
  color: #0d1117 !important;
}
.feature-spec {
  color: #6c5ce7 !important;
}

/* ========================================
   8. INFO BANNER (Enterprise Stats)
   ======================================== */
.info-banner {
  background: linear-gradient(135deg, #0d1117, #161b22) !important;
  border: 1px solid rgba(108,92,231,.15) !important;
}
.stat-number {
  color: #6c5ce7 !important;
}

/* ========================================
   9. CLIENT AREA MODERNIZASYONU
   ======================================== */
/* Tiles */
.tile {
  border-radius: 12px !important;
  border: 1px solid #e9ecef !important;
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease !important;
}
.tile:hover {
  transform: translateY(-4px) scale(1.02) !important;
  box-shadow: 0 12px 30px rgba(108,92,231,.1) !important;
  border-color: rgba(108,92,231,.2) !important;
}
.tile i {
  color: #6c5ce7 !important;
}
.tile:hover i {
  transform: scale(1.15) !important;
}
.tile .stat {
  font-family: "Inter", "Poppins", sans-serif !important;
}

/* KB Search */
.home-kb-search input:focus {
  border-color: #6c5ce7 !important;
  box-shadow: 0 0 0 4px rgba(108,92,231,.08) !important;
}
.home-kb-search .search-icon {
  color: #6c5ce7 !important;
}

/* Panel Kartları */
.tt-client-home-cards .card {
  border-radius: 12px !important;
  border: 1px solid #e9ecef !important;
}
.tt-client-home-cards .card-header {
  background: linear-gradient(135deg, #fafbff, #f8f9fc) !important;
}
.tt-client-home-cards .card-title {
  font-family: "Inter", "Poppins", sans-serif !important;
  color: #0d1117 !important;
}

/* IDS Panel */
.ids-panel {
  background: linear-gradient(135deg, #6c5ce7 0%, #0984e3 100%) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(108,92,231,.2) !important;
  border: 1px solid rgba(108,92,231,.3) !important;
}
.ids-panel .btn-ids {
  background: #fff !important;
  color: #6c5ce7 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  transition: transform 0.2s ease-in-out !important;
}
.ids-panel .btn-ids:hover {
  transform: translateY(-2px) scale(1.03) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.15) !important;
}

/* ========================================
   10. FAQ ACCORDION
   ======================================== */
.accordion-item {
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
}
.accordion-button {
  font-family: "Inter", "Poppins", sans-serif !important;
  font-weight: 600 !important;
}
.accordion-button:not(.collapsed) {
  background: rgba(108,92,231,.04) !important;
  color: #6c5ce7 !important;
}
.accordion-button:focus {
  box-shadow: 0 0 0 3px rgba(108,92,231,.1) !important;
}

/* ========================================
   11. ANTI-AI GLASSMORPHISM ELEMENTS
   ======================================== */
.hz-glass-card {
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}
.hz-glass-card:hover {
  border-color: rgba(108,92,231,.2);
  box-shadow: 0 8px 32px rgba(108,92,231,.08);
}

/* Genel Buton Hover Efekti (Scale) */
.theme-btn,
a.theme-btn,
.hero-cta-buttons .btn {
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease !important;
}
.theme-btn:hover,
a.theme-btn:hover,
.hero-cta-buttons .btn:hover {
  transform: translateY(-3px) scale(1.03) !important;
}

/* ========================================
   12. NESTED SUNUCU - SANALLAŞTIRMA KARTLARI
   ======================================== */
.hz-virt-card {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  height: 100%;
  transition: transform 0.2s ease-in-out, box-shadow 0.3s ease;
}
.hz-virt-card:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 36px rgba(108,92,231,.1);
  border-color: rgba(108,92,231,.2);
}
.hz-virt-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, rgba(108,92,231,.08), rgba(9,132,227,.05));
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 14px;
}
.hz-virt-icon i {
  font-size: 1.5rem;
  color: #6c5ce7;
}
.hz-virt-card h5 {
  font-family: "Inter", "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: #0d1117;
  margin-bottom: 6px;
}
.hz-virt-card p {
  font-size: .85rem;
  color: #6c757d;
  margin: 0;
}
.hz-virt-tag {
  display: inline-block;
  background: rgba(108,92,231,.08);
  color: #6c5ce7;
  font-size: .7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  padding: 3px 10px;
  border-radius: 4px;
  margin-top: 10px;
}

/* ========================================
   13. RESPONSIVE OVERRIDES
   ======================================== */
@media (max-width: 768px) {
  .hz-badge {
    font-size: .72rem;
    padding: 5px 12px;
  }
  .hz-chip-badge {
    font-size: .7rem;
    padding: 4px 10px;
  }
}