/* Author: Aferiad Kamal */
/* Github: NacreousDawn596 */
/* more info: https://kamal.aferiad.xyz/ */
/* Idea credits: Marhraoui Hsaini Hajar */

body {
    background-color: #f9f5ff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    user-select: none;
    margin: 0;
    padding: 0;
    scrollbar-width: 0;
}

::-webkit-scrollbar {
    display: none;
}

.valid {
    color: rgb(30, 211, 30);
}

.calcul-bg {
    background-color: #ffe4e1;
}

.calcul-border {
    border-color: #ffb6c1;
}

.calcul-btn {
    background-color: #ffb6c1;
    border-color: #ffb6c1;
    color: white;
    transition: background-color 0.3s, border-color 0.3s;
}

.calcul-btn:hover {
    background-color: #ff69b4;
    border-color: #ff69b4;
}

.table thead th {
    background-color: #ffe4e1;
    color: #d63384;
}

.table tbody tr:hover {
    background-color: #ffe4e1;
}

input[type="number"] {
    width: 100%;
    min-width: 80px;
    max-width: 150px;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 0.375rem;
    font-size: 1rem;
    text-align: center;
}

input[type="number"]:focus {
    border-color: #d63384;
    outline: none;
    box-shadow: 0 0 4px rgba(214, 51, 132, 0.5);
}

@media (max-width: 640px) {
    input[type="number"] {
        max-width: 100%;
        padding: 0.75rem;
        font-size: 1rem;
    }
}

/* iOS-specific fixes */
@supports (-webkit-touch-callout: none) {

    /* Fix for Safari viewport height */
    .min-h-screen {
        min-height: -webkit-fill-available !important;
    }

    /* Fix for input zooming */
    input[type="number"] {
        font-size: 16px !important;
    }

    /* Fix for sticky hover effects */
    @media (hover: hover) {
        .hover\:bg-pink-50\/50:hover {
            background-color: rgba(252, 231, 243, 0.5);
        }
    }
}

/* General mobile fixes */
@media (max-width: 640px) {
    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    input[type="number"] {
        width: 60px !important;
        padding: 0.25rem !important;
    }
}