/* ============================================
   BUY NOW (Jetzt kaufen) — Complet
   ============================================ */

/* -------------------------------------------
   1. SINGLE PRODUCT — Bouton à côté du Add to Cart
   ------------------------------------------- */

.single-product .eh-buy-now-btn {
    display: inline-block !important;
    background: #1a1a1a !important;
    color: #fff !important;
    border: 2px solid #1a1a1a !important;
    border-radius: 8px !important;
    padding: 12px 28px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-align: center !important;
    cursor: pointer;
    transition: all 0.25s ease !important;
    margin-left: 10px;
    vertical-align: middle;
}

.single-product .eh-buy-now-btn:hover {
    background: #fff !important;
    color: #1a1a1a !important;
}

/* -------------------------------------------
   2. LOOPS — Le bouton existant DEVIENT Buy Now
   Style noir pour le différencier visuellement
   ------------------------------------------- */

/* Pages archives, catégories, shop, recherche, angebote */
body:not(.single-product) .qodef-woo-product-list li.product a.add_to_cart_button,
body:not(.single-product) ul.products li.product a.add_to_cart_button {
    background: #1a1a1a !important;
    color: #fff !important;
    border-color: #1a1a1a !important;
    transition: all 0.2s ease !important;
}

body:not(.single-product) .qodef-woo-product-list li.product a.add_to_cart_button:hover,
body:not(.single-product) ul.products li.product a.add_to_cart_button:hover {
    background: #333 !important;
    color: #fff !important;
}

/* Icône panier dans le bouton — passer en blanc */
body:not(.single-product) .qodef-woo-product-list li.product a.add_to_cart_button .qodef-m-cart-icon svg,
body:not(.single-product) ul.products li.product a.add_to_cart_button .qodef-m-cart-icon svg {
    fill: #fff !important;
}

body:not(.single-product) .qodef-woo-product-list li.product a.add_to_cart_button .qodef-m-cart-icon svg rect,
body:not(.single-product) ul.products li.product a.add_to_cart_button .qodef-m-cart-icon svg rect {
    fill: #fff !important;
}

/* Supprimer l'ancien bouton séparé Buy Now des loops (si encore dans le DOM) */
.qodef-e-content > a.eh-buy-now-btn,
.qodef-e-inner > a.eh-buy-now-loop {
    display: none !important;
}

/* -------------------------------------------
   3. MOBILE — Single product
   ------------------------------------------- */

@media screen and (max-width: 768px) {
    .single-product .eh-buy-now-btn {
        display: block !important;
        margin: 10px 0 0 0 !important;
        width: 100%;
        padding: 14px 20px !important;
    }
}

@media screen and (max-width: 480px) {
    .single-product .eh-buy-now-btn {
        font-size: 12px !important;
        padding: 12px 16px !important;
    }
}