/* ============================================================
   AA Ambiente Checkout Buttons  vC.1
   ============================================================ */

/* Wrapper — tighter gap between buttons */
.amb-checkout-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-top: 0 !important;
}

/* Both buttons — shared base ensures identical font and sizing */
.amb-checkout-buttons .amb-checkout-btn,
.amb-checkout-buttons .amb-login-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    /* Inherit theme font so both buttons match exactly */
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: bold !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    /* Match WooCommerce .button.alt padding */
    padding: 1em 2em !important;
}

/* Login / Register — Ambiente blue */
.amb-checkout-buttons .amb-login-btn {
    background-color: #175DFE !important;
    color: #ffffff !important;
    border: none !important;
    transition: background 0.15s !important;
}

.amb-checkout-buttons .amb-login-btn:hover {
    background-color: #0f4cd4 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Remove theme/WooCommerce chevron arrows that can be injected via pseudo-elements */
.amb-checkout-buttons .amb-checkout-btn::after,
.amb-checkout-buttons .amb-login-btn::after,
.amb-checkout-buttons .amb-checkout-btn::before,
.amb-checkout-buttons .amb-login-btn::before {
    content: none !important;
    display: none !important;
}