/**
 * SPOTD — profil joueur public : surcharge la DA legacy (couleurs flashy / #FF304F)
 * pour s’aligner sur le thème Drafted (spotd-design-system + spotd-ux-human).
 * Charge après le bloc <style> inline de user-profile.blade.php.
 */

/* Hauteur + cadrage pour toutes les bannières.
 * Ne PAS imposer le dégradé avec !important sur toutes les bannières : ça écrase
 * le background-image inline / post-upload (les styles inline perdent vs !important). */
body.spotd-theme-drafted .spotd-profile-route .hero-profile-banner {
  height: min(280px, 42vw) !important;
  background-size: cover !important;
  background-position: center !important;
}

body.spotd-theme-drafted .spotd-profile-route .hero-profile-banner:not(.hero-profile-banner--has-cover):not([style*="background-image"]) {
  background-image: linear-gradient(135deg, #14141c 0%, #1a1530 45%, #12121a 100%) !important;
}

body.spotd-theme-drafted .spotd-profile-route .profile-hero-overlay {
  background-color: rgba(5, 5, 10, 0.45) !important;
  pointer-events: none !important;
}

body.spotd-theme-drafted .spotd-profile-route .spotd-profile-cover-actions {
  pointer-events: auto !important;
}

body.spotd-theme-drafted .spotd-profile-route .profile-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

body.spotd-theme-drafted .spotd-profile-route .profile-avatar {
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35) !important;
}

body.spotd-theme-drafted .spotd-profile-route .user-stats-card {
  background: rgba(30, 30, 38, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22) !important;
}

body.spotd-theme-drafted .spotd-profile-route .user-stats-card:hover {
  transform: translateY(-2px) !important;
}

body.spotd-theme-drafted .spotd-profile-route .stat-icon {
  color: var(--spotd-accent-soft, #c4b5fd) !important;
}

body.spotd-theme-drafted .spotd-profile-route .section-title::after {
  background: var(--spotd-accent, #7b61ff) !important;
}

body.spotd-theme-drafted .spotd-profile-route .role-badge {
  background: rgba(123, 97, 255, 0.12) !important;
  color: var(--spotd-accent-soft, #c4b5fd) !important;
  border: 1px solid rgba(123, 97, 255, 0.25);
}

body.spotd-theme-drafted .spotd-profile-route .team-card {
  background: rgba(22, 22, 30, 0.98) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
}

body.spotd-theme-drafted .spotd-profile-route .team-logo1 {
  border-color: rgba(167, 139, 250, 0.45) !important;
}

body.spotd-theme-drafted .spotd-profile-route .social-icons a:hover {
  background: rgba(123, 97, 255, 0.35) !important;
  transform: translateY(-1px) !important;
}

body.spotd-theme-drafted .spotd-profile-route .container.py-5 {
  max-width: min(100%, 90rem) !important;
}

@media (max-width: 767.98px) {
  body.spotd-theme-drafted .spotd-profile-route .profile-avatar {
    width: 120px !important;
    height: 120px !important;
    margin-top: -60px !important;
  }
}

body.spotd-theme-drafted .spotd-profile-route .hero-profile-banner .spotd-screen-head__eyebrow {
  color: rgba(255, 255, 255, 0.78) !important;
}