/**
 * NOTICE OF LICENSE
 *
 * This file is proprietary software and is not open source.
 * Your subscription grants you a limited, non-transferable right to use this code
 * solely as part of the Retail Media Manager platform, and only for the duration
 * of your valid subscription.
 *
 * You are not permitted to copy, redistribute, resell, lease, license, sub-license,
 * or otherwise make this code or its resources available to any third party.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file. If you require customizations, please
 * contact Corebuilt Labs for professional services.
 *
 * @author     Corebuilt Labs <info@corebuilt.com>
 * @copyright  2025 Corebuilt Labs
 * @license    Limited to use within an active subscription to Retail Media Manager
 */
#cart .cart-detailed-actions a:not(.express_checkout),
#cart .js-cart-detailed-actions a:not(.express_checkout) {
    display: none;
}

/* RMMWallet — styles for easy_purchase.tpl (spacing, alignment, button look) */
.checkout.cart-detailed-actions.card-block {
    /* ensure the block has comfortable padding and neutral background */
    padding: 1rem;
    background: transparent; /* keep compatibility with theme */
}

.rmmwallet-express-checkout {
    max-width: 420px;
    margin: 0 auto;
    padding: 1rem;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(20, 33, 62, 0.06);
    border: 1px solid rgba(0,0,0,0.04);
}

.rmmwallet-express-checkout .form-group {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

.rmmwallet-express-checkout label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2c3e50;
    font-size: 0.95rem;
}

.rmmwallet-express-checkout select.form-control {
    padding: 0.55rem 0.75rem;
    border: 1px solid #d9dfe6;
    border-radius: 6px;
    background: #ffffff;
    color: #2c3e50;
    font-size: 0.95rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.rmmwallet-express-checkout select.form-control:focus {
    outline: none;
    border-color: #7aa7ff;
    box-shadow: 0 0 0 3px rgba(122,167,255,0.12);
}

/* Express checkout button styling */
.express_checkout.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    font-size: 0.95rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: background 0.12s ease, transform 0.06s ease, box-shadow 0.06s ease;
    background: #1976d2;
    color: #ffffff;
    box-shadow: 0 6px 14px rgba(25,118,210,0.12);
}

.express_checkout.btn:hover {
    background: #1667b8;
    transform: translateY(-1px);
}

.express_checkout.btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(25,118,210,0.10);
}

.express_checkout.btn[disabled],
.express_checkout.btn.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.express_checkout.btn .material-icons {
    font-size: 1.05rem;
    vertical-align: middle;
    margin-left: 6px;
}

/* center the button block on small screens and make it full width */
@media (max-width: 480px) {
    .rmmwallet-express-checkout {
        padding: 0.75rem;
        max-width: 100%;
    }
    .rmmwallet-express-checkout .text-sm-center {
        text-align: center;
    }
    .express_checkout.btn {
        width: 100%;
        justify-content: center;
    }
}