/*
Theme Name: Hello Shoppable Child
Theme URI: https://kayakpro.com/
Description: Child theme for Hello Shoppable customizations.
Author: KayakPro
Template: hello-shoppable
Version: 1.0.0
Text Domain: hello-shoppable-child
*/
/* Express Checkout Divider */
.kp-express-checkout-divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 24px 0 16px;
}

.kp-express-checkout-divider::before,
.kp-express-checkout-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #eaeaea;
}

.kp-express-checkout-divider span {
    padding: 0 15px;
    color: #888;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

/* PayPal Button Wrapper */
.kp-paypal-button-wrapper {
    margin-bottom: 10px;
}

.kp-paypal-btn {
    background-color: #ffc439;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s;
}

.kp-paypal-btn:hover {
    background-color: #f2ba36;
}

.kp-paypal-btn .paypal-logo {
    color: #003087;
    font-weight: 800;
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-style: italic;
}

.kp-paypal-btn .paypal-logo span {
    color: #0079C1;
}

.kp-paypal-note {
    font-size: 13px;
    color: #777;
    text-align: center;
    margin-top: 16px;
    line-height: 1.5;
}

/* Update note title layout */
.kp-cart-note-title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.kp-cart-note-icon {
    flex-shrink: 0;
}

/* Sidebar Alignment Fixes */
.kp-cart-summary-card,
.kp-cart-note-card {
    box-sizing: border-box;
    width: 100%;
}

.kp-cart-sidebar {
    box-sizing: border-box;
    max-width: 100%;
}

.kp-cart-summary-card table.shop_table {
    width: 100%;
    table-layout: fixed;
}

.kp-cart-summary-card table.shop_table th {
    text-align: left;
    width: 55%;
}

.kp-cart-summary-card table.shop_table td {
    text-align: right;
    width: 45%;
}

.kp-express-checkout-divider,
.kp-paypal-button-wrapper {
    width: 100%;
    box-sizing: border-box;
}
