/* Indonesian Rupiah specific styles */

/* Indonesian Rupiah Notes - Authentic Colors */
.note-100000 {
    background: linear-gradient(135deg, #DC143C, #B22222);
    color: white;
    border: 2px solid #8B0000;
}

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

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

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

.note-5000 {
    background: linear-gradient(135deg, #8B4513, #A0522D);
    color: white;
    border: 2px solid #654321;
}

.note-2000 {
    background: linear-gradient(135deg, #708090, #2F4F4F);
    color: white;
    border: 2px solid #696969;
}

.note-1000 {
    background: linear-gradient(135deg, #FF6347, #FF4500);
    color: white;
    border: 2px solid #DC143C;
}

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

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

.coin-200 {
    background: radial-gradient(circle, #FFD700, #FFA500);
    color: #8B4513;
    border: 3px solid #DAA520;
    border-radius: 50%;
    font-weight: bold;
}

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

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

/* Hover effects for Indonesian denominations */
.denomination:hover .note-100000 {
    background: linear-gradient(135deg, #B22222, #DC143C);
    transform: scale(1.05);
}

.denomination:hover .note-50000 {
    background: linear-gradient(135deg, #1E90FF, #4169E1);
    transform: scale(1.05);
}

.denomination:hover .note-20000 {
    background: linear-gradient(135deg, #228B22, #32CD32);
    transform: scale(1.05);
}

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

.denomination:hover .note-5000 {
    background: linear-gradient(135deg, #A0522D, #8B4513);
    transform: scale(1.05);
}

.denomination:hover .note-2000 {
    background: linear-gradient(135deg, #2F4F4F, #708090);
    transform: scale(1.05);
}

.denomination:hover .note-1000 {
    background: linear-gradient(135deg, #FF4500, #FF6347);
    transform: scale(1.05);
}

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

.denomination:hover .coin-500,
.denomination:hover .coin-100 {
    background: radial-gradient(circle, #A9A9A9, #C0C0C0);
    transform: scale(1.05);
}

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

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

/* Print styles for Indonesian Rupiah */
@media print {
    .note-100000, .note-50000, .note-20000, .note-10000, .note-5000, .note-2000, .note-1000 {
        background: #f0f0f0 !important;
        color: #333 !important;
        border: 1px solid #ccc !important;
    }
    
    .coin-1000, .coin-500, .coin-200, .coin-100, .coin-50 {
        background: #f9f9f9 !important;
        color: #333 !important;
        border: 1px solid #ccc !important;
    }
}