/**
 * ZZERSS BET - Profesyonel sayfa stilleri
 * Betovis tarzı, tutarlı ve temiz arayüz
 */

/* Kartlar - daha az yapay, daha profesyonel */
.pro-card,
.auth-card,
.deposit-card,
.withdraw-card,
.profile-card {
  background: #16161d !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.2) !important;
}

/* Form elemanları - temiz */
.pro-card .form-control,
.auth-card .form-control,
.deposit-card .form-control,
.withdraw-card .form-control {
  background: rgba(0,0,0,0.25) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  color: #fff !important;
  padding: 12px 14px !important;
}
.pro-card .form-control:focus,
.auth-card .form-control:focus,
.deposit-card .form-control:focus,
.withdraw-card .form-control:focus {
  border-color: rgba(220,38,38,0.5) !important;
  box-shadow: 0 0 0 2px rgba(220,38,38,0.15) !important;
}
.pro-card .form-label,
.auth-card .form-label,
.deposit-card .form-label,
.withdraw-card .form-label {
  font-weight: 600 !important;
  color: #d1d5db !important;
  margin-bottom: 6px !important;
}

/* Ana butonlar - gradient yerine solid, daha profesyonel */
.btn-pro-primary,
.btn-login,
.btn-register {
  background: #dc2626 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  transition: background 0.2s, transform 0.1s !important;
}
.btn-pro-primary:hover,
.btn-login:hover,
.btn-register:hover {
  background: #b91c1c !important;
  color: #fff !important;
  transform: translateY(0);
}

/* Yeşil aksiyon (yatır, çek) */
.btn-deposit,
.btn-withdraw {
  background: #16a34a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  transition: background 0.2s !important;
}
.btn-deposit:hover,
.btn-withdraw:hover {
  background: #15803d !important;
  color: #fff !important;
}

/* Sayfa başlıkları */
.pro-page-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.pro-page-subtitle {
  font-size: 0.9rem;
  color: #9ca3af;
  margin-bottom: 24px;
}

/* Profil linkleri - liste stili */
.profile-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 8px;
  color: #e5e7eb;
  text-decoration: none;
  margin-bottom: 10px;
  transition: all 0.2s;
}
.profile-link:hover {
  background: rgba(220,38,38,0.1);
  border-color: rgba(220,38,38,0.25);
  color: #fff;
}
.profile-link i {
  width: 20px;
  text-align: center;
  color: #dc2626;
}

/* Yöntem kartları - seçilebilir */
.method-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  margin-bottom: 10px !important;
  cursor: pointer;
  transition: all 0.2s !important;
}
.method-card:hover {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.12) !important;
}
.method-card.selected {
  border-color: rgba(220,38,38,0.5) !important;
  background: rgba(220,38,38,0.08) !important;
}
.method-icon-wrap {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 12px;
}
.method-icon-img {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
}
.method-icon-wrap .method-icon-fa {
  font-size: 1.25rem;
}