p.btn {
    position: relative;
}
p.btn a:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
body.logged-in {
	--fluidcheckout--color--white: var(--deep-blue-dark);
	--fluidcheckout--color--lighter-grey: var(--deep-blue-lighter);
}
body.logged-in .fc-step__substep-edit {
	color: var(--purple);
}
.payment_box,
.has-fluid-checkout .widget,
.has-fluid-checkout .textwidget,
div.fc-wrapper label,
.fc-wrapper .shop_table tr,
.fc-wrapper .product-details,
.woocommerce-terms-and-conditions-wrapper {
	color: var(--fluidcheckout--color--black);
}
.fc-progress-bar {
	font-size: 0;
}
.input-text {
    border-radius: 2rem !important; /* var(--border-radius) !important; */
    padding: var(--btn-padding-y) var(--btn-padding-x) !important;
}
.fc-wrapper .button {
	background-color: var(--purple) !important;
	color: white !important;
	padding: var(--btn-padding-y) var(--btn-padding-x) !important;
	border-radius: var(--btn-border-radius) !important;
}
.wc-credit-card-form input,
.has-fluid-checkout .textwidget,
.fc-progress-bar__count,
.fc-wrapper {
	font-family: var(--body-font);
}
.ioh_checkout_security {
	color: var(--fluidcheckout--color--black);
	display: grid;
	grid-template-columns: 42px auto;
	align-items: center;
}
.ioh_checkout_security i {
	font-size: 32px;
}
.fc-checkout-footer {
	text-align: center;
	padding: 2rem 0;
}
.fc-coupon-codes__coupon,
.woocommerce-checkout #payment div.payment_box,
.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h2, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h3 {
	color: var(--variable-text-color);
}

.select2-selection {
    overflow: hidden;
}

#ppcp-credit-card-gateway-card-number, #ppcp-credit-card-gateway-card-expiry, #ppcp-credit-card-gateway-card-cvc {
    font-family: sans-serif !important; /* must be system font */
    font-size: 14px !important;
}

/* payments */
#ioh_donation_amount,
.default-amount {
    padding: 10px;
    font-size: 14px;
}
.ioh-donation-buttons .default-amount.button {
  outline: none;
    cursor: pointer;
  border: 1px solid var(--purple);
  background: var(--purple);
  color: var(--white);
    border-radius: 0 !important;
}
.default-amount:hover {
    background: transparent;
}
.ioh-donation-buttons .default-amount.button.first {
    border-top-left-radius: var(--btn-border-radius) !important;
    border-bottom-left-radius: var(--btn-border-radius) !important;
}
#ioh_donation_amount {
    border-top-right-radius: var(--btn-border-radius);
    border-bottom-right-radius: var(--btn-border-radius);
}
.ioh-donation-section p {
    color: var(--variable-text-color);
    margin-top: 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}
#fc-substep__fields--ioh_donation .fc-step__substep-fields-inner {
    padding-top: 0 !important;
    background: url('https://dev-ioh2026-co-uk.stackstaging.com/wp-content/uploads/2026/06/HospitalityAction.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.donation-controller img {
    width: 48px;
}
.donation-controller .ioh-add-coupon-button {
    display: flex;
  align-items: center;
  gap: 0.5rem;
}

.oomi-mpp-unlocked-panel {
    font-family: var(--body-font);
}
.oomi-mpp-unlocked-panel a {
    color: #fff !important;
    text-decoration: underline !important;
}
.oomi_mpp_redeem_form {
    display: flex;
    color: var(--variable-text-color);
    align-items: center;
    font-family: var(--body-font);
    gap: 1rem;
}
.oomi_mpp_redeem_form button {
    padding-block-start: var(--btn-padding-y);
    padding-block-end: var(--btn-padding-y);
    padding-inline-start: var(--btn-padding-x);
    padding-inline-end: var(--btn-padding-x);
    border-radius: var(--btn-border-radius) !important;
    border-width: 1px !important;
    border-color: var(--purple) !important;
    border-style: solid !important;
    background-color: var(--purple) !important;
}
.oomi_mpp_redeem_form button:hover {
    background-color: transparent !important;
    color: var(--purple) !important;
}