/* 
   main.css 
   Minimal stylesheet. Layout and typography 
   handled by Tailwind CSS utility classes in HTML.
*/

/* Form inputs for compatibility with old Python backend generated classes */
input.long, textarea.long, textarea.debrid {
    width: 100%;
}

/* Payment buttons - background images kept for legacy gateway integration */
button.bitcoin {
    background: url("/images/bitcoin.png") no-repeat center !important;
    background-size: contain !important;
    width: 280px;
    height: 80px;
    border: none;
    cursor: pointer;
}
button.bitmonero {
    background: url("/images/bitmonero.png") no-repeat center !important;
    background-size: contain !important;
    width: 280px;
    height: 80px;
    border: none;
    cursor: pointer;
}
button.binance {
    background: url("/images/binance.webp") no-repeat center !important;
    background-size: contain !important;
    width: 280px;
    height: 120px;
    border: none;
    cursor: pointer;
}
button.stripe {
    background: url("/images/stripe.png") no-repeat center !important;
    background-size: contain !important;
    width: 280px;
    height: 120px;
    border: none;
    cursor: pointer;
}
button.p24 {
    background: url("/images/p24.png") no-repeat center !important;
    background-size: contain !important;
    width: 280px;
    height: 100px;
    border: none;
    cursor: pointer;
}
button.allegro {
    background: url("/images/allegro.png") no-repeat center !important;
    background-size: contain !important;
    width: 271px;
    height: 100px;
    border: none;
    cursor: pointer;
}
button.dotpay {
    background: url("/images/dotpay/dotpay_color.png") no-repeat center !important;
    background-size: contain !important;
    width: 250px;
    height: 88px;
    border: none;
    cursor: pointer;
}
button.skrill {
    background: url("/images/skrill.png") no-repeat center !important;
    background-size: contain !important;
    width: 245px;
    height: 75px;
    border: none;
    cursor: pointer;
}

@keyframes bounce-short {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
.animate-bounce-short {
    animation: bounce-short 0.5s ease-in-out 3;
}