/* ============================================
   VVIP CARD STYLES (Sponsored/Maroon)
   Premium maroon gradient cards with gold accents
   ============================================ */

/* Special styling for sponsored plates */
.sponsored-plate .plate-number-container {
    background-image: url('../../assets/images/plate-background.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #1c0107;
}

.sponsored-plate .plate-number {
    background: transparent;
    border: none;
    color: #1a1a1a;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
}

.sponsored-plate::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--card-accent), #e09900);
    z-index: 2;
}

/* Sponsored label */
.sponsored-label {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 10px;
    background-color: var(--card-accent);
    color: white;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

/* ---- VIP Sponsored Overrides ---- */
.sponsored-plate {
    background: linear-gradient(145deg,#3b030d 0%, #5e0918 45%, #7c0f23 70%, #3b030d 100%);
    border: none;
    outline: none;
    box-shadow: 0 8px 22px -6px rgba(0,0,0,0.55);
    position: relative;
    overflow: hidden;
}

.sponsored-plate:hover {
    box-shadow: 0 12px 28px -6px rgba(0,0,0,0.6);
    transform: translateY(-5px);
    outline: none;
}

/* Remove complex inner glow and shimmer */
.sponsored-plate::before {
    display: none;
}

.sponsored-plate::after {
    display: none;
}

/* Plate number zone upgrade */
.sponsored-plate .plate-number-container {
    background: linear-gradient(145deg, #2a0209 0%, #4a0713 45%, #620c1c 70%, #2a0209 100%), url('../../assets/images/plate-background.png');
    background-size: cover, 85% auto;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    border-bottom: 1px solid #d4af37;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.04), 0 4px 14px -4px rgba(0,0,0,0.65);
}

.sponsored-plate .plate-number {
    background: transparent !important;
    border: none !important;
    color: #1a1a1a !important;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
    font-weight: 700;
}

/* Feature badge contrast inside dark background */
.sponsored-plate .feature-badge {
    background: linear-gradient(135deg,#d4af37,#b88d10);
    color:#2a1500;
    box-shadow: 0 2px 6px rgba(0,0,0,0.45);
}

.sponsored-plate .feature-badge.multiple-features::after {
    color:#2a1500;
}

/* Sponsored ribbon refinement */
.sponsored-plate .sponsored-label {
    background: linear-gradient(135deg,#d4af37,#b88d10);
    color:#2a1500;
    letter-spacing:.5px;
    font-weight:700;
    border: 1px solid rgba(110,70,0,0.25);
    box-shadow: 0 2px 6px rgba(0,0,0,0.45);
}

/* Details area - WHITE TEXT for maroon plates */
.sponsored-plate .plate-details {
    background: linear-gradient(145deg, #3b030d 0%, #5e0918 45%, #7c0f23 70%, #3b030d 100%) !important;
    color: #ffffff !important;
    padding: 20px;
    position: relative;
    z-index: 1;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sponsored-plate .plate-category {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600;
}

.sponsored-plate .plate-details .plate-price-row .plate-price {
    color: #ffffff !important;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.sponsored-plate .plate-details .plate-price-row .plate-price.highest-offer,
.sponsored-plate .plate-details .plate-price-row .plate-price.highest-offer .highest-offer-text {
    color: #ffffff !important;
}

/* Ensure all text in sponsored details */
.sponsored-plate .plate-details * {
    color: #ffffff !important;
}

/* Premium plate glow */
.sponsored-plate .plate-glow {
    background: radial-gradient(circle, rgba(212,175,55,0.3), transparent 70%);
}

/* View count badge overrides */
.sponsored-plate .view-count-badge {
    background-color: rgba(52, 73, 94, 0.92);
    color: #fff;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}

.sponsored-plate .view-count-badge svg {
    fill: #fff;
}

.sponsored-plate .view-count-badge span {
    color: #fff;
}

/* Star badge for sponsored plates */
.sponsored-star-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    width: 30px;
    height: 30px;
    background: linear-gradient(135deg, #d4af37, #b88d10);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    animation: subtle-pulse 2s infinite ease-in-out;
}

.sponsored-star-badge svg {
    color: white;
    fill: white;
    width: 18px;
    height: 18px;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.2));
}

@keyframes subtle-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

/* ---- Mobile Responsive ---- */
@media (max-width: 768px) {
    .sponsored-plate {
        background: linear-gradient(145deg, #3b030d 0%, #5e0918 45%, #7c0f23 70%, #3b030d 100%) !important;
        border: none !important;
    }
    
    .sponsored-plate .plate-details {
        background: linear-gradient(145deg, #3b030d 0%, #5e0918 45%, #7c0f23 70%, #3b030d 100%) !important;
        color: #ffffff !important;
        padding: 15px;
    }
    
    .sponsored-plate .plate-price {
        color: #ffffff !important;
        font-size: 16px;
    }
    
    .sponsored-plate .plate-number {
        background: transparent !important;
        color: #1a1a1a !important;
        border: none !important;
        text-shadow: 1px 1px 2px rgba(255,255,255,0.8);
    }

    .sponsored-star-badge {
        width: 25px;
        height: 25px;
        top: 8px;
        left: 8px;
    }
    
    .sponsored-star-badge svg {
        width: 14px;
        height: 14px;
    }

    /* Sponsored label positioning */
    .plate-number-container.has-sponsored {
        padding-top: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .plate-number-container.has-sponsored .sponsored-label {
        top: 10px;
        left: 12px;
        position: absolute;
        z-index: 5;
    }
    
    .plate-number-container.has-sponsored::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 36px;
        z-index: 1;
        pointer-events: none;
    }
}

@media (max-width: 480px) {
    .sponsored-plate {
        background: linear-gradient(145deg, #3b030d 0%, #5e0918 45%, #7c0f23 70%, #3b030d 100%) !important;
        border: none !important;
    }
    
    .sponsored-plate .plate-details {
        background: linear-gradient(145deg, #3b030d 0%, #5e0918 45%, #7c0f23 70%, #3b030d 100%) !important;
        color: #ffffff !important;
        padding: 15px;
    }
    
    .sponsored-plate .plate-details * {
        color: #ffffff !important;
    }

    .plate-number-container.has-sponsored .sponsored-label {
        top: 8px;
    }
    
    .plate-number-container.has-sponsored {
        padding-top: 0;
    }
}