﻿/* =============================================================================
   Structural overrides — applied to all brands / environments
   ============================================================================= */

/* Remove Adyen payment method wrapper border, background, and header */
.adyen-checkout__payment-method {
    background: transparent !important;
    border: none !important;
}

.adyen-checkout__payment-method--selected {
    background: transparent !important;
}

.adyen-checkout__payment-method__header,
.adyen-checkout__payment-method__brands,
.adyen-checkout__card__brands {
    display: none !important;
}

/* Remove left/right padding so fields use the full container width */
.payment {
    padding-left: 0;
    padding-right: 0;
}

/* Uniform field spacing */
.adyen-checkout__field {
    margin-bottom: 8px !important;
    padding: 0 !important;
}

/* Drop-in: stack Expiry Date and Security Code vertically at 50% width */
.adyen-checkout__card__exp-cvc {
    flex-direction: column !important;
    gap: 0 !important;
}

.adyen-checkout__card__exp-cvc .adyen-checkout__field--expiryDate,
.adyen-checkout__card__exp-cvc .adyen-checkout__field--securityCode {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.adyen-checkout__card__exp-cvc .adyen-checkout__field--securityCode {
    margin-bottom: 0 !important;
}

/* Components: expiry and security code at 50% width */
#customCard-container .adyen-checkout__field--expiryDate,
#customCard-container .adyen-checkout__field--securityCode {
    width: 50% !important;
}

#customCard-container .adyen-checkout__field--expiryDate {
    margin-bottom: 0 !important;
}

#customCard-container .adyen-checkout__field--securityCode {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

/* Pay button */
.adyen-checkout__button.adyen-checkout__button--pay {
    background-color: #E67A00;
}

