/* ===========================================
   OVERRIDE KADENCE CSS VARIABLES FOR BUTTONS
   =========================================== */

/* Override Kadence button color variables specifically for Cart & Checkout */
body.woocommerce-cart,
body.woocommerce-checkout {
    --global-palette-btn-bg: #661212 !important;
    --global-palette-btn-bg-hover: #4a0d0d !important;
    --global-palette-btn: #ffffff !important;
    --global-palette-btn-hover: #ffffff !important;
}

/* Cart Page - "ZUR KASSE" Button - MAXIMUM SPECIFICITY */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a,
body.woocommerce-cart .wc-proceed-to-checkout .button,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a,
body.woocommerce-cart .cart_totals .button,
body.woocommerce-cart .cart_totals a.button,
body.woocommerce-cart a.checkout-button,
body.woocommerce-cart .cart-collaterals a.button.alt,
body.woocommerce-cart .cart-collaterals .button.checkout-button {
    display: block !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 25px auto 0 !important;
    padding: 18px 50px !important;
    background: #661212 !important;
    background-color: #661212 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(102, 18, 18, 0.2) !important;
}

/* Hover state */
body.woocommerce-cart .wc-proceed-to-checkout a:hover,
body.woocommerce-cart .wc-proceed-to-checkout .button:hover,
body.woocommerce-cart .cart_totals .button:hover,
body.woocommerce-cart a.checkout-button:hover {
    background: #4a0d0d !important;
    background-color: #4a0d0d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(102, 18, 18, 0.4) !important;
}

/* Checkout - "JETZT KAUFEN" Button - MAXIMUM SPECIFICITY */
body.woocommerce-checkout #place_order.button.alt,
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.woocommerce-checkout .place-order button,
body.woocommerce-checkout #payment button[type="submit"],
body.woocommerce-checkout form.checkout button[type="submit"] {
    width: 100% !important;
    padding: 16px 45px !important;
    background: #661212 !important;
    background-color: #661212 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button#place_order:hover {
    background: #4a0d0d !important;
    background-color: #4a0d0d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(102, 18, 18, 0.3) !important;
}

/* ===========================================
   FIX: "Zur Kasse" TEXT LINK → BUTTON STYLE
   =========================================== */

/* Target the simple text link "Zur Kasse" in cart totals */
body.woocommerce-cart .cart_totals a[href*="checkout"],
body.woocommerce-cart .cart-totals a[href*="checkout"],
body.woocommerce-cart .order-total a,
body.woocommerce-cart a[href$="/checkout/"],
body.woocommerce-cart a[href$="/checkout"] {
    display: block !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 25px auto 0 !important;
    padding: 18px 50px !important;
    background: #661212 !important;
    background-color: #661212 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(102, 18, 18, 0.2) !important;
}

body.woocommerce-cart .cart_totals a[href*="checkout"]:hover,
body.woocommerce-cart a[href$="/checkout/"]:hover {
    background: #4a0d0d !important;
    background-color: #4a0d0d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(102, 18, 18, 0.4) !important;
}

/* Force override any Kadence inline styles */
body.woocommerce-cart .button[style],
body.woocommerce-checkout .button[style] {
    background: #661212 !important;
    background-color: #661212 !important;
}
/*
Theme Name: Kadence Child  
Template: kadence
Version: 1.0.8
Description: ETERNAL Premium - UNIVERSAL SELECTORS
*/

/* ========== UNIVERSAL CART BUTTON STYLING ========== */

/* Target ALL possible "Zur Kasse" / "Proceed to Checkout" button variations */
body.woocommerce-cart .wc-proceed-to-checkout a,
body.woocommerce-cart .wc-proceed-to-checkout .button,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart .cart_totals .button,
body.woocommerce-cart .cart_totals a.button,
body.woocommerce-cart a.checkout-button,
body.woocommerce-cart .cart-collaterals a.button.alt,
body.woocommerce-cart .cart-collaterals .button.checkout-button {
    display: block !important;
    width: 100% !important;
    max-width: 400px !important;
    margin: 25px auto 0 !important;
    padding: 18px 50px !important;
    background: #661212 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(102, 18, 18, 0.2) !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a:hover,
body.woocommerce-cart .wc-proceed-to-checkout .button:hover,
body.woocommerce-cart .cart_totals .button:hover,
body.woocommerce-cart a.checkout-button:hover {
    background: #4a0d0d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(102, 18, 18, 0.4) !important;
}

/* Cart Hero - Simple & Clean */
body.woocommerce-cart .content-area,
body.page-id-1945 .content-area {
    padding-top: 30px !important;
}

/* Cart Totals Box */
body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-cart .cart_totals {
    background: #f9f9f9 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    padding: 30px !important;
}

/* All Other Cart Buttons */
body.woocommerce-cart button[name="update_cart"],
body.woocommerce-cart button[name="apply_coupon"],
body.woocommerce-cart .coupon button {
    background: #661212 !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* ========== UNIVERSAL CHECKOUT STYLING ========== */

/* Checkout Hero */
body.woocommerce-checkout .content-area,
body.page-id-2417 .content-area {
    padding-top: 30px !important;
}

/* Trust Badges */
body.woocommerce-checkout .checkout-trust-badges {
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    padding: 25px !important;
    background: #f9f9f9 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    margin-bottom: 30px !important;
}

body.woocommerce-checkout .checkout-trust-badges span {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
}

body.woocommerce-checkout .checkout-trust-badges svg {
    color: #661212 !important;
    flex-shrink: 0 !important;
}

/* Payment Methods */
body.woocommerce-checkout #payment ul.payment_methods {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    padding: 0 !important;
}

body.woocommerce-checkout #payment .payment_method {
    border-bottom: 1px solid #e8e8e8 !important;
    padding: 18px 20px !important;
    margin: 0 !important;
}

body.woocommerce-checkout #payment .payment_method:hover {
    background: #f9f9f9 !important;
}

body.woocommerce-checkout #payment .payment_method input[type="radio"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: #661212 !important;
}

body.woocommerce-checkout #payment .payment_method label img {
    height: 28px !important;
    width: auto !important;
    margin-left: 10px !important;
}

/* Submit Button - Target ALL variations */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
body.woocommerce-checkout .place-order button,
body.woocommerce-checkout #payment button[type="submit"] {
    width: 100% !important;
    padding: 16px 45px !important;
    background: #661212 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button#place_order:hover {
    background: #4a0d0d !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(102, 18, 18, 0.3) !important;
}

/* Hide Privacy Text */
body.woocommerce-checkout .woocommerce-privacy-policy-text {
    display: none !important;
}

/* Form Fields */
body.woocommerce-checkout .woocommerce-billing-fields input.input-text,
body.woocommerce-checkout .woocommerce-billing-fields select,
body.woocommerce-checkout .woocommerce-billing-fields textarea {
    padding: 14px 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 15px !important;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout textarea:focus {
    outline: 2px solid #661212 !important;
    outline-offset: 2px !important;
    border-color: #661212 !important;
}

/* Order Review */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout .woocommerce-checkout-review-order {
    background: #f9f9f9 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    padding: 25px !important;
}

/* Mobile */
@media (max-width: 768px) {
    body.woocommerce-cart .wc-proceed-to-checkout a,
    body.woocommerce-cart .cart_totals .button {
        max-width: 100% !important;
        padding: 20px !important;
        font-size: 16px !important;
    }
    
    body.woocommerce-checkout .checkout-trust-badges {
        flex-direction: column !important;
        gap: 15px !important;
    }
}

/* ===========================================
   CHECKOUT PAGE - COMPACT HERO & PREMIUM LAYOUT
   =========================================== */

/* Compact Hero - "KASSE" Headline */
body.woocommerce-checkout .entry-hero,
body.woocommerce-checkout .entry-hero-container,
body.woocommerce-checkout .entry-header,
body.page-id-2417 .entry-hero,
body.page-id-2417 .entry-header {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    min-height: auto !important;
}

body.woocommerce-checkout .entry-title,
body.page-id-2417 .entry-title {
    font-size: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove extra spacing */
body.woocommerce-checkout .content-area,
body.page-id-2417 .content-area {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
}

/* Two Column Layout - Billing Left, Order Right */
body.woocommerce-checkout .woocommerce {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* Billing Fields */
body.woocommerce-checkout .woocommerce-billing-fields {
    background: white !important;
    padding: 30px !important;
    border-radius: 8px !important;
    border: 1px solid #e8e8e8 !important;
}

body.woocommerce-checkout .woocommerce-billing-fields h3 {
    font-size: 24px !important;
    margin-bottom: 25px !important;
    color: #2d3748 !important;
}

/* Order Review - Right Column */
body.woocommerce-checkout #order_review_heading {
    display: none !important;
}

body.woocommerce-checkout #order_review {
    background: #f9f9f9 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    padding: 30px !important;
}

/* Order Summary Title */
body.woocommerce-checkout #order_review:before {
    content: 'Deine Bestellung' !important;
    display: block !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #2d3748 !important;
    margin-bottom: 25px !important;
}

/* Product in Order Review */
body.woocommerce-checkout .woocommerce-checkout-review-order-table {
    margin-bottom: 25px !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td {
    padding: 15px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name {
    font-weight: 500 !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
    text-align: right !important;
    font-weight: 600 !important;
}

/* Order Total */
body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total td {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #661212 !important;
    border-top: 2px solid #661212 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    body.woocommerce-checkout .woocommerce {
        grid-template-columns: 1fr !important;
    }
    
    body.woocommerce-checkout .entry-hero {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    
    body.woocommerce-checkout .entry-title {
        font-size: 28px !important;
    }
}

/* ============================================
   ETERNAL CHECKOUT FIX - Kadence Child Theme
   ============================================ */

/* NUCLEAR: Force all text horizontal */
.woocommerce-checkout *,
.woocommerce-cart *,
.wc-block-checkout *,
.wc-block-cart * {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    -webkit-writing-mode: horizontal-tb !important;
}

/* Headings must be horizontal and full width */
.woocommerce-checkout h3,
.woocommerce-cart h3,
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
#order_review_heading,
.cart_totals h2 {
    writing-mode: horizontal-tb !important;
    display: block !important;
    width: 100% !important;
    min-width: 300px !important;
    white-space: nowrap !important;
    font-size: 1.4rem !important;
    border-bottom: 2px solid #C8861E !important;
    padding-bottom: 12px !important;
    margin-bottom: 20px !important;
}

/* Container must be wide enough */
.woocommerce-checkout .entry-content-wrap,
.woocommerce-cart .entry-content-wrap {
    max-width: 1400px !important;
    width: 100% !important;
    padding: 40px !important;
}

/* Fix sidebar layout */
.woocommerce-checkout form.checkout {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
}

.woocommerce-checkout #customer_details {
    flex: 1 1 600px !important;
    min-width: 300px !important;
}

.woocommerce-checkout #order_review_wrapper,
.woocommerce-checkout #order_review {
    flex: 0 0 380px !important;
    min-width: 300px !important;
    background: #FCFAF2 !important;
    padding: 25px !important;
    border-radius: 12px !important;
}

@media (max-width: 991px) {
    .woocommerce-checkout form.checkout {
        flex-direction: column !important;
    }
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout #order_review_wrapper,
    .woocommerce-checkout #order_review {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}