/*!
 * SK24 System Buttons – Bundle-Box-Optik fuer das Grogin-Theme
 * Orange Primary  -> linearer Gelb/Orange-Verlauf mit Glow
 * Dark Glossy     -> mehrstufiger Anthrazit-Verlauf mit Tiefe
 *
 * Hinweis: Greift bewusst nur Farbe, Border, Schatten, Border-Radius, Text-Schatten
 * und Hover/Active an. Padding, Schriftgroessen und Mindesthoehen der Theme-Buttons
 * bleiben unangetastet, damit Pagination, Kommentare etc. visuell stabil bleiben.
 */

/* =========================================================
   1) UTILITY-KLASSEN (fuer eigene Templates / Shortcodes)
   ========================================================= */

.sk24-btn-orange-7391,
.sk24-btn-dark-7391 {
    border-radius: 9px;
    text-decoration: none !important;
    line-height: 1;
    transition: transform .12s ease, box-shadow .15s ease, filter .15s ease, background .15s ease;
}

/* =========================================================
   2) ORANGE PRIMARY-BUTTONS
   ========================================================= */

body .sk24-btn-orange-7391,
body .button.btn-primary,
body button.btn-primary,
body input.btn-primary,
body .products .product-type-1 .product-cart a.button,
body .products .product-type-2 .product-cart a.button,
body .products .product-type-3 .product-cart a.button,
body a.button.add_to_cart_button:not(.single_add_to_cart_button),
body a.added_to_cart,
body .woocommerce-message a.button,
body .woocommerce-mini-cart__buttons a.button.checkout,
body td.klbwl-item--addtocart a.button,
body .my-account-page .button.woocommerce-form-login__submit,
body .my-account-page .button.woocommerce-form-register__submit,
body nav.woocommerce-pagination.klb-load-more .button,
body .product-detail .single_add_to_cart_button,
body .grogin-product-bottom-popup-cart .single_add_to_cart_button,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout input#place_order {
    background: linear-gradient(180deg, #ffd957 0%, #ffb327 45%, #ff9b18 100%) !important;
    border: 1px solid #d97a00 !important;
    color: #1a1a1a !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .55),
        inset 0 -1px 0 rgba(170, 80, 0, .18),
        0 1px 0 rgba(170, 80, 0, .18),
        0 3px 10px rgba(255, 140, 0, .16) !important;
    border-radius: 9px !important;
    transition: transform .12s ease, box-shadow .15s ease, filter .15s ease, background .15s ease !important;
}

body .sk24-btn-orange-7391:hover,
body .sk24-btn-orange-7391:focus-visible,
body .button.btn-primary:hover,
body button.btn-primary:hover,
body input.btn-primary:hover,
body .products .product-type-1 .product-cart a.button:hover,
body .products .product-type-2 .product-cart a.button:hover,
body .products .product-type-3 .product-cart a.button:hover,
body a.button.add_to_cart_button:not(.single_add_to_cart_button):hover,
body a.added_to_cart:hover,
body .woocommerce-message a.button:hover,
body .woocommerce-mini-cart__buttons a.button.checkout:hover,
body td.klbwl-item--addtocart a.button:hover,
body .my-account-page .button.woocommerce-form-login__submit:hover,
body .my-account-page .button.woocommerce-form-register__submit:hover,
body nav.woocommerce-pagination.klb-load-more .button:hover,
body .product-detail .single_add_to_cart_button:hover,
body .grogin-product-bottom-popup-cart .single_add_to_cart_button:hover,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button#place_order:hover,
body.woocommerce-checkout input#place_order:hover {
    background: linear-gradient(180deg, #ffe07a 0%, #ffbe45 45%, #ffa628 100%) !important;
    color: #1a1a1a !important;
    filter: saturate(1.05);
    opacity: 1 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .65),
        inset 0 -1px 0 rgba(170, 80, 0, .18),
        0 2px 0 rgba(170, 80, 0, .22),
        0 5px 14px rgba(255, 140, 0, .26) !important;
}

body .sk24-btn-orange-7391:active,
body .button.btn-primary:active,
body button.btn-primary:active,
body input.btn-primary:active,
body .products .product-type-1 .product-cart a.button:active,
body .products .product-type-2 .product-cart a.button:active,
body .products .product-type-3 .product-cart a.button:active,
body a.button.add_to_cart_button:not(.single_add_to_cart_button):active,
body a.added_to_cart:active,
body .woocommerce-message a.button:active,
body .woocommerce-mini-cart__buttons a.button.checkout:active,
body td.klbwl-item--addtocart a.button:active,
body .my-account-page .button.woocommerce-form-login__submit:active,
body .my-account-page .button.woocommerce-form-register__submit:active,
body nav.woocommerce-pagination.klb-load-more .button:active,
body .product-detail .single_add_to_cart_button:active,
body .grogin-product-bottom-popup-cart .single_add_to_cart_button:active,
body.woocommerce-checkout #place_order:active,
body.woocommerce-checkout button#place_order:active,
body.woocommerce-checkout input#place_order:active {
    transform: translateY(1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .45),
        inset 0 -1px 0 rgba(170, 80, 0, .18),
        0 1px 0 rgba(170, 80, 0, .22),
        0 2px 6px rgba(255, 140, 0, .18) !important;
}

/* Disabled-Status zurueckhaltend ausgrauen, damit Forms-Hinweise sichtbar bleiben */
body .button.btn-primary[disabled],
body button.btn-primary[disabled],
body input.btn-primary[disabled],
body .product-detail .single_add_to_cart_button[disabled],
body.woocommerce-checkout #place_order[disabled],
body.woocommerce-checkout button#place_order[disabled],
body.woocommerce-checkout input#place_order[disabled] {
    background: linear-gradient(180deg, #f3d9aa 0%, #e8c386 45%, #dfb670 100%) !important;
    border-color: #c9a05f !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    filter: saturate(.7);
}

/* =========================================================
   3) DARK GLOSSY-BUTTONS
   ========================================================= */

body .sk24-btn-dark-7391,
body .button.btn-black,
body button.btn-black,
body input.btn-black,
body a.checkout-button,
body .cart-collaterals a.checkout-button,
body .cart-empty-page .return-to-shop a.button,
body button.buy_now_button,
body button#buynow.buy_now_button,
body .grogin-product-bottom-popup-cart button.buy_now_button,
body .coupon button[name="apply_coupon"],
body button.empty-cart-button,
body button.empty-cart-button.remove-all {
    background: linear-gradient(180deg, #3a3f44 0%, #1f2429 45%, #0f1318 100%) !important;
    border: 1px solid #0a0d10 !important;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .35) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 -1px 0 rgba(0, 0, 0, .35),
        0 1px 0 rgba(0, 0, 0, .18),
        0 3px 10px rgba(0, 0, 0, .22) !important;
    border-radius: 9px !important;
    transition: transform .12s ease, box-shadow .15s ease, filter .15s ease, background .15s ease !important;
}

body .sk24-btn-dark-7391:hover,
body .sk24-btn-dark-7391:focus-visible,
body .button.btn-black:hover,
body button.btn-black:hover,
body input.btn-black:hover,
body a.checkout-button:hover,
body .cart-collaterals a.checkout-button:hover,
body .cart-empty-page .return-to-shop a.button:hover,
body button.buy_now_button:hover,
body button#buynow.buy_now_button:hover,
body .grogin-product-bottom-popup-cart button.buy_now_button:hover,
body .coupon button[name="apply_coupon"]:hover,
body button.empty-cart-button:hover,
body button.empty-cart-button.remove-all:hover {
    background: linear-gradient(180deg, #4a4f54 0%, #292f35 45%, #161b21 100%) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: saturate(1.05) brightness(1.05);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .14),
        inset 0 -1px 0 rgba(0, 0, 0, .35),
        0 2px 0 rgba(0, 0, 0, .25),
        0 5px 14px rgba(0, 0, 0, .26) !important;
}

body .sk24-btn-dark-7391:active,
body .button.btn-black:active,
body button.btn-black:active,
body input.btn-black:active,
body a.checkout-button:active,
body .cart-collaterals a.checkout-button:active,
body .cart-empty-page .return-to-shop a.button:active,
body button.buy_now_button:active,
body button#buynow.buy_now_button:active,
body .grogin-product-bottom-popup-cart button.buy_now_button:active,
body .coupon button[name="apply_coupon"]:active,
body button.empty-cart-button:active,
body button.empty-cart-button.remove-all:active {
    transform: translateY(1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        inset 0 -1px 0 rgba(0, 0, 0, .35),
        0 1px 0 rgba(0, 0, 0, .25),
        0 2px 6px rgba(0, 0, 0, .20) !important;
}

body .button.btn-black[disabled],
body button.btn-black[disabled],
body input.btn-black[disabled],
body a.checkout-button.disabled,
body button.buy_now_button[disabled],
body button#buynow.buy_now_button[disabled] {
    background: linear-gradient(180deg, #6c7279 0%, #565b62 45%, #43484e 100%) !important;
    border-color: #2a2f34 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    filter: saturate(.6);
}

/* =========================================================
   4) ICON-/INHALT-FEINSCHLIFF
   ========================================================= */

/* Theme nutzt teils <i> Symbole vor dem Text – sicherstellen, dass Farbe geerbt wird */
body .button.btn-primary i,
body .product-detail .single_add_to_cart_button i,
body.woocommerce-checkout #place_order i {
    color: inherit !important;
}

body .button.btn-black i,
body a.checkout-button i,
body button.buy_now_button i,
body button#buynow.buy_now_button i {
    color: inherit !important;
}

/* Bundle-Hinweis-Box-Button bleibt unveraendert – sein eigener Selektor matcht die obigen
   nicht und wird von ihm selbst noch hoeher spezifiziert. */

/* =========================================================
   5) OUTLINE-DARK – Sekundaere Aktionen
   ("Warenkorb anzeigen" im Mini-Cart, "Weiter einkaufen"-Backlinks)
   ========================================================= */

body .sk24-btn-outline-7391,
body .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):not(.added_to_cart),
body .woocommerce-cart .wc-backward.button {
    background: linear-gradient(180deg, #ffffff 0%, #f3f5f8 100%) !important;
    border: 1px solid #1f2429 !important;
    color: #1f2429 !important;
    text-shadow: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .9),
        0 1px 0 rgba(0, 0, 0, .06),
        0 2px 6px rgba(15, 23, 42, .08) !important;
    border-radius: 9px !important;
    transition: transform .12s ease, box-shadow .15s ease, background .15s ease, color .15s ease !important;
}

body .sk24-btn-outline-7391:hover,
body .sk24-btn-outline-7391:focus-visible,
body .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):not(.added_to_cart):hover,
body .woocommerce-cart .wc-backward.button:hover {
    background: linear-gradient(180deg, #3a3f44 0%, #1f2429 45%, #0f1318 100%) !important;
    color: #ffffff !important;
    border-color: #0a0d10 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .12),
        inset 0 -1px 0 rgba(0, 0, 0, .35),
        0 2px 0 rgba(0, 0, 0, .25),
        0 5px 14px rgba(0, 0, 0, .26) !important;
}

body .sk24-btn-outline-7391:active,
body .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):not(.added_to_cart):active,
body .woocommerce-cart .wc-backward.button:active {
    transform: translateY(1px);
}