/* =============================================================
   QUICK WINS CSS - Sticky Mobile Button
   Date: 2026-03-20
   ============================================================= */

/* 4️⃣ Sticky "In den Warenkorb" Button auf Mobile */
@media (max-width: 768px) {
    /* Produktseite */
    .single-product .single_add_to_cart_button {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        padding: 18px !important;
        font-size: 16px !important;
        width: 100% !important;
        box-shadow: 0 -3px 15px rgba(0,0,0,0.2) !important;
        animation: slideUp 0.3s ease;
    }
    
    /* Verhindere dass Button am Anfang sichtbar ist */
    @keyframes slideUp {
        from {
            transform: translateY(100px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }
    
    /* Extra Padding am Ende der Seite damit Content nicht verdeckt wird */
    .single-product .product {
        padding-bottom: 80px !important;
    }
    
    /* Warenkorb Sticky */
    .woocommerce-cart .wc-proceed-to-checkout {
        position: sticky !important;
        bottom: 0 !important;
        background: white !important;
        padding: 15px !important;
        box-shadow: 0 -3px 15px rgba(0,0,0,0.15) !important;
        z-index: 999 !important;
        margin: 0 -15px !important;
    }
    
    .woocommerce-cart .wc-proceed-to-checkout .checkout-button {
        width: 100% !important;
        padding: 18px !important;
        font-size: 16px !important;
    }
}

/* Trust Badges responsive */
@media (max-width: 480px) {
    .trust-badges-checkout > div {
        flex-direction: column !important;
        gap: 10px !important;
    }
}

/* Shipping Progress Bar Responsive */
@media (max-width: 480px) {
    .shipping-progress-notice {
        padding: 15px !important;
    }
    
    .shipping-progress-notice span {
        font-size: 14px !important;
    }
}

/* Delivery Info responsive */
@media (max-width: 480px) {
    .delivery-info {
        font-size: 13px !important;
        padding: 10px !important;
    }
}