/* ============================================
   CARD DARK MODE
   Dark theme overrides for all card types
   ============================================ */

/* Dark mode skeleton cards */
body.dark-theme .skeleton-card {
    background-color: #2a2a2a;
    border: 1px solid #3a3a3a;
}

body.dark-theme .skeleton-plate {
    background: linear-gradient(90deg, #333 25%, #404040 50%, #333 75%);
    background-size: 200% 100%;
}

body.dark-theme .skeleton-line {
    background: linear-gradient(90deg, #333 25%, #404040 50%, #333 75%);
    background-size: 200% 100%;
}

/* Dark theme shimmer for image loading */
body.dark-theme .plate-image-wrapper::before {
    background: linear-gradient(90deg, transparent 25%, rgba(255,255,255,0.1) 50%, transparent 75%);
    background-size: 200% 100%;
}

/* Dark theme base cards (not sponsored/champagne) */
body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) {
    background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .plate-number-container {
    background-color: #333 !important;
    background-image: url('../../assets/images/plate-background.png') !important;
    background-size: 85% auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .plate-number {
    background: transparent !important;
    border: none !important;
    color: #1a1a1a !important;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8) !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .plate-details {
    background: linear-gradient(135deg, #1e1e1e 0%, #2a2a2a 100%) !important;
    color: #f0f0f0 !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .plate-category {
    color: #888 !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .plate-price {
    color: #ffffff !important;
    text-shadow: none !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .plate-price.highest-offer {
    color: #d4af37 !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .plate-price.highest-offer .highest-offer-text {
    color: #d4af37 !important;
}

/* Feature badges in dark mode */
body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .feature-badge {
    background-color: #3d3d3d !important;
    color: #f0f0f0 !important;
}

/* View count badge in dark mode */
body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .view-count-badge {
    background-color: rgba(50, 50, 50, 0.95) !important;
    color: #f0f0f0 !important;
}

/* Favorite badge in dark mode */
body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .favorite-count-badge {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .favorite-count-badge svg {
    stroke: #ffffff !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .favorite-count-badge.active {
    background: rgba(255, 255, 255, 0.2) !important;
}

body.dark-theme .plate-card:not(.sponsored-plate):not(.champagne-plate) .favorite-count-badge.active svg {
    fill: #ffffff !important;
}