/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 18 2025 | 03:55:40 */
a, 
.woocommerce-info::before {
	color: #0a4271;
}
.woocommerce-info {
    border-top-color: #0a4271;
    background-color: #f2f2f2;
}
div#payment {
    border: 1px solid #e0e0e0 !important;
}
.woocommerce form.checkout_coupon {
	border: 1px solid #e0e0e0;
    background-color: #f2f2f2;
}
form#woocommerce-checkout-form-coupon button[name="apply_coupon"] {
    background: #0A4271 ;
    color: white;
    border: none;
    padding: 10px 24px;
    cursor: pointer ;
    border-radius: 50px ;
    display: inline-block ;
    line-height: 1.5em ;
    font-weight: 400 ;
}
input#coupon_code {
    min-height: 48px;
    border-radius: 100px;
    padding-left: 24px;
    padding-right: 24px;
    border-color: #d2d2d2;
}


form.woocommerce-coupon-form {
    margin-top: 25px;
}
.hn__redeem_message {
    margin-top: 24px;
}
.coupon-input-group {
    --width-btn-submit: 150px;
	--gap: 16px;
    display: flex;
	gap: var(--gap);
}
.coupon-input-group input#coupon_code {
	width: calc(100% - var(--width-btn-submit) - var(--gap));
}
.coupon-input-group  button.button.apply-coupon-btn {
    width: var(--width-btn-submit);
    background: #0A4271;
    color: white;
    border: none;
    padding: 10px 24px;
    cursor: pointer;
    border-radius: 50px;
}

#wlr-reward-link, .wlr-myaccount-page .wlr-cursor, .wlr-myaccount-page .wlr-referral-blog .wlr-referral-box .wlr-icon:before {
    cursor: pointer;
}

p#billing_postcode_field {
    display: none;
}

@media (max-width: 576px) {
	.coupon-input-group {
		--width-btn-submit: 100px;
		--gap: 5px;
	}
	.coupon-input-group input#coupon_code {
		min-height: 42px;
		font-size: 14px;
		padding-left: 16px;
		padding-right: 16px;
	}
	.coupon-input-group  button.button.apply-coupon-btn {
		padding: 10px 24px;
		font-size: 14px;
	}
}