/* ============================================================================
   Single Product Page - Tailwind CSS Extensions
   ============================================================================ */

@layer utilities {
    /* Utility per il contenitore immagine libro */
    .product-book-image {
        @apply perspective;
    }

    .product-book-image img {
        @apply w-full h-auto rounded-lg shadow-2xl object-cover transition-all duration-300 ease-out;
    }

    .product-book-image img:hover {
        @apply -translate-y-1 shadow-2xl;
    }

    /* Sezione sommario prodotto */
    .product-summary {
        @apply flex flex-col;
    }

    /* Input Quantità */
    #product-qty {
        @apply w-16 text-center border-0 py-2 bg-white;
    }

    .qty-minus,
    .qty-plus {
        @apply px-4 py-2 cursor-pointer font-bold text-base transition-colors duration-200 hover:bg-gray-100 hover:text-color1;
    }

    /* Pulsante Aggiungi al Carrello */
    .single_add_to_cart_button,
    button[type="submit"].add-to-cart {
        @apply w-full bg-gradient-to-r from-color1 to-color2 text-white font-bold py-4 px-6 rounded-lg transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5 active:translate-y-0;
    }

    /* Stato disabilitato del pulsante */
    .single_add_to_cart_button:disabled,
    button[type="submit"].add-to-cart:disabled {
        @apply cursor-not-allowed;
    }

    /* Griglia Informazioni */
    .info-grid > div {
        @apply p-8 bg-gradient-to-br from-gray-50 to-white rounded-lg border-t-4 border-color1 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg;
    }

    .info-grid > div svg {
        @apply transition-transform duration-300;
    }

    .info-grid > div:hover svg {
        @apply scale-110;
    }

    /* Animazioni */
    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .product-summary {
        @apply animate-fadeIn;
    }
}

@layer components {
    /* Select personalizzato */
    .variations select,
    select.woocommerce-select {
        @apply w-full px-4 py-2 mb-4 border-2 border-gray-300 rounded-lg text-base transition-colors duration-300 focus:outline-none focus:border-color1 focus:ring-2 focus:ring-color1 focus:ring-opacity-10;
    }

    /* Alert/Messaggi WooCommerce */
    .woocommerce-message,
    .woocommerce-error,
    .woocommerce-info {
        @apply p-4 mb-6 rounded-lg border-l-4 border-color1;
    }

    .woocommerce-message {
        @apply bg-green-100 text-green-800 border-l-green-500;
    }

    .woocommerce-error {
        @apply bg-red-100 text-red-800 border-l-red-500;
    }

    .woocommerce-info {
        @apply bg-blue-100 text-blue-800 border-l-blue-500;
    }
}