/* Singapore Dollar specific styles */

/* Singapore Dollar Notes - Authentic Colors */
.note-1000 {
    background: linear-gradient(135deg, #8B4513, #A0522D);
    color: white;
    border: 2px solid #654321;
}

.note-100 {
    background: linear-gradient(135deg, #FF6B35, #FF8C42);
    color: white;
    border: 2px solid #E55A2B;
}

.note-50 {
    background: linear-gradient(135deg, #4169E1, #6495ED);
    color: white;
    border: 2px solid #1E90FF;
}

.note-10 {
    background: linear-gradient(135deg, #DC143C, #FF1493);
    color: white;
    border: 2px solid #B22222;
}

.note-5 {
    background: linear-gradient(135deg, #32CD32, #90EE90);
    color: white;
    border: 2px solid #228B22;
}

.note-2 {
    background: linear-gradient(135deg, #9932CC, #BA55D3);
    color: white;
    border: 2px solid #8B008B;
}

/* Singapore Dollar Coins - Authentic Colors */
.coin-1 {
    background: radial-gradient(circle, #FFD700, #FFA500);
    color: #8B4513;
    border: 3px solid #DAA520;
    border-radius: 50%;
    font-weight: bold;
}

.coin-50c {
    background: radial-gradient(circle, #C0C0C0, #A9A9A9);
    color: #2F4F4F;
    border: 3px solid #808080;
    border-radius: 50%;
    font-weight: bold;
}

.coin-20c {
    background: radial-gradient(circle, #C0C0C0, #A9A9A9);
    color: #2F4F4F;
    border: 3px solid #808080;
    border-radius: 50%;
    font-weight: bold;
}

.coin-10c {
    background: radial-gradient(circle, #C0C0C0, #A9A9A9);
    color: #2F4F4F;
    border: 3px solid #808080;
    border-radius: 50%;
    font-weight: bold;
}

.coin-5c {
    background: radial-gradient(circle, #CD7F32, #D2691E);
    color: white;
    border: 3px solid #A0522D;
    border-radius: 50%;
    font-weight: bold;
}

/* Hover effects for Singapore denominations */
.denomination:hover .note-1000 {
    background: linear-gradient(135deg, #A0522D, #8B4513);
    transform: scale(1.05);
}

.denomination:hover .note-100 {
    background: linear-gradient(135deg, #FF8C42, #FF6B35);
    transform: scale(1.05);
}

.denomination:hover .note-50 {
    background: linear-gradient(135deg, #6495ED, #4169E1);
    transform: scale(1.05);
}

.denomination:hover .note-10 {
    background: linear-gradient(135deg, #FF1493, #DC143C);
    transform: scale(1.05);
}

.denomination:hover .note-5 {
    background: linear-gradient(135deg, #90EE90, #32CD32);
    transform: scale(1.05);
}

.denomination:hover .note-2 {
    background: linear-gradient(135deg, #BA55D3, #9932CC);
    transform: scale(1.05);
}

.denomination:hover .coin-1 {
    background: radial-gradient(circle, #FFA500, #FFD700);
    transform: scale(1.05);
}

.denomination:hover .coin-50c,
.denomination:hover .coin-20c,
.denomination:hover .coin-10c {
    background: radial-gradient(circle, #A9A9A9, #C0C0C0);
    transform: scale(1.05);
}

.denomination:hover .coin-5c {
    background: radial-gradient(circle, #D2691E, #CD7F32);
    transform: scale(1.05);
}

/* Singapore-specific styling */
.native-language {
    color: #DC143C;
    font-style: italic;
    margin-bottom: 1rem;
}

/* Print styles for Singapore Dollar */
@media print {
    .note-1000, .note-100, .note-50, .note-10, .note-5, .note-2 {
        background: #f0f0f0 !important;
        color: #333 !important;
        border: 1px solid #ccc !important;
    }
    
    .coin-1, .coin-50c, .coin-20c, .coin-10c, .coin-5c {
        background: #f9f9f9 !important;
        color: #333 !important;
        border: 1px solid #ccc !important;
    }
}