/**
 * Mobile-First Solution for WooCommerce Quote Buttons
 * Fixes hover-only buttons that are inaccessible on mobile devices
 * 
 * File: public/css/wt-woo-request-quote-mobile.css
 * Version: 1.0.0
 * Author: Plugin Enhancement
 */

/* ===================================================
   SOLUTION MOBILE-FIRST POUR BOUTONS WOOCOMMERCE
   ================================================== */

/* MOBILE FIRST: Boutons toujours visibles sur petits écrans */
@media screen and (max-width: 767px) {
    /* Forcer l'affichage permanent des boutons add-to-quote sur mobile */
    .wtwraq_add_to_quote_button,
    .wtwraq-product-add-to-quote-list,
    .wtwraq_view_quote_list_button,
    .button.add_to_cart_button + .wtwraq_add_to_quote_button,
    .products .product .button.wtwraq_add_to_quote_button,
    .woocommerce ul.products li.product .wtwraq_add_to_quote_button {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        transform: none !important;
        margin-top: 8px !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 14px !important;
        padding: 10px 15px !important;
        border-radius: 4px !important;
        transition: all 0.3s ease !important;
    }
    
    /* Assurer que les boutons sont au-dessus des autres éléments */
    .products .product {
        position: relative !important;
    }
    
    .products .product .wtwraq_add_to_quote_button {
        z-index: 10 !important;
    }
    
    /* Style spécifique mobile pour les boutons de devis */
    .products .product .wtwraq_add_to_quote_button {
        background: #007cba !important;
        color: white !important;
        border: 1px solid #007cba !important;
        box-shadow: 0 2px 4px rgba(0, 124, 186, 0.2) !important;
    }
    
    /* Effet tactile pour mobile */
    .products .product .wtwraq_add_to_quote_button:active {
        transform: scale(0.98) !important;
        box-shadow: 0 1px 2px rgba(0, 124, 186, 0.3) !important;
    }
    
    /* Améliorer l'espacement entre les boutons */
    .products .product .button {
        margin-bottom: 4px !important;
    }
    
    /* Assurer une largeur cohérente pour tous les boutons produit */
    .products .product .add_to_cart_button,
    .products .product .product_type_variable,
    .products .product .product_type_grouped {
        width: 100% !important;
        margin-bottom: 4px !important;
    }
}

/* TABLET: Transition progressive vers le comportement hover */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wtwraq_add_to_quote_button,
    .wtwraq-product-add-to-quote-list {
        display: block !important;
        opacity: 0.85 !important;
        transition: all 0.3s ease !important;
    }
    
    .products .product:hover .wtwraq_add_to_quote_button {
        opacity: 1 !important;
        transform: translateY(-2px) !important;
    }
}

/* DESKTOP: Comportement hover classique conservé et amélioré */
@media screen and (min-width: 1025px) {
    .products .product .wtwraq_add_to_quote_button:hover {
        background: #005a8b !important;
        transform: translateY(-1px) !important;
        box-shadow: 0 4px 8px rgba(0, 124, 186, 0.3) !important;
    }
    
    /* Animation smooth pour desktop */
    .products .product .wtwraq_add_to_quote_button {
        transition: all 0.2s ease !important;
    }
}

/* ===================================================
   RÈGLES GÉNÉRALES POUR TOUS LES ÉCRANS
   ================================================== */

.wtwraq_add_to_quote_button {
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

/* Amélioration de l'accessibilité */
.wtwraq_add_to_quote_button:focus {
    outline: 2px solid #005a8b !important;
    outline-offset: 2px !important;
}

/* Support pour les boutons disabled */
.wtwraq_add_to_quote_button:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* ===================================================
   OVERRIDES POUR THÈMES POPULAIRES
   ================================================== */

/* Astra Theme */
.ast-container .wtwraq_add_to_quote_button {
    margin: 4px 0 !important;
}

/* Storefront Theme */
.storefront .wtwraq_add_to_quote_button {
    margin-top: 8px !important;
}

/* GeneratePress Theme */
.generate-columns-container .wtwraq_add_to_quote_button {
    width: 100% !important;
}

/* OceanWP Theme */
.oceanwp-row .wtwraq_add_to_quote_button {
    margin: 5px 0 !important;
}