/* WooCommerce Cart & Checkout Block Styles */

/* Style the Proceed to Checkout button */
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button,
.wp-block-woocommerce-proceed-to-checkout-block a {
    background-color: #a77951 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-weight: 600 !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover,
.wp-block-woocommerce-proceed-to-checkout-block a:hover {
    background-color: #c18e63 !important;
}

/* Style the Apply coupon button */
.wc-block-components-totals-coupon__button,
button[aria-label*="Apply"],
button[aria-label*="Bruk"] {
    background-color: #a77951 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.wc-block-components-totals-coupon__button:hover,
button[aria-label*="Apply"]:hover,
button[aria-label*="Bruk"]:hover {
    background-color: #c18e63 !important;
}

/* Style the Place Order button on checkout */
.wc-block-components-checkout-place-order-button,
.wc-block-components-button.contained {
    background-color: #a77951 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    border: none !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.contained:hover {
    background-color: #c18e63 !important;
}

/* Style payment method options to look like buttons */
.wc-block-components-radio-control__option {
    border: 2px solid #d4c4b0 !important;
    border-radius: 8px !important;
    padding: 16px 16px 16px 45px !important;
    margin-bottom: 12px !important;
    background-color: #ffffff !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    position: relative !important;
}

.wc-block-components-radio-control__option:hover {
    border-color: #b89968 !important;
    background-color: #fdfcfb !important;
}

.wc-block-components-radio-control__option.wc-block-components-radio-control__option-checked {
    border-color: #b89968 !important;
    background-color: #f8f5f1 !important;
    box-shadow: 0 2px 6px rgba(184, 153, 104, 0.15) !important;
}

/* Style the radio button itself */
.wc-block-components-radio-control__option input[type="radio"] {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

/* Style payment method labels */
.wc-block-components-radio-control__label {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 15px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Style payment method descriptions */
.wc-block-components-radio-control__secondary-label,
.wc-block-components-radio-control__secondary-description {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin-top: 8px !important;
    padding-left: 0 !important;
}

/* Order confirmation page styling */
.woocommerce-order-details,
.woocommerce-customer-details {
    background-color: #e8dfd3 !important;
    border: 1px solid #c9b89a !important;
    border-radius: 8px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
}

/* Order details table styling */
.woocommerce-table--order-details {
    background-color: #f0e9dd !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    border: 1px solid #d4c4b0 !important;
}

.woocommerce-table--order-details thead {
    background-color: #c9b89a !important;
}

.woocommerce-table--order-details thead th {
    color: #3d2f1f !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
}

.woocommerce-table--order-details tbody td,
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
    padding: 12px 16px !important;
    border-bottom: 1px solid #d9cdb8 !important;
    background-color: #f5f0e7 !important;
}

.woocommerce-table--order-details tfoot {
    background-color: #e5dcc8 !important;
    font-weight: 600 !important;
}

.woocommerce-table--order-details tbody tr:hover td {
    background-color: #ebe3d4 !important;
}

/* Billing address styling */
.woocommerce-customer-details address {
    background-color: #f5f0e7 !important;
    border: 1px solid #d4c4b0 !important;
    border-radius: 6px !important;
    padding: 18px !important;
    line-height: 1.8 !important;
}

/* Order received heading */
.woocommerce-order h2,
.woocommerce-order h3 {
    color: #3d2f1f !important;
    margin-bottom: 16px !important;
}

/* Order overview at the top */
.woocommerce-order-overview {
    background-color: #ebe3d4 !important;
    border: 1px solid #c9b89a !important;
    border-radius: 8px !important;
    padding: 20px !important;
}