/* Elegant Dark Mode - Gråskala & Guld för Scout Hub */

:root {
  /* Mörka bakgrundsfärger */
  --dark-bg: #0a0a0a;
  --dark-bg-secondary: #141414;
  --dark-bg-tertiary: #1f1f1f;
  --dark-bg-quaternary: #2a2a2a;
  
  /* Textfärger i gråskala */
  --dark-text: #e8e8e8;
  --dark-text-secondary: #a0a0a0;
  --dark-text-muted: #707070;
  
  /* Guldaccenter */
  --gold-primary: #d4af37;
  --gold-hover: #f4e4bc;
  --gold-subtle: #8b7355;
  --gold-dark: #b8941f;
  --gold-glow: rgba(212, 175, 55, 0.2);
  --gold-glow-strong: rgba(212, 175, 55, 0.4);
  
  /* Gråskala borders */
  --dark-border: #333333;
  --dark-border-light: #444444;
  --dark-border-lighter: #555555;
  
  /* Premium shadows */
  --dark-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  --dark-shadow-gold: 0 0 20px var(--gold-glow);
  --dark-shadow-strong: 0 8px 32px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] {
  color-scheme: dark;
}

[data-theme="dark"] body {
  background: var(--dark-bg) !important;
  color: var(--dark-text) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] header {
  background: var(--dark-bg-secondary) !important;
  border-bottom: 2px solid var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow) !important;
}

[data-theme="dark"] nav a {
  color: var(--gold-primary) !important;
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  background: var(--dark-bg-tertiary) !important;
  transition: all 0.3s ease !important;
  border-radius: 8px !important;
}

[data-theme="dark"] nav a:hover {
  background: var(--dark-bg-tertiary) !important;
  color: var(--gold-hover) !important;
  border: 1px solid var(--gold-primary) !important;
  box-shadow: 0 0 30px var(--gold-glow-strong) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] nav a.active {
  background: var(--dark-bg-tertiary) !important;
  color: var(--gold-primary) !important;
  border: 1px solid var(--gold-primary) !important;
}

[data-theme="dark"] .hero-section {
  background: var(--dark-bg-tertiary) !important;
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  border-radius: 12px !important;
  padding: 2.5rem 2rem !important;
}

[data-theme="dark"] .hero-section h2 {
  color: var(--gold-primary) !important;
}

[data-theme="dark"] .hero-section p {
  color: var(--gold-primary) !important;
}

[data-theme="dark"] .logo-text h1 {
  color: var(--gold-primary) !important;
  background: transparent !important;
  text-shadow: 0 0 20px var(--gold-glow) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] section {
  background: var(--dark-bg-secondary) !important;
  color: var(--dark-text) !important;
  border: 1px solid var(--dark-border) !important;
  box-shadow: var(--dark-shadow) !important;
  transition: all 0.3s ease !important;
  border-radius: 12px !important;
}

[data-theme="dark"] .player-card {
  background: var(--dark-bg-tertiary) !important;
  color: var(--gold-primary) !important;
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  transition: all 0.3s ease !important;
  border-radius: 16px !important;
}

[data-theme="dark"] .category-card {
  background: var(--dark-bg-tertiary) !important;
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
}

[data-theme="dark"] .category-content h3 {
  color: var(--gold-primary) !important;
}

[data-theme="dark"] .category-content p {
  color: var(--gold-primary) !important;
}

[data-theme="dark"] .card:hover,
[data-theme="dark"] .player-card:hover {
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .modal-content {
  background: var(--dark-bg-secondary) !important;
  color: var(--dark-text) !important;
  border: 2px solid var(--gold-subtle) !important;
  box-shadow: 0 0 30px var(--gold-glow), var(--dark-shadow-strong) !important;
  border-radius: 16px !important;
}

/* SPELARPROFIL MODAL - Enhanced Dark Mode */
[data-theme="dark"] #playerProfileModal .modal-header::after {
  box-shadow: 0 0 20px var(--gold-glow-strong) !important;
}

[data-theme="dark"] #playerProfileModal .modal-header {
  background: var(--dark-bg-secondary) !important;
  border-bottom-color: var(--gold-primary) !important;
}

[data-theme="dark"] #playerProfileModal .modal-header h2 {
  color: var(--gold-primary) !important;
}

[data-theme="dark"] .profile-header {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 30px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .profile-header::before {
  background: linear-gradient(45deg, transparent 0%, var(--gold-glow-strong, rgba(212, 175, 55, 0.2)) 100%) !important;
}

[data-theme="dark"] .detail-section {
  border-color: var(--gold-subtle) !important;
  background: var(--dark-bg-tertiary) !important;
}

[data-theme="dark"] .detail-section:hover {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 25px var(--gold-glow) !important;
}

[data-theme="dark"] .detail-section::before {
  box-shadow: 0 0 15px var(--gold-glow) !important;
}

[data-theme="dark"] .detail-section h4 {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 15px var(--gold-glow) !important;
}

[data-theme="dark"] .detail-section i {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 15px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .notes-divider {
  box-shadow: 0 0 15px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .notes-in-details h5 {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 12px var(--gold-glow) !important;
}

[data-theme="dark"] .notes-in-details i {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 15px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .notes-content {
  background: var(--dark-bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 15px var(--gold-glow) !important;
}

[data-theme="dark"] .notes-content p {
  color: var(--dark-text) !important;
}

[data-theme="dark"] .detail-label {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 12px var(--gold-glow) !important;
}

[data-theme="dark"] .detail-value {
  color: var(--dark-text) !important;
  text-shadow: none !important;
}

[data-theme="dark"] .share-section {
  background: var(--dark-bg-tertiary) !important;
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 20px var(--gold-glow) !important;
}

[data-theme="dark"] .share-section h5 {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 12px var(--gold-glow) !important;
}

[data-theme="dark"] .share-section i {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 15px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .quick-share-btn {
  background: var(--dark-bg-quaternary) !important;
  border-color: var(--gold-subtle) !important;
  box-shadow: 0 0 12px var(--gold-glow) !important;
}

[data-theme="dark"] .quick-share-btn:hover {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 25px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .quick-share-btn i {
  color: var(--gold-primary) !important;
  text-shadow: 0 0 15px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .quick-share-btn span {
  color: var(--dark-text) !important;
  text-shadow: none !important;
}

[data-theme="dark"] .quick-share-btn small {
  color: var(--dark-text) !important;
  opacity: 0.8 !important;
}

[data-theme="dark"] .profile-actions {
  background: var(--dark-bg-tertiary) !important;
  border-top-color: var(--gold-primary) !important;
  box-shadow: 0 -5px 20px var(--gold-glow) !important;
}

[data-theme="dark"] .profile-actions .btn-danger {
  color: #ff6b7a !important;
  border-color: #ff6b7a !important;
}

[data-theme="dark"] .profile-actions .btn-danger:hover {
  background: #ff6b7a !important;
  color: var(--dark-bg-primary) !important;
}

[data-theme="dark"] .media-item {
  background: var(--dark-bg-tertiary) !important;
  border-color: var(--gold-subtle) !important;
  box-shadow: 0 0 12px var(--gold-glow) !important;
}

[data-theme="dark"] .media-item:hover {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 30px var(--gold-glow-strong) !important;
}

[data-theme="dark"] .add-media {
  background: var(--dark-bg-tertiary) !important;
  border-color: var(--gold-subtle) !important;
  box-shadow: 0 0 12px var(--gold-glow) !important;
}

[data-theme="dark"] .add-media:hover {
  border-color: var(--gold-primary) !important;
  background: var(--dark-bg-quaternary) !important;
  box-shadow: 0 0 25px var(--gold-glow-strong) !important;
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background: var(--dark-bg-tertiary) !important;
  color: var(--dark-text) !important;
  border: 1px solid var(--dark-border) !important;
  transition: all 0.3s ease !important;
  border-radius: 8px !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 0 3px var(--gold-glow) !important;
  background: var(--dark-bg-quaternary) !important;
}

/* KNAPPAR - Elegant gråskala med guldkanter */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] button[type="submit"],
[data-theme="dark"] .add-player-btn {
  background: var(--dark-bg-tertiary) !important;
  color: var(--gold-primary) !important;
  border: 1px solid var(--gold-primary) !important;
  transition: all 0.3s ease !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] button[type="submit"]:hover,
[data-theme="dark"] .add-player-btn:hover {
  background: var(--gold-primary) !important;
  color: var(--dark-bg) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  transform: translateY(-1px) !important;
}

/* SEARCH BOX - Match add-player-btn styling */
[data-theme="dark"] .search-box input {
  background: var(--dark-bg-tertiary) !important;
  color: var(--gold-primary) !important;
  border: 1px solid var(--gold-primary) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .search-box input:focus {
  border-color: var(--gold-primary) !important;
  box-shadow: 0 0 0 3px var(--gold-glow) !important;
  background: var(--dark-bg-quaternary) !important;
}

/* STATUS BADGE GLOW EFFECTS FOR DARK MODE */
/* Client & Mandate - Grön glow */
[data-theme="dark"] .player-card:hover .player-status.client,
[data-theme="dark"] .player-card:hover .player-status.mandate {
  box-shadow: 
      0 0 25px rgba(76, 175, 80, 0.9),
      0 0 40px rgba(76, 175, 80, 0.6) !important;
  border-color: rgba(76, 175, 80, 0.8) !important;
  transform: scale(1.05) !important;
}

/* Talent - Guld glow */
[data-theme="dark"] .player-card:hover .player-status.talent {
  box-shadow: 
      0 0 25px var(--gold-glow-strong),
      0 0 40px var(--gold-glow) !important;
  border-color: var(--gold-primary) !important;
  transform: scale(1.05) !important;
}

/* Hot - Orange glow */
[data-theme="dark"] .player-card:hover .player-status.hot {
  box-shadow: 
      0 0 25px rgba(255, 87, 34, 0.9),
      0 0 40px rgba(255, 87, 34, 0.6) !important;
  border-color: rgba(255, 87, 34, 0.8) !important;
  transform: scale(1.05) !important;
}

/* Rising - Ljusblå glow */
[data-theme="dark"] .player-card:hover .player-status.rising {
  box-shadow: 
      0 0 25px rgba(33, 150, 243, 0.9),
      0 0 40px rgba(33, 150, 243, 0.6) !important;
  border-color: rgba(33, 150, 243, 0.8) !important;
  transform: scale(1.05) !important;
}

/* Watch - Grön glow */
[data-theme="dark"] .player-card:hover .player-status.watch {
  box-shadow: 
      0 0 25px rgba(76, 175, 80, 0.9),
      0 0 40px rgba(76, 175, 80, 0.6) !important;
  border-color: rgba(76, 175, 80, 0.8) !important;
  transform: scale(1.05) !important;
}

/* Watching - Stark vit glow för dark mode */
[data-theme="dark"] .player-card:hover .player-status.watching {
  box-shadow: 
      0 0 30px rgba(255, 255, 255, 1.0),
      0 0 50px rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
  transform: scale(1.05) !important;
}

/* Lost - Grå glow */
[data-theme="dark"] .player-card:hover .player-status.lost {
  box-shadow: 
      0 0 25px rgba(153, 153, 153, 0.7),
      0 0 40px rgba(153, 153, 153, 0.5) !important;
  border-color: rgba(153, 153, 153, 0.6) !important;
  transform: scale(1.05) !important;
}

[data-theme="dark"] .btn-outline,
[data-theme="dark"] .btn-secondary {
  background: transparent !important;
  border: 1px solid var(--dark-border-light) !important;
  color: var(--dark-text) !important;
  transition: all 0.3s ease !important;
  border-radius: 8px !important;
}

[data-theme="dark"] .btn-outline:hover,
[data-theme="dark"] .btn-secondary:hover {
  background: var(--dark-bg-tertiary) !important;
  border-color: var(--gold-subtle) !important;
  color: var(--gold-primary) !important;
  box-shadow: var(--dark-shadow-gold) !important;
}

/* FILTER KNAPPAR - Gråskala med guldaccenter */
[data-theme="dark"] .filter-btn {
  background: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-secondary) !important;
  border: 1px solid var(--dark-border) !important;
  transition: all 0.3s ease !important;
  border-radius: 20px !important;
}

[data-theme="dark"] .filter-btn:hover {
  background: var(--dark-bg-quaternary) !important;
  color: var(--dark-text) !important;
  border-color: var(--gold-subtle) !important;
}

[data-theme="dark"] .filter-btn.active {
  background: var(--dark-bg-quaternary) !important;
  color: var(--gold-primary) !important;
  border: 1px solid var(--gold-primary) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  font-weight: 600 !important;
}

/* STATUS BADGES - Alla i gråskala */
[data-theme="dark"] .status-badge,
[data-theme="dark"] .player-status {
  background: var(--dark-bg-quaternary) !important;
  color: var(--dark-text) !important;
  border: 1px solid var(--dark-border-light) !important;
}

[data-theme="dark"] .status-badge.hot,
[data-theme="dark"] .status-badge.client,
[data-theme="dark"] .status-badge.rising {
  background: var(--dark-bg-tertiary) !important;
  color: var(--gold-primary) !important;
  border: 1px solid var(--gold-subtle) !important;
}

[data-theme="dark"] .status-badge.watch,
[data-theme="dark"] .status-badge.talent {
  background: var(--dark-bg-quaternary) !important;
  color: var(--dark-text) !important;
  border: 1px solid var(--dark-border-lighter) !important;
}

/* SPELARSTATUSER - Gråskala hierarchy */
[data-theme="dark"] .player-card.client,
[data-theme="dark"] .player-card.hot {
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: 0 0 15px var(--gold-glow) !important;
}

[data-theme="dark"] .player-card.watching,
[data-theme="dark"] .player-card.mandate,
[data-theme="dark"] .player-card.talent {
  border: 1px solid var(--dark-border-light) !important;
}

[data-theme="dark"] .player-card.lost {
  border: 1px solid var(--dark-border) !important;
  opacity: 0.7 !important;
}

/* PROSPECTS & DASHBOARD - Premium guld styling */
[data-theme="dark"] .no-prospects {
  background: var(--dark-bg-tertiary) !important;
  color: var(--dark-text-muted) !important;
  border: 2px dashed var(--dark-border-light) !important;
  border-radius: 12px !important;
}

[data-theme="dark"] .prospect-item {
  background: var(--dark-bg-tertiary) !important;
  border: 1px solid var(--dark-border) !important;
  transition: all 0.3s ease !important;
  border-radius: 12px !important;
  cursor: pointer !important;
}

[data-theme="dark"] .prospect-item:hover {
  background: var(--dark-bg-quaternary) !important;
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .prospect-item .value {
  color: var(--gold-primary) !important;
  font-weight: 600 !important;
}

/* TRANSFERSEKTION - Gråskala */
[data-theme="dark"] .transfer-item {
  background: var(--dark-bg-tertiary) !important;
  border: 1px solid var(--dark-border) !important;
  transition: all 0.3s ease !important;
  border-radius: 8px !important;
}

[data-theme="dark"] .transfer-item:hover {
  border-color: var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
}

[data-theme="dark"] .transfer-item.urgent {
  border-color: var(--gold-subtle) !important;
  box-shadow: 0 0 10px var(--gold-glow) !important;
}

[data-theme="dark"] .news-item {
  border-bottom: 1px solid var(--dark-border) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .news-item:hover {
  background: var(--dark-bg-tertiary) !important;
  border-radius: 8px !important;
}

/* PREMIUM TOGGLE SWITCH - Guld accenter */
[data-theme="dark"] .toggle-switch .slider {
  background-color: var(--dark-border-light) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .toggle-switch input:checked + .slider {
  background-color: var(--gold-primary) !important;
  box-shadow: 0 0 10px var(--gold-glow) !important;
}

[data-theme="dark"] .toggle-switch .slider:before {
  background-color: var(--dark-text) !important;
  transition: all 0.3s ease !important;
}

/* STATISTIK - Premium guld styling */
[data-theme="dark"] .stat-item {
  background: var(--dark-bg-secondary) !important;
  border: 1px solid var(--dark-border) !important;
  transition: all 0.3s ease !important;
  border-radius: 12px !important;
}

[data-theme="dark"] .stat-item:hover {
  border-color: var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .stat-content h3 {
  color: var(--gold-primary) !important;
  font-weight: 700 !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .stat-content p {
  color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .stat-icon {
  color: var(--gold-subtle) !important;
}

/* DASHBOARD KORT - Elegant premium */
[data-theme="dark"] .dashboard .card {
  background: var(--dark-bg-secondary) !important;
  border: 1px solid var(--dark-border) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .dashboard .card:hover {
  border-color: var(--gold-subtle) !important;
  box-shadow: var(--dark-shadow-gold) !important;
}

[data-theme="dark"] .card-header h3 {
  color: var(--dark-text) !important;
}

[data-theme="dark"] .card-badge {
  background: var(--gold-primary) !important;
  color: var(--dark-bg) !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
}

/* PREMIUM SPECIALEFFEKTER */
[data-theme="dark"] .primary-card {
  border: 1px solid var(--gold-subtle) !important;
  box-shadow: 0 0 20px var(--gold-glow) !important;
}

[data-theme="dark"] .primary-card:hover {
  box-shadow: 0 0 30px var(--gold-glow-strong) !important;
}

/* PLAYER INFO GRID - Guldig ram och styling */
[data-theme="dark"] .player-info-grid {
  background: var(--dark-bg-tertiary) !important;
  border: 1px solid var(--gold-subtle) !important;
  border-radius: 12px !important;
  padding: 1rem !important;
  box-shadow: 0 0 20px var(--gold-glow) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .player-info-grid:hover {
  box-shadow: 0 0 30px var(--gold-glow-strong) !important;
  border-color: var(--gold-primary) !important;
}

[data-theme="dark"] .info-item {
  background: transparent !important;
}

[data-theme="dark"] .info-label {
  color: var(--dark-text-muted) !important;
}

[data-theme="dark"] .info-value {
  color: var(--dark-text) !important;
}

[data-theme="dark"] .player-name {
  color: #d4af37 !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .player-card .player-name {
  color: #d4af37 !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .player-card-content h3 {
  color: #d4af37 !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .player-card h3 {
  color: #d4af37 !important;
  font-weight: 700 !important;
}

/* PLAYER CARD KNAPPAR - Fix vit bakgrund */
[data-theme="dark"] .player-card-actions {
  background: transparent !important;
}

[data-theme="dark"] .player-card .btn-outline {
  background: var(--dark-bg-tertiary) !important;
  color: var(--dark-text) !important;
  border: 1px solid var(--dark-border-light) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .player-card .btn-outline:hover {
  background: var(--dark-bg-quaternary) !important;
  border-color: var(--gold-subtle) !important;
  color: var(--gold-primary) !important;
  box-shadow: var(--dark-shadow-gold) !important;
}

/* CLUB INFO - Dark mode styling */
[data-theme="dark"] .club-details strong {
    color: var(--gold-primary) !important;
}

[data-theme="dark"] .club-details span {
    color: var(--dark-text-secondary) !important;
}

/* FORM DROPDOWN STYLING - Fix white backgrounds */
[data-theme="dark"] .dropdown-options {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border) !important;
    box-shadow: var(--dark-shadow) !important;
}

[data-theme="dark"] .dropdown-option {
    background: transparent !important;
    color: var(--dark-text) !important;
    border-bottom: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .dropdown-option:hover {
    background: var(--dark-bg-tertiary) !important;
    color: var(--gold-primary) !important;
}

[data-theme="dark"] .searchable-select input[type="text"] {
    background: var(--dark-bg-tertiary) !important;
    color: var(--dark-text) !important;
    border: 1px solid var(--dark-border) !important;
}

[data-theme="dark"] .searchable-select.active input[type="text"] {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 0 3px var(--gold-glow) !important;
}

/* PROFILE IMAGE SELECTOR - Dark mode styling */
[data-theme="dark"] .current-profile-image {
    background: var(--dark-bg-tertiary) !important;
    border: 3px solid var(--gold-subtle) !important;
    box-shadow: var(--dark-shadow-gold) !important;
}

[data-theme="dark"] .current-profile-image:hover {
    border-color: var(--gold-primary) !important;
    box-shadow: 0 0 20px var(--gold-glow-strong) !important;
    transform: scale(1.02) !important;
}

[data-theme="dark"] .no-image-placeholder {
    color: var(--dark-text-secondary) !important;
}

[data-theme="dark"] .no-image-placeholder i {
    color: var(--gold-primary) !important;
}

[data-theme="dark"] .no-image-placeholder span {
    color: var(--dark-text) !important;
}

[data-theme="dark"] .image-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
    color: var(--gold-primary) !important;
}

/* SMOOTH TRANSITIONS för all premium-känsla */
[data-theme="dark"] * {
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
}