/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


            #size-quantity-table {
                border-collapse: collapse;
                width: 100%;
                margin-bottom: 20px;
            }
            #size-quantity-table th, #size-quantity-table td {
                border: 1px solid #ddd;
                padding: 8px;
                text-align: center;
            }
            #size-quantity-table th {
                background-color: #f2f2f2;
                font-weight: bold;
            }
            .quantity-buttons {
                display: flex;
                align-items: center;
            }
            .quantity-buttons input[type="number"] {
                text-align: center;
                width: 40px;
                padding: 5px;
                margin: 0 5px;
                border: 1px solid #ccc;
                border-radius: 4px;
				
            }
            .quantity-buttons button {
                background-color: #eee;
                border: none;
                padding: 5px 8px;
                cursor: pointer;
                border-radius: 4px;
				width: 25px;
            }
            .quantity-buttons button:disabled, 
            .quantity-buttons input[type="number"]:disabled {
                opacity: 0.5;
                cursor: not-allowed;
            }
            .disabled-input {
                background-color: #eee !important;
            }
			
			            /* Désactiver les flèches de contrôle du nombre */
            #size-quantity-table td input[type="number"]::-webkit-inner-spin-button, 
            #size-quantity-table td input[type="number"]::-webkit-outer-spin-button { 
                -webkit-appearance: none; 
                margin: 0; 
            }

#size-quantity-table td input[type="number"] {
    -moz-appearance: textfield;
}

/* Styles pour les petits écrans (téléphones) */
@media only screen and (max-width: 768px) {
    #size-quantity-table {
        flex-wrap: wrap; /* Permettre le retour à la ligne si nécessaire */
        width: 100%; /* Le tableau prend toute la largeur */
    }
    #size-quantity-table th, #size-quantity-table td {
        flex-grow: 1; /* Chaque colonne s'étend pour occuper tout l'espace disponible */
        border: 1px solid #ddd;
        padding: 8px;
        text-align: center;
    }
    #size-quantity-table th {
        font-weight: bold;
        background-color: #f2f2f2;
		text-transform:Uppercase;
    }
    #size-quantity-table td input {
        width: calc(100% - 3px); /* Largeur de l'entrée moins les marges */
        padding: 2px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
        text-align: center; /* Centrer le texte */
   }
}