/* custom.css — override ve düzeltme stilleri */


/* Marka logo */
.brand-image {
  max-height: 33px;
  width: auto;
}

/* .img-oval eklentisi */
.img-oval {
  border-radius: 30px !important;
}

/* Icon Box Tiny Opacity Update */
.icon-box-sm {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  transition: all 0.3s ease;
}

.icon-box-sm.bg-primary-soft {
  background-color: rgba(13, 110, 253, 0.1);
  color: #0d6efd !important;
}

.icon-box-sm.bg-success-soft {
  background-color: rgba(25, 135, 84, 0.1);
  color: #198754 !important;
}

.icon-box-sm.bg-warning-soft {
  background-color: rgba(255, 193, 7, 0.1);
  color: #ffc107 !important;
}

.icon-box-sm.bg-info-soft {
  background-color: rgba(13, 202, 240, 0.1);
  color: #0dcaf0 !important;
}


/* Kullanıcı panel görseli */
.user-panel .image img {
  width: 2.1rem;
  height: 2.1rem;
}

/* E-posta doğrulama alert'i */
.alert.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0;
  margin: 0;
}



/* Sosyal login */
.social-login {
  margin: 20px 0;
}

.social-login .btn {
  width: 100%;
  margin-bottom: 10px;
  padding: 12px;
  font-weight: 500;
}

.btn-google {
  background: #db4437;
  border-color: #db4437;
  color: #fff;
}

.btn-google:hover {
  background: #c23321;
  border-color: #c23321;
  color: #fff;
}

.btn-facebook {
  background: #3b5998;
  border-color: #3b5998;
  color: #fff;
}

.btn-facebook:hover {
  background: #2d4373;
  border-color: #2d4373;
  color: #fff;
}

.btn-twitter {
  background: #1da1f2;
  border-color: #1da1f2;
  color: #fff;
}

.btn-twitter:hover {
  background: #0d8bd9;
  border-color: #0d8bd9;
  color: #fff;
}

/* Referans banner */
.referral-banner {
  border: 2px dashed #007bff;
  padding: 15px;
  margin: 10px 0;
  border-radius: 5px;
  background-color: #f8f9fa;
}

.referral-banner img {
  max-width: 100%;
  height: auto;
}

/* SEO skor */
.seo-score {
  font-size: 3rem;
  font-weight: bold;
}

.seo-score.good {
  color: #28a745;
}

.seo-score.average {
  color: #ffc107;
}

.seo-score.poor {
  color: #dc3545;
}

/* Kredi paketleri */
.credit-package {
  border: 2px solid #e9ecef;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s;
  margin-bottom: 20px;
}

.credit-package:hover {
  border-color: #007bff;
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}

.credit-package.popular {
  border-color: #28a745;
  background: #f8fff9;
}

.credit-package .price {
  font-size: 2rem;
  font-weight: bold;
  color: #007bff;
}

.credit-package .credits {
  font-size: 1.5rem;
  color: #6c757d;
}

/* Responsive küçük düzeltmeler */
@media (max-width: 768px) {
  .stats-card h3 {
    font-size: 2rem;
  }

  .content-wrapper {
    margin-left: 0;
  }

  .main-sidebar {
    margin-left: -250px;
  }

  .sidebar-open .main-sidebar {
    margin-left: 0;
  }
}

/* Loading spinner */
.loading-spinner {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Counter animasyonu */
.counter {
  font-size: 2.5rem;
  font-weight: bold;
}

@keyframes countUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.counter.animate {
  animation: countUp 0.5s ease-out;
}

/* Dil seçici (header) — normalize + kesin override */
#headerLanguageDropdown,
.navbar .dropdown-toggle.btn.btn-link {
  padding: 6px 10px !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  color: #333 !important;
}

#headerLanguageDropdown i,
.navbar .dropdown-toggle.btn.btn-link i {
  font-size: 0.95rem !important;
  margin-right: 6px;
}

.dropdown-menu[aria-labelledby="headerLanguageDropdown"] {
  min-width: 160px !important;
  padding: 0.3rem 0 !important;
  border-radius: 8px !important;
}

.dropdown-menu .dropdown-item {
  padding: 0.45rem 0.8rem !important;
  font-size: 0.95rem !important;
}

/* Referans paylaş butonları: boyut ve hiza */
.social-share,
.social-share-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

.social-share a,
.social-share-buttons a,
.social-share-buttons .btn {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 42px !important;
  font-size: 18px !important;
}

.social-share .facebook {
  background: #3b5998;
  color: #fff;
}

.social-share .twitter {
  background: #1da1f2;
  color: #fff;
}

.social-share .whatsapp {
  background: #25d366;
  color: #fff;
}

.social-share .telegram {
  background: #0088cc;
  color: #fff;
}

.social-share .linkedin {
  background: #0077b5;
  color: #fff;
}

.social-share a:hover,
.social-share-buttons a:hover {
  transform: translateY(-3px);
}

/* Referans linki input ve buton yükseklik eşitleme */
.ref-input-group .input-group .form-control,
.ref-input-group .input-group .btn,
#referrals-panel .input-group .form-control,
#referrals-panel .input-group .btn {
  height: 42px !important;
  padding: 0 12px !important;
  font-size: 0.95rem !important;
}

/* DİL SEÇİCİ — daha spesifik kesin override */
.navbar .nav-item.dropdown #headerLanguageDropdown.btn,
.navbar .nav-item .dropdown-toggle.btn.btn-link,
.navbar .nav-item .dropdown-toggle.btn {
  padding: 6px 10px !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  color: #f8f0f0 !important;
  border: none !important;
  background: #ccc3c32e !important;
  box-shadow: none !important;
}

.navbar .nav-item .dropdown-toggle.btn i {
  font-size: 0.95rem !important;
  margin-right: 6px !important;
}

.navbar .dropdown-menu[aria-labelledby="headerLanguageDropdown"] {
  min-width: 160px !important;
  padding: 0.3rem 0 !important;
  border-radius: 8px !important;
}

.navbar .dropdown-menu .dropdown-item {
  padding: 0.45rem 0.8rem !important;
  font-size: 0.95rem !important;
}

/* Support sayfası kart/panel normalize */
.support-page .card,
.support-page .chart-card,
.support-page .activity-card {
  border: 1px solid rgba(2, 6, 23, 0.05) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

.support-page .card .panel-header,
.support-page .chart-card .panel-header,
.support-page .activity-card .panel-header {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.04), rgba(167, 139, 250, 0.04)) !important;
  border-bottom: 1px solid rgba(2, 6, 23, 0.05) !important;
  padding: 0.75rem 1rem !important;
}

.support-page .card .panel-body,
.support-page .chart-card .panel-body,
.support-page .activity-card .panel-body {
  padding: 1rem !important;
}

.panel-actions .btn.btn-link {
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* İstatistik ikon */
.stat-card .icon {
  width: 56px !important;
  height: 56px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.3rem !important;
}

/* Accordion butonları */
.accordion-button {
  font-weight: 600 !important;
  padding: 0.5rem 1rem !important;
}

/* Badge hizalama */
.badge {
  vertical-align: middle !important;
}

/* Genel button satır yüksekliği */
.btn {
  line-height: 1.2 !important;
}

/* Sidebar linkleri mobilde */
@media (max-width: 768px) {
  .sidebar-menu ul li a span {
    font-size: 0.95rem !important;
  }

  .sidebar-menu ul li a i {
    font-size: 1rem !important;
  }
}


/* ========== Sidebar Sol Hizalama Düzeltmesi ========== */

/* Ana sidebar menü linklerini sıkılaştır: sol padding azalt, ikonları hizala */
.app-sidebar .sidebar-menu .nav-link,
.sidebar-wrapper .nav-link {
  padding-left: 12px !important;
  /* eskiden ~16-20px olabiliyor */
  padding-right: 10px !important;
  border-radius: 6px;
  /* görsel bütünlük */
}

/* İkon kutusu: sabit genişlik yerine doğal hizaya daha yakın, çok büyük boşluğu engelle */
.app-sidebar .nav-icon,
.sidebar-wrapper .nav-icon {
  min-width: 18px !important;
  /* 1.5rem yerine daha dar */
  max-width: 18px !important;
  width: 18px !important;
  margin-right: 8px !important;
  /* ikon ile metin arası */
  text-align: center;
}

/* Menü metni (p) sol boşluklarını normalize et */
.sidebar-menu .nav-link p {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Treeview (alt menü) öğeleri: girintiyi kontrollü ver, aşırı sola boşluk bırakmayı engelle */
.sidebar-menu .nav-treeview>.nav-item>.nav-link {
  padding-left: 34px !important;
  /* ikon+metin uyumlu girinti */
}

.nav-indent .sidebar-menu .nav-treeview {
  padding-left: 8px !important;
  /* genel blok girinti */
}

/* Aktif menü: sola taşan border-left efekti varsa dengeli dursun */
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-link.active,
.sidebar-wrapper .sidebar-menu>.nav-item.menu-open>.nav-link {
  /* aktif arkaplan korunur, padding yukarıda set edildi */
  box-shadow: none !important;
}

/* Sağ taraftaki rozet/ok hizaları bozulmasın */
.sidebar-menu .nav-link>.nav-badge,
.sidebar-menu .nav-link>p>.nav-badge,
.sidebar-menu .nav-link>.nav-arrow,
.sidebar-menu .nav-link>p>.nav-arrow {
  right: 12px !important;
  /* link sağ padding ile uyumlu */
  left: auto !important;
}

/* AdminLTE v4 grid-yan panel genişliği ile içerik hizasını bozmamak için */
:root,
[data-bs-theme=light] {
  --lte-sidebar-width: 250px;
  /* mevcut kurulumunla uyumlu kalsın */
}

/* Sidebar mini (daraltılmış) modda hover olmadan da hizalı görülsün */
.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .sidebar-menu .nav-link {
  width: 3.6rem !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* Sidebar iç scroll bar boşlukları azalt */
.sidebar-wrapper {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

/* Başlık (nav-header) sola hizalı, fazla boşluk yok */
.sidebar-menu .nav-header {
  padding-left: 10px !important;
}

/* Alt menü (treeview) hover/active arka planında taşma görüntüsünü engelle */
.sidebar-wrapper .nav-treeview>.nav-item>.nav-link:hover,
.sidebar-wrapper .nav-treeview>.nav-item>.nav-link.active {
  border-radius: 6px !important;
}


/*********** DASHBOARD FIX: Language flags, social icons, navbar/user image, spacings ***********/

/* 1) Navbar dil seçici: buton, bayrak ve metin normalize */
.navbar .language-selector .language-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 10px !important;
  line-height: 1.2 !important;
  font-size: 0.95rem !important;
}

.navbar .language-selector .language-btn .language-flag {
  width: 18px !important;
  height: 12px !important;
  display: inline-block !important;
  object-fit: cover !important;
  border-radius: 2px !important;
  vertical-align: middle !important;
}

.navbar .language-selector .dropdown-menu .dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0.45rem 0.8rem !important;
  font-size: 0.95rem !important;
}

.navbar .language-selector .dropdown-menu .dropdown-item .language-flag {
  width: 18px !important;
  height: 12px !important;
  display: inline-block !important;
  object-fit: cover !important;
  border-radius: 2px !important;
}

/* Her ihtimale karşı SVG bayrak gelir ise */
.navbar .language-selector img.language-flag,
.navbar .language-selector svg.language-flag {
  width: 18px !important;
  height: 12px !important;
}

/* 2) Navbar kullanıcı görseli: keskin ve doğru boyut */
.navbar .user-dropdown img {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

/* 3) Sosyal paylaşım butonları: tek tip boyut ve ortalı simge */
.social-share-buttons,
#referrals-panel .social-share-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 1rem;
}

.social-share-buttons .btn,
#referrals-panel .social-share-buttons .btn,
.social-share-buttons a,
#referrals-panel .social-share-buttons a {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 40px !important;
  font-size: 16px !important;
  border: none !important;
  color: #fff !important;
  transition: transform 0.2s ease, filter 0.2s ease;
}

/* Renkler */
.social-share-buttons .btn.btn-facebook {
  background-color: #1877f2 !important;
}

.social-share-buttons .btn.btn-twitter {
  background-color: #1da1f2 !important;
}

.social-share-buttons .btn.btn-whatsapp {
  background-color: #25d366 !important;
}

.social-share-buttons .btn.btn-telegram {
  background-color: #0088cc !important;
}

.social-share-buttons .btn.btn-email {
  background-color: #6b7280 !important;
}

.social-share-buttons .btn.btn-copy {
  background-color: var(--primary-color, #6366f1) !important;
}

/* Hover (reduced motion’a saygılı) */
@media (prefers-reduced-motion: no-preference) {
  .social-share-buttons .btn:hover {
    transform: scale(1.06);
    filter: brightness(0.95);
  }
}

/* 4) Referans input grubu – yükseklik hizası */
.ref-input-group .input-group .form-control,
.ref-input-group .input-group .btn,
#referrals-panel .input-group .form-control,
#referrals-panel .input-group .btn {
  height: 42px !important;
  padding: 0 12px !important;
  font-size: 0.95rem !important;
}

/* 5) Navbar ikon/düğme dikey hiza */
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.navbar .btn i,
.navbar .dropdown-toggle i,
.navbar .nav-link i {
  font-size: 0.95rem !important;
  line-height: 1;
}

/* 6) Sidebar menü (boşluk fazlasını azalt) – istersen kaldırılabilir */
.sidebar-menu a {
  padding: 0.65rem 0.9rem !important;
  margin: 0 0.4rem !important;
  display: flex !important;
  align-items: center !important;
  border-left-width: 3px;
}

.sidebar-menu a i {
  width: 20px;
  min-width: 20px;
  text-align: center;
  margin-right: 8px !important;
}

/* 7) Mobil optimizasyon – sosyal butonlar biraz küçülsün */
@media (max-width: 576px) {
  .social-share-buttons {
    gap: 8px !important;
  }

  .social-share-buttons .btn {
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 15px !important;
  }
}

/* 8) Dropdown görsel düzeni */
.dropdown-menu {
  border-radius: 8px !important;
}

/* 9) Aşırı stil çakışmalarını bastırmak için minik öncelik yükseltme */
.navbar .language-selector .language-btn .language-flag {
  max-width: 18px !important;
  max-height: 12px !important;
}

/* ====== Referans Sosyal Paylaş – Tutarlı Boyut, Renk ve Hiza ====== */
.social-share-wrap {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}

.social-share-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* Tüm butonlar aynı kutu: 30x30, daire, ikon ortalı */
.social-share-buttons .btn,
.social-share-buttons .btn-social,
#referrals-panel .social-share-buttons .btn {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  line-height: 30px !important;
  box-shadow: none !important;
  transition: transform 0.18s ease, filter 0.18s ease;
}

/* İkon boyutu ve hizası */
.social-share-buttons .btn i {
  font-size: 12px !important;
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Marka renkleri */
.social-share-buttons .btn-facebook {
  background-color: #1877f2 !important;
  color: #fff !important;
}

.social-share-buttons .btn-twitter {
  background-color: #1da1f2 !important;
  color: #fff !important;
}

.social-share-buttons .btn-whatsapp {
  background-color: #25d366 !important;
  color: #fff !important;
}

.social-share-buttons .btn-telegram {
  background-color: #0088cc !important;
  color: #fff !important;
}

.social-share-buttons .btn-email {
  background-color: #6b7280 !important;
  color: #fff !important;
}

/* Kopyalama butonu – sitenin ana rengi */
.social-share-buttons .btn-copy {
  background-color: var(--primary-color, #6366f1) !important;
  color: #fff !important;
}

/* Hover – micro scale, parlaklık kıs */
@media (prefers-reduced-motion: no-preference) {
  .social-share-buttons .btn:hover {
    transform: scale(1.06);
    filter: brightness(0.95);
  }
}

/* Mobil optimizasyon: hafif küçültme, aralık daraltma */
@media (max-width: 576px) {
  .social-share-buttons {
    gap: 8px !important;
  }

  .social-share-buttons .btn {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
  }

  .social-share-buttons .btn i {
    font-size: 10px !important;
  }
}

/* Çakışma giderici – önceki geniş boyut veren kuralları bastır */
.social-share a,
.social-share .btn,
.social-share-buttons a,
.social-share-buttons .btn {
  font-size: 0 !important;
  /* metin yoksa satır içi metin etkilerini sıfırla */
}

.social-share a i,
.social-share .btn i,
.social-share-buttons a i,
.social-share-buttons .btn i {
  font-size: 10px !important;
  /* gerçek ikon boyutu */
}

/* Data/tema farklılıkları için minimum öncelik artırıcı */
#referrals-panel .social-share-buttons .btn,
#referrals-panel .social-share-buttons .btn i {
  all: unset;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  line-height: 30px !important;
  font-size: 10px !important;
  color: #fff !important;
}

#referrals-panel .social-share-buttons .btn.btn-facebook {
  background-color: #1877f2 !important;
}

#referrals-panel .social-share-buttons .btn.btn-twitter {
  background-color: #1da1f2 !important;
}

#referrals-panel .social-share-buttons .btn.btn-whatsapp {
  background-color: #25d366 !important;
}

#referrals-panel .social-share-buttons .btn.btn-telegram {
  background-color: #0088cc !important;
}

#referrals-panel .social-share-buttons .btn.btn-email {
  background-color: #6b7280 !important;
}

#referrals-panel .social-share-buttons .btn.btn-copy {
  background-color: var(--primary-color, #6366f1) !important;
}

/* Erişilebilirlik: odak görünürlüğü */
.social-share-buttons .btn:focus-visible {
  outline: 2px solid rgba(var(--primary-color-rgb, 99, 102, 241), .6);
  outline-offset: 2px;
}


/* Toastr görünürlük düzeltmesi (light theme uyumlu) */
#toast-container>.toast-success {
  background-color: #d4edda !important;
  color: #155724 !important;
  border: 1px solid #c3e6cb !important;
}

#toast-container>.toast-info {
  background-color: #cce5ff !important;
  color: #004085 !important;
  border: 1px solid #b8daff !important;
}

#toast-container>.toast-warning {
  background-color: #fff3cd !important;
  color: #856404 !important;
  border: 1px solid #ffeeba !important;
}

#toast-container>.toast-error {
  background-color: #f8d7da !important;
  color: #721c24 !important;
  border: 1px solid #f5c6cb !important;
}

#toast-container>div {
  box-shadow: 0 6px 18px rgba(15, 23, 42, .15) !important;
  border-radius: 8px !important;
}

/* Force dark navbar for specific tool pages */
.force-dark-navbar .navbar.fixed-top {
  background-color: rgba(23, 32, 42, 0.98) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Homepage Section Title Box */
.section-title-box {
  display: inline-block;
  position: relative;
  padding: 15px 40px;
  margin-bottom: 1rem;
  z-index: 2;
  text-shadow: none;
  font-family: 'Exo 2', sans-serif !important;
  /* Re-add heading font */
  font-weight: 800 !important;
  /* font-size is handled by display-6 class */
  isolation: isolate;
  /* Force new stacking context */
}

.section-title-box span {
  position: relative;
  z-index: 5;
  color: #fff !important;
  font-weight: 700 !important;
  opacity: 1 !important;
  /* Force full visibility */
  filter: none !important;
  /* Remove any accidental filters */
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8) !important;
  /* Stronger contrast shadow */
  -webkit-text-fill-color: #fff !important;
  /* Override gradient text clip if present */
}

/* Override potential section-heading gradients */
h2.section-heading.section-title-box {
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

.section-title-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.15);
  /* Slightly more visible glass */
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  /* Stronger border */
  z-index: -1;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  /* Subtle depth shadow */
}