/* =========================================================
   ELMASBİLİŞİM — CYBERPUNK NEON PURPLE & CYAN TEMA KATMANI
   knight/web referans tasarımından esinlenmiştir.
   Bu dosya diğer tüm CSS'lerden SONRA yüklenir; mevcut
   id/class yapısına dokunmadan sadece görünümü değiştirir.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700;800&family=Rajdhani:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --eb-bg-main: #04050a;
  --eb-bg-surface: #0a0d18;
  --eb-bg-elevated: #0f1322;
  --eb-glass: rgba(15, 19, 34, 0.72);
  --eb-glass-hover: rgba(22, 27, 46, 0.85);

  --eb-purple-light: #e9d5ff;
  --eb-purple-300: #d8b4fe;
  --eb-purple-400: #c084fc;
  --eb-purple-500: #a855f7;
  --eb-purple-600: #9333ea;
  --eb-purple-glow: rgba(168, 85, 247, 0.35);

  --eb-cyan-300: #7dd3fc;
  --eb-cyan-400: #38bdf8;
  --eb-cyan-500: #06b6d4;

  --eb-text-main: #f8fafc;
  --eb-text-muted: #a3adc2;
  --eb-text-dim: #6b7488;

  --eb-border: rgba(168, 85, 247, 0.28);
  --eb-border-subtle: rgba(255, 255, 255, 0.08);

  --eb-font-body: 'Plus Jakarta Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --eb-font-title: 'Rajdhani', sans-serif;
  --eb-font-gaming: 'Chakra Petch', sans-serif;
}

/* ---------- Global base ---------- */
html {
  background: var(--eb-bg-main) !important;
}
body {
  background: transparent !important;
  color: var(--eb-text-main) !important;
  font-family: var(--eb-font-body) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--eb-font-title) !important;
  color: var(--eb-text-main) !important;
  letter-spacing: 0.03em;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.85), 0 0 24px var(--eb-purple-glow);
}

p, span, li, td, th, label, div {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

a {
  color: var(--eb-purple-300) !important;
}
a:hover {
  color: var(--eb-cyan-300) !important;
}

/* ---------- Animated background (knight/web referansı) ---------- */
.eb-bg-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background-color: var(--eb-bg-main);
}

.eb-bg-slide {
  position: absolute;
  inset: -20px;
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
  filter: blur(1.5px) brightness(0.55) contrast(1.15) saturate(1.25);
  opacity: 0;
  transform: scale(1.02);
  animation: eb-bg-cycle 24s infinite;
}

.eb-bg-slide-1 {
  background-image: url('/templates/ligter/img/eb-bg/img1.jpg');
  animation-delay: 0s;
}
.eb-bg-slide-2 {
  background-image: url('/templates/ligter/img/eb-bg/2.jpg');
  animation-delay: 8s;
}
.eb-bg-slide-3 {
  background-image: url('/templates/ligter/img/eb-bg/3.jpg');
  animation-delay: 16s;
}

@keyframes eb-bg-cycle {
  0%    { opacity: 0; transform: scale(1.02); }
  4%    { opacity: 1; }
  29%   { opacity: 1; transform: scale(1.09); }
  33%   { opacity: 0; }
  100%  { opacity: 0; }
}

.eb-bg-tint {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(4, 5, 10, 0.55) 0%, rgba(4, 5, 10, 0.7) 45%, rgba(4, 5, 10, 0.88) 100%);
}
.eb-bg-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 40%, transparent 30%, rgba(4, 5, 10, 0.9) 100%);
}
.eb-bg-glow {
  position: absolute;
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  width: 1100px;
  height: 700px;
  background: radial-gradient(ellipse at center, rgba(168, 85, 247, 0.18) 0%, transparent 60%);
}

/* ---------- Custom WhatsApp floating button (GetButton reklamı kaldırıldı) ---------- */
.eb-whatsapp-btn {
  position: fixed;
  left: 1.25rem;
  bottom: 1.25rem;
  z-index: 999;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
  color: #ffffff !important;
  font-family: var(--eb-font-title);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 0.85rem;
  padding: 0.75rem 1.1rem;
  border-radius: 9999px;
  box-shadow: 0 6px 22px rgba(37, 211, 102, 0.45);
  text-shadow: none;
  transition: all 0.25s ease;
}
.eb-whatsapp-btn:hover {
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 30px rgba(37, 211, 102, 0.65);
}
.eb-whatsapp-btn i {
  font-size: 1.3rem;
}
@media (max-width: 640px) {
  .eb-whatsapp-btn span { display: none; }
  .eb-whatsapp-btn { padding: 0.8rem; }
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--eb-bg-main); }
::-webkit-scrollbar-thumb {
  background: #1e1b4b;
  border-radius: 4px;
  border: 1px solid var(--eb-purple-glow);
}
::-webkit-scrollbar-thumb:hover { background: var(--eb-purple-500); }

/* ---------- Header top bar (#top) ---------- */
header #top {
  background: rgba(10, 13, 24, 0.88) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--eb-border-subtle);
}
header #top a,
header #top span {
  color: var(--eb-text-muted) !important;
}
header #top a:hover {
  color: var(--eb-cyan-300) !important;
}

/* ---------- Header main bar (#bottom / nav) ---------- */
header #bottom {
  background: rgba(8, 10, 20, 0.85) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--eb-border);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.6);
}

/* Yeni Elmas Bilişim logosu: sadece ikon (elmas figürü) resimden,
   "Elmas Bilişim" yazısı gerçek metin olarak ikonun yanında. */
header .logo {
  height: auto !important;
  overflow: visible !important;
}
header .logo .eb-logo-link {
  display: flex !important;
  align-items: center;
  gap: 1.1rem;
}
header .logo .eb-logo-icon {
  background-image: url('/templates/ligter/img/eb-bg/elmas-logo-icon.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 74px !important;
  height: 74px !important;
  filter: drop-shadow(0 0 10px var(--eb-purple-glow));
  flex-shrink: 0;
}
header .logo .eb-logo-text {
  font-family: var(--eb-font-title);
  font-weight: 800;
  font-size: 2.7rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: none;
  line-height: 1;
}
header .logo .eb-logo-text-1 {
  color: var(--eb-cyan-400);
}
header .logo .eb-logo-text-2 {
  color: var(--eb-purple-400);
}
@media (max-width: 480px) {
  header .logo .eb-logo-text { display: none; }
}

header .menu > ul > li > a {
  color: var(--eb-text-main) !important;
  font-family: var(--eb-font-title) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
header .menu > ul > li > a:hover {
  color: var(--eb-purple-300) !important;
  text-shadow: 0 0 12px var(--eb-purple-glow);
}

.wagonn-header-dropdown-menu,
.wagonn-dropdown-menu,
.wagonn-popup-cart {
  background: var(--eb-glass) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--eb-border) !important;
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.8);
}
.wagonn-header-dropdown-menu a,
.wagonn-dropdown-menu a,
.wagonn-popup-cart h3,
.wagonn-popup-cart h2 {
  color: var(--eb-text-main) !important;
}
.wagonn-header-dropdown-menu a:hover,
.wagonn-dropdown-menu a:hover,
.dropdown-item:hover {
  background: rgba(168, 85, 247, 0.15) !important;
  color: var(--eb-purple-300) !important;
}

/* ---------- Buttons (.wgn-btn family) ---------- */
.wgn-btn {
  background: linear-gradient(135deg, #7e22ce 0%, #a855f7 50%, #c084fc 100%) !important;
  box-shadow: 0 4px 22px var(--eb-purple-glow), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.wgn-btn:hover {
  background: linear-gradient(135deg, #9333ea 0%, #c084fc 50%, #e9d5ff 100%) !important;
  box-shadow: 0 8px 30px var(--eb-purple-glow);
  transform: translateY(-2px);
}
.wgn-btn > i {
  background: rgba(0, 0, 0, 0.25) !important;
}
.wgn-btn-success {
  background: linear-gradient(135deg, #0284c7 0%, #38bdf8 50%, #7dd3fc 100%) !important;
  box-shadow: 0 4px 22px rgba(56, 189, 248, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.wgn-btn-success:hover {
  background: linear-gradient(135deg, #0369a1 0%, #0ea5e9 50%, #38bdf8 100%) !important;
  box-shadow: 0 8px 30px rgba(56, 189, 248, 0.55);
}
.wgn-btn-primary {
  background: linear-gradient(135deg, #7e22ce 0%, #a855f7 100%) !important;
}
.wgn-btn-primary:hover {
  background: linear-gradient(135deg, #9333ea 0%, #c084fc 100%) !important;
}

/* ---------- Homepage hero / slider ---------- */
#slider {
  background: radial-gradient(ellipse at top, rgba(21, 10, 46, 0.55) 0%, rgba(4, 5, 10, 0.55) 60%) !important;
}
#slider h1, #slider h3 {
  color: var(--eb-text-main) !important;
}
#slider .longtext,
#slider .miniFeatures p {
  color: var(--eb-text-muted) !important;
}
#slider .prices .price {
  color: var(--eb-purple-300) !important;
  font-family: var(--eb-font-title) !important;
  font-weight: 800;
}
#slider .prices .cycle {
  color: var(--eb-text-dim) !important;
}

/* ---------- Domain search band ---------- */
#greySpace {
  background: rgba(10, 13, 24, 0.82) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-top: 1px solid var(--eb-border-subtle);
  border-bottom: 1px solid var(--eb-border-subtle);
}
#greySpace .title h2,
#greySpace .title p {
  color: var(--eb-text-main) !important;
}
#greySpace .title .line {
  background: linear-gradient(90deg, var(--eb-purple-500), var(--eb-cyan-400)) !important;
}
#greySpace input[type="text"] {
  background: var(--eb-bg-elevated) !important;
  color: var(--eb-text-main) !important;
  border: 1px solid var(--eb-border) !important;
}
#greySpace .domain-announcments {
  color: var(--eb-text-muted) !important;
}

/* ---------- Package / feature sections ---------- */
#whiteSpace {
  background: rgba(4, 5, 10, 0.72) !important;
}
#whiteSpace .title h2,
#whiteSpace .title p {
  color: var(--eb-text-main) !important;
}
#whiteSpace .title .line {
  background: linear-gradient(90deg, var(--eb-purple-500), var(--eb-cyan-400)) !important;
}

.package {
  background: var(--eb-glass) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--eb-border-subtle) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.85);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.package:hover {
  border-color: var(--eb-border) !important;
  transform: translateY(-4px);
  box-shadow: 0 22px 48px -10px rgba(0, 0, 0, 0.95), 0 0 28px var(--eb-purple-glow);
}
.package .title h3 {
  color: var(--eb-purple-300) !important;
}
.package .title p,
.package .iconFeature .text {
  color: var(--eb-text-muted) !important;
}
.package .iconFeature .icon i {
  color: var(--eb-cyan-400) !important;
}
.package .prices .price {
  color: var(--eb-text-main) !important;
  font-family: var(--eb-font-title) !important;
  font-weight: 800;
}
.package .prices .startat {
  color: var(--eb-text-dim) !important;
}
#whiteSpace hr.sectionSet {
  border-color: var(--eb-border-subtle) !important;
}

#whiteSpace.hFeatures i,
.hFeatures i {
  color: var(--eb-purple-400) !important;
}
.hFeatures h3 {
  color: var(--eb-text-main) !important;
}
.hFeatures p {
  color: var(--eb-text-muted) !important;
}

/* ---------- Footer ---------- */
footer {
  background: rgba(10, 13, 24, 0.9) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid var(--eb-border);
}
footer #top {
  background: transparent !important;
}
footer h2 {
  color: var(--eb-purple-300) !important;
  font-size: 1.05rem;
}
footer .eb-footer-logo {
  background: none !important;
  display: flex !important;
  align-items: center;
  gap: 0.85rem;
  width: auto !important;
  height: auto !important;
}
footer .eb-footer-logo-icon {
  background-image: url('/templates/ligter/img/eb-bg/elmas-logo-icon.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  filter: drop-shadow(0 0 10px var(--eb-purple-glow));
}
footer .eb-footer-logo-text {
  font-family: var(--eb-font-title);
  font-weight: 800;
  font-size: 1.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: none;
}
footer p, footer span, footer li, footer .text span {
  color: var(--eb-text-muted) !important;
}
footer a {
  color: var(--eb-text-muted) !important;
}
footer a:hover {
  color: var(--eb-cyan-300) !important;
}
footer .contactBox .icon {
  color: var(--eb-purple-400) !important;
}
footer .socialMedia a {
  background: var(--eb-bg-elevated) !important;
  border: 1px solid var(--eb-border-subtle);
  color: var(--eb-text-muted) !important;
}
footer .socialMedia a:hover {
  color: var(--eb-purple-300) !important;
  border-color: var(--eb-border);
}
footer #bottom {
  background: var(--eb-bg-main) !important;
  border-top: 1px solid var(--eb-border-subtle);
}
footer #bottom, footer #bottom a {
  color: var(--eb-text-dim) !important;
}

/* =========================================================
   SİTE GENELİ (müşteri paneli, faturalar, destek talebi,
   sipariş formları, diğer tüm iç sayfalar) — Bootstrap
   bileşenlerinin okunabilir dark-theme uyarlaması.
   ========================================================= */

.container-fluid > .panel,
.panel {
  background: var(--eb-glass) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--eb-border-subtle) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.85);
  color: var(--eb-text-main) !important;
}
.panel-heading {
  background: rgba(168, 85, 247, 0.12) !important;
  border-bottom: 1px solid var(--eb-border) !important;
  color: var(--eb-text-main) !important;
}
.panel-title, .panel-title a {
  color: var(--eb-text-main) !important;
}
.panel-body, .panel-footer {
  background: transparent !important;
  color: var(--eb-text-muted) !important;
}

table, .table {
  color: var(--eb-text-main) !important;
  background: transparent !important;
}
.table > thead > tr > th {
  color: var(--eb-purple-300) !important;
  border-bottom: 1px solid var(--eb-border) !important;
  background: rgba(168, 85, 247, 0.08) !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th {
  border-top: 1px solid var(--eb-border-subtle) !important;
  color: var(--eb-text-main) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.03) !important;
}
.table-hover > tbody > tr:hover {
  background: rgba(168, 85, 247, 0.08) !important;
}

input, select, textarea,
.form-control {
  background: var(--eb-bg-elevated) !important;
  color: var(--eb-text-main) !important;
  border: 1px solid var(--eb-border-subtle) !important;
}
.form-control:focus {
  border-color: var(--eb-purple-500) !important;
  box-shadow: 0 0 0 3px var(--eb-purple-glow) !important;
}
::placeholder {
  color: var(--eb-text-dim) !important;
}
label, .control-label {
  color: var(--eb-text-muted) !important;
}

.alert {
  border-radius: 10px !important;
  border: 1px solid transparent !important;
}
.alert-info {
  background: rgba(56, 189, 248, 0.12) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
  color: var(--eb-cyan-300) !important;
}
.alert-success {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  color: #34d399 !important;
}
.alert-warning {
  background: rgba(245, 158, 11, 0.12) !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
  color: #fbbf24 !important;
}
.alert-danger {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #f87171 !important;
}

.list-group-item {
  background: var(--eb-glass) !important;
  border-color: var(--eb-border-subtle) !important;
  color: var(--eb-text-main) !important;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background: rgba(168, 85, 247, 0.1) !important;
  color: var(--eb-text-main) !important;
}
a.list-group-item.active {
  background: linear-gradient(135deg, #7e22ce, #a855f7) !important;
  border-color: var(--eb-purple-500) !important;
  color: #fff !important;
}

.nav-tabs {
  border-bottom: 1px solid var(--eb-border-subtle) !important;
}
.nav-tabs > li > a {
  color: var(--eb-text-muted) !important;
  background: transparent !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: var(--eb-text-main) !important;
  background: var(--eb-glass) !important;
  border-color: var(--eb-border-subtle) var(--eb-border-subtle) transparent !important;
}

.breadcrumb {
  background: var(--eb-glass) !important;
  color: var(--eb-text-muted) !important;
}
.breadcrumb a { color: var(--eb-purple-300) !important; }
.breadcrumb > .active { color: var(--eb-text-main) !important; }

.well {
  background: var(--eb-glass) !important;
  border: 1px solid var(--eb-border-subtle) !important;
  color: var(--eb-text-main) !important;
}

.label, .badge {
  color: #ffffff !important;
}
.label-default, .badge { background: var(--eb-purple-500) !important; }
.label-success { background: #10b981 !important; }
.label-danger { background: #ef4444 !important; }
.label-warning { background: #f59e0b !important; }
.label-info { background: var(--eb-cyan-500) !important; }

.modal-content {
  background: var(--eb-bg-elevated) !important;
  color: var(--eb-text-main) !important;
  border: 1px solid var(--eb-border) !important;
}
.modal-header, .modal-footer {
  border-color: var(--eb-border-subtle) !important;
}

.pagination > li > a,
.pagination > li > span {
  background: var(--eb-glass) !important;
  border-color: var(--eb-border-subtle) !important;
  color: var(--eb-text-muted) !important;
}
.pagination > .active > a,
.pagination > .active > span {
  background: var(--eb-purple-500) !important;
  border-color: var(--eb-purple-500) !important;
  color: #fff !important;
}

/* Standart bootstrap .btn (wgn-btn olmayan eski/klientarea butonları) */
.btn-default {
  background: var(--eb-bg-elevated) !important;
  border-color: var(--eb-border-subtle) !important;
  color: var(--eb-text-main) !important;
}
.btn-primary {
  background: linear-gradient(135deg, #7e22ce, #a855f7) !important;
  border-color: var(--eb-purple-500) !important;
  color: #fff !important;
}
.btn-success {
  background: linear-gradient(135deg, #0284c7, #38bdf8) !important;
  border-color: var(--eb-cyan-500) !important;
  color: #fff !important;
}

/* Kritik okunabilirlik güvencesi: koyu zemin üstünde asla koyu/siyah yazı kalmasın */
.text-muted { color: var(--eb-text-muted) !important; }
.text-dark, .text-black { color: var(--eb-text-main) !important; }

/* =========================================================
   TESPİT EDİLEN BEYAZ/AÇIK ZEMİNLİ BİLEŞENLER — base.min.css
   içinde literal background:#fff/#EEF0F1 vb. kullanan TÜM
   kutular buradan koyu temaya alınır (metin görünür olsun).
   ========================================================= */

/* Paket kartları (packageV1/V2/V3, vds-balancer, knight-pvp vb. TÜM sayfalar) */
.packageV1 .package,
.packageV1-primary-color .package,
.packageV2 .package,
.packageV3 .package,
.serverPackage {
  background: var(--eb-glass) !important;
  color: var(--eb-text-main) !important;
}
.packageV1 .package .title h3,
.packageV1-primary-color .package .title h3 {
  color: var(--eb-purple-300) !important;
}
.package-feature {
  background: rgba(255, 255, 255, 0.04) !important;
}
.package-feature ul li {
  border-bottom-color: var(--eb-border-subtle) !important;
}

/* SSS / FAQ akordeon (.qabody) */
.qabody .title,
.qabody .body {
  background: var(--eb-glass) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid var(--eb-border-subtle) !important;
}
.qabody .title h3 { color: var(--eb-text-main) !important; }
.qabody .body { color: var(--eb-text-muted) !important; }
.activeQa .title {
  background: linear-gradient(135deg, #7e22ce, #a855f7) !important;
  border-color: var(--eb-purple-500) !important;
}
.activeQa .title h3,
.activeQa .title .closeQa { color: #fff !important; }

/* Karşılaştırma tablosu (.wgn-table — bayi-hosting, hosting paket tabloları) */
.wgn-table {
  border-color: var(--eb-border-subtle) !important;
}
.wgn-table thead {
  background: linear-gradient(135deg, #7e22ce, #9333ea) !important;
}
.wgn-table thead th { color: #fff !important; }
.wgn-table tbody tr {
  background: rgba(15, 19, 34, 0.65) !important;
  border-bottom-color: var(--eb-border-subtle) !important;
}
.wgn-table tbody td {
  color: var(--eb-text-main) !important;
}
.wgn-table i.check-circle { color: #34d399 !important; }
.wgn-table i.times-circle { color: #f87171 !important; }

/* Kurumsal içerik sayfaları (bankHesap/hakkımızda/referanslar/sözleşmeler vb.) */
section#corporate,
section#corporate .primaryLightBg {
  background: rgba(4, 5, 10, 0.7) !important;
}
.Context .content,
.ContextColor .content,
.info-group-box,
.bank-group {
  background: var(--eb-glass) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-color: var(--eb-border-subtle) !important;
}
.info-group-box { border-bottom-color: var(--eb-border-subtle) !important; }
.info-group .icon i,
.bank-info-group h3 {
  color: var(--eb-purple-400) !important;
}
.info-group .text h3 {
  color: var(--eb-purple-300) !important;
}
.info-group .text p,
.bank-info-group p {
  color: var(--eb-text-muted) !important;
}
.contract-list li a,
.scrollContainer {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--eb-text-main) !important;
}
.menuContent {
  background: var(--eb-glass) !important;
  border: 1px solid var(--eb-border-subtle) !important;
}
.menuContent a {
  color: var(--eb-text-muted) !important;
}
.menuContent a:hover,
.menuContent li.selected a {
  color: var(--eb-purple-300) !important;
}

/* Ürün detay sekmeleri / diğer beyaz kutular */
.withOutTitleWhite,
.product-details-tab-container,
.product-details-nav-tab li a {
  background: var(--eb-glass) !important;
  color: var(--eb-text-main) !important;
}

/* Modal footer (varsayılan beyazdı) */
.modal-footer {
  background: var(--eb-bg-elevated) !important;
}

/* DataTables (müşteri panelindeki listeler) */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter label .form-control {
  background: var(--eb-glass) !important;
  color: var(--eb-text-main) !important;
}
.dataTables_wrapper table.dataTable tbody tr td {
  background: transparent !important;
  color: var(--eb-text-main) !important;
}
.dataTables_wrapper table.dataTable tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.03) !important;
}

/* section#greySpace her yerde (homepage dışı sayfalarda da EDEFF0 kullanılıyor) */
section#greySpace {
  background: rgba(10, 13, 24, 0.82) !important;
}
section#greySpace .domain-announcments span.title { color: var(--eb-text-main) !important; }
section#greySpace .domain-announcments span.desc { color: var(--eb-text-muted) !important; }

/* Genel güvenlik ağı: bu bilinen açık-zemin class'ları kalırsa bile
   üstündeki yazı görünür kalsın diye metin rengini zeminle eşliyoruz */
.Context .content h1, .Context .content h2, .Context .content h3,
.info-group-box h3, .bank-group h3 {
  text-shadow: none;
}

/* =========================================================
   HOVER SIZINTISI DÜZELTMESİ: base.min.css içindeki
   ".package:hover" ve buton iç span/i renk değişimleri
   metnin okunmaz hale gelmesine sebep oluyordu. Bu kurallar
   TÜM sayfalarda (packageV1/V2/V3, serverPackage vb.) buton
   ve kart görünümünü hover'da da sabitler.
   ========================================================= */
.package:hover {
  background: var(--eb-glass-hover) !important;
  color: var(--eb-text-main) !important;
}
.package:hover .title h3 { color: var(--eb-purple-300) !important; }
.package:hover .title p,
.package:hover .iconFeature .text { color: var(--eb-text-muted) !important; }
.package:hover .package-feature { background: rgba(255, 255, 255, 0.05) !important; }
.package:hover .prices .price { color: var(--eb-text-main) !important; }

/* .wgn-btn içindeki yazı/ikon HER durumda (hover, kart hover, dark/white tema) beyaz kalsın */
.wgn-btn span,
.wgn-btn:hover span,
.package:hover .wgn-btn span,
.serverPackage li:hover .wgn-btn span {
  color: #ffffff !important;
}
.wgn-btn > i,
.wgn-btn:hover > i,
.package:hover .wgn-btn > i,
.serverPackage li:hover .wgn-btn > i {
  color: #ffffff !important;
  background: rgba(0, 0, 0, 0.25) !important;
}
.wgn-btn,
.package:hover .wgn-btn-success,
.serverPackage li:hover .wgn-btn-primary {
  background: linear-gradient(135deg, #7e22ce 0%, #a855f7 50%, #c084fc 100%) !important;
}
.package:hover .wgn-btn-success {
  background: linear-gradient(135deg, #0284c7 0%, #38bdf8 50%, #7dd3fc 100%) !important;
}

/* =========================================================
   SAYFA ÜSTÜ "COVER" GÖRSELLERİ (oil-green-bg, stock-bg,
   virtualServer, bayiHosting, dedicatedServers vb. TÜM
   #pageHeader / #slider stok fotoğrafları).
   NOT: Önceki sürümde ::before + position:relative/z-index
   tekniği kullanılmıştı; bu bazı sayfalarda beklenmeyen bir
   karartma/kaplama sorununa yol açtı. Basit ve garanti güvenli
   yönteme geçildi: TEK bir background shorthand içinde koyu
   gradient + hareketli arka plan fotoğrafı birleştirilir.
   Pseudo-eleman, position veya z-index KULLANILMAZ.
   ========================================================= */
section#pageHeader,
section#slider .swiper-slide,
.oil-green-bg,
.linuxWebHosting,
.kurumsalWebHosting,
.bayiHosting,
.virtualServer,
.dedicatedServers,
.coLocation,
.sslCertificates,
.licensedProducts,
.aboutUs,
.businessInformation,
.bankAccounts,
.contracts,
.contact,
.clientareaForm,
.clientareaCustomer,
.shoppingCart,
.domainRegister,
.domainTransfer {
  background-image:
    linear-gradient(160deg, rgba(10, 6, 25, 0.68) 0%, rgba(4, 5, 10, 0.8) 55%, rgba(4, 5, 10, 0.88) 100%),
    url('/templates/ligter/img/eb-bg/img1.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}
#pageHeader h1, #pageHeader h6, #pageHeader p,
#slider .swiper-slide h1, #slider .swiper-slide h3 {
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.9), 0 0 30px rgba(0, 0, 0, 0.6) !important;
}

/* =========================================================
   packageV2 / packageV3: hover'da başlık kutusu yarı-beyaza
   dönüp yazının üstünü kapatıyordu (kullanıcı bildirimi).
   Başlık kutusunu her durumda koyu sabitliyoruz.
   ========================================================= */
.packageV2 .package .title,
.packageV2 .package:hover .title {
  background: rgba(10, 13, 24, 0.78) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.packageV2 .package .title h2,
.packageV2 .package .prices .price,
.packageV2 .package .prices small {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}
.packageV2 .package .features {
  background: var(--eb-glass) !important;
}
.packageV2 .package .features .set i,
.packageV2 .package .features .set2 .icon i {
  color: var(--eb-cyan-400) !important;
}
.packageV2 .package .features p {
  color: var(--eb-text-muted) !important;
}

.packageV3 li a,
.packageV3 li a:hover,
.packageV3 li.active a {
  background: rgba(10, 13, 24, 0.78) !important;
  color: #ffffff !important;
}
.packageV3 li.active a {
  background: linear-gradient(135deg, #7e22ce, #a855f7) !important;
}