/* Custom CSS for UNICEF Australia WIT */



/* --- GooglePay and Direct Debit T&Cs Styles --- */
/* --- WIT update v72 --------------------------- */

.donation-wit-app-form .donation-wit-app-form-inner.wit-default section.paymentPage .PaymentMethodOptionContainer #ASGooglePayContainer { 
    display:inline-block !important;
    width:100% !important;
    padding-top:0px !important;
    padding-right:0px !important;
    padding-bottom:5px !important;
}
.donation-wit-app-form .donation-wit-app-form-inner.wit-default section.paymentPage .PaymentMethodOptionContainer #ASGooglePayContainer div button { 
    border-radius:40px;
    width:100% !important;
    background-size:auto 24px;
}
.donation-wit-app-form .donation-wit-app-form-inner.wit-default section.paymentPage .PaymentMethodOptionContainer .as-radio-button-checked, .donation-wit-app-form .donation-wit-app-form-inner.wit-default section.paymentPage .PaymentMethodOptionContainer .as-radio-button { 
    margin:0px 0px 5px 0px !important;
    height:40px !important;
}
.Google.Pay.PaymentMethodOptionContainer + div { display:none; }
    
.donation-wit-app-form div.content:has(.Google.Pay.PaymentMethodOptionContainer) > footer .flow-button__NEXT { display:none !important; }
    
.Google.Pay.PaymentMethodOptionContainer:after {
    content: '';
    background-image: url('https://assets-us-01.kc-usercontent.com/99f113b4-e5f7-00d2-23c0-c83ca2e4cfa2/b56fa645-15f4-4e15-8f02-b75babb6a000/loading_icon.gif');
    background-size: 150px 100px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    width: 400px;
    height: 87px;
    min-width: 100%;
    top: 200px;
}
span.wit-payment-page-terms {
        text-align: center;
        display: block;
}
span.wit-payment-page-terms a {
    font-size: .875rem !important;
    text-decoration:underline;
}
.donation-wit-app-form .donation-wit-app-form-inner.wit-default section.paymentPage .PaymentMethodOptionContainer #paypal-button-container { padding-bottom:5px !important; }



/* --- Google Address Auto-Complete --- */

.donation-wit-app-form input[name="location"] {
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top:14px !important;
    padding-bottom:14px !important;
}

.donation-wit-app-form .slds-listbox__item::before, .donation-wit-app-form .slds-text-align_right::before { display:none !important; }

.donation-wit-app-form .slds-listbox__item { padding-left:1em !important; padding-right:1em !important; font-size:0.9em; }

.donation-wit-app-form #poweredByGoogle { display:none !important; }

.donation-wit-app-form .DV_Flow_APAddressValidation .slds-size_4-of-6, .donation-wit-app-form .DV_Flow_APAddressValidation .slds-size_2-of-6  { width:50% !important; }

.donation-wit-app-form .DV_Flow_APAddressValidation label::before { content:'*'; color:red; padding-right:0.2em; }

.donation-wit-app-form .DV_Flow_APAddressValidation #locationSearch label::before { display:none; }



/* Address Optional */

.donation-wit-app-form section.addressDetails span.wit-page-header > span.wit-page-text { display:inline !important; }


/* Style override for when only Credit Card is an option */
/* New WIT version wants to hide the button, but we want to keep the button visible */

.donation-wit-app-form .donation_type { visibility:visible !important; width:100% !important; }

.donation-wit-app-form .Credit.Card.PaymentMethodOptionContainer { display:flex !important; width:100% !important; }

/* Style override to hide new Previous button on new WIT */

/*.WITFAASFlowFooterButtons button.slds-button.slds-button_neutral.prev { display:none !important; }*/



/* --- FEB 2024 SALESFORCE SPRING MAJOR UPGRADE ---------- */
/* --- This update has changed input markup in the WIT --- */

@media (min-width:0px) and (max-width:639.9px) {
    .donation-wit-app-form .container { padding-left:0px; padding-right:0px; }
}

@media (min-width: 768px) and (max-width: 1023.9px) {
    .donation-wit-app-form .container { padding-left:0px; padding-right:0px; }
}

@media (min-width: 1024px) and (max-width: 1279.9px) {
    .donation-wit-app-form .container { padding-left:0px; padding-right:0px; }
}

@media (min-width: 1280px) and (max-width: 1439.9px) {
    .donation-wit-app-form .container { padding-left:0px; padding-right:0px; }
}

@media (min-width: 1440px) {
    .donation-wit-app-form .container { padding-left:0px; padding-right:0px; }
}

.donation-wit-app-form .navigation-bar__right-align { width:100%; }
.donation-wit-app-form .navigation-bar__right-align .flow-button__NEXT { width:100%; }
.donation-wit-app-form .navigation-bar__right-align .flow-button__NEXT button { background:none; border:none; color:#fff; text-transform:uppercase; }
.donation-wit-app-form footer { content-visibility: revert; }

.slds-scope [kx-scope=button-brand]:hover, .slds-scope [kx-scope=button-neutral]:hover, .slds-scope [kx-scope=button-outline]:hover, .slds-scope [kx-scope=button-filled]:hover {
    transform: none !important;
}

.donation-wit-app-form .flow-button__BACK .slds-button_neutral { border:none !important; --slds-c-button-spacing-inline-start:none !important; --slds-c-button-spacing-inline-end:none !important; font-size:.875rem !important; }

.donation-wit-app-form .donation-wit-app-form-inner.wit-default section.paymentPage .flow-button__NEXT:before { right:calc(50% + 60px); }
.donation-wit-app-form .donation-wit-app-form-inner.wit-default section.paymentPage .flow-button__NEXT button { color:#000; }

/* ADDRESS SEARCH ENHANCEMENT expId 230023 */
/* Only show manual address fields once the user starts typing */

.slds-p-right_medium:has(input[name='location']:placeholder-shown) + .slds-p-right_medium { display:none; }

.slds-p-right_medium:has(textarea[name='street']):not(.slds-p-right_medium:has(textarea[name='street']:empty)) { display:block; }


/* WIGGLES FIRST SCREEN ENHANCEMENT expId 230024 */
/* Only show manual address fields once the user starts typing */

/*.slds-p-right_medium:has(input[name='location']:placeholder-shown) + .slds-p-right_medium { display:none; }

.slds-p-right_medium:has(textarea[name='street']):not(.slds-p-right_medium:has(textarea[name='street']:empty)) { display:block; } */

.recipientDetails .wit-page-header.consent { display:none !important; }
.recipientDetails .wit-page-text.consent { font-size:0.8rem !important; line-height:1.2 !important; }


/* ADDRESS AUTO-COMPLETE SEARCH BUGFIX FOR SAFARI :focus-within BUG */

.DV_Flow_APAddressValidation #locationSearch>ul:hover { display:block; }


/* GOOGLE PAY FIXES WITH NEW WIT VERSION THAT IMPROVES VALIDATION */
.Google.Pay.PaymentMethodOptionContainer ~ div.CreditCardFieldsContainer { display:none; }

.donation-wit-app-form:has(.Google.Pay.PaymentMethodOptionContainer) .flow-button__NEXT { display:none !important; }

.Google.Pay.PaymentMethodOptionContainer:after { top:300px; }

/* POST-DONATION ADDRESS IFRAME */

iframe.postDonationAddress {
    border: none;
    width:100%;
    height:660px;
}

body:has(.postDonationAddress) .donation-thank-you-screen-info-title, body:has(.postDonationAddress) .donation-thank-you-screen-info-text { display:none !important; }
body:has(.postDonationAddress) .social-share-inner-share-btn { background:none !important; border-color:#fff !important; }
body:has(.postDonationUpsellContainer) .donation-thank-you-screen-next { display:none; }

/* Hide all BDEID spans */
#bdeID { display:none; }


/* Disable ability to accidentally close the donation modal by clicking outside it */
.appeal-form-modal-overlay { pointer-events: none; }

/* Show message on hover in case WIT has not loaded yet, or properly. */
.donation-wit-app-form:hover {
background: url('https://assets-us-01.kc-usercontent.com/99f113b4-e5f7-00d2-23c0-c83ca2e4cfa2/681d09b0-4910-4729-8ba3-e7d18e22d822/behind-wit.png');
background-size: contain;
background-position-y: top;
background-repeat: no-repeat;
min-height: 300px;
}

/* Override bold font weight on body text and image-text components */
.content-block .content-block-content>.body-base,.content-block .content-block-content>ol li,.content-block .content-block-content>ol p,.content-block .content-block-content>p,.content-block .content-block-content>ul li,.content-block .content-block-content>ul p {
    font-weight: normal;
}
.text-image .container .text-image-inner .text-image-inner-text .text-image-inner-text-text>div>.body-base,.text-image .container .text-image-inner .text-image-inner-text .text-image-inner-text-text>div>ol li,.text-image .container .text-image-inner .text-image-inner-text .text-image-inner-text-text>div>ol p,.text-image .container .text-image-inner .text-image-inner-text .text-image-inner-text-text>div>p,.text-image .container .text-image-inner .text-image-inner-text .text-image-inner-text-text>div>ul li,.text-image .container .text-image-inner .text-image-inner-text .text-image-inner-text-text>div>ul p {
    font-weight: normal;
}

/* Fix for PayPal Express submit button */
.paymentPage.exp230036B-pp-express .flow-button__NEXT { display:none; }
.paymentPage.exp230036B-pp-express .navigation-bar__right-align { display:none; }
.paymentPage.exp230039C-pp-express .flow-button__NEXT { display:none; }
.paymentPage.exp230039C-pp-express .navigation-bar__right-align { display:none; }
.paymentPage.exp230040C-pp-express .flow-button__NEXT { display:none; }
.paymentPage.exp230040C-pp-express .navigation-bar__right-align { display:none; }
.paymentPage.exp230041C-pp-express .flow-button__NEXT { display:none; }
.paymentPage.exp230041C-pp-express .navigation-bar__right-align { display:none; }

/* Hide Stripe Express */
/*.donation_stripe_express_checkout { display:none; }*/

/* Hotfix for Safari bug in WIT Lightning Out - footer back button position */
.wit-default footer { container-type: normal !important; }


/* BRAND REFRESH STYLE OVERRIDES - 2025 */
.tag.tag-maroon { 
    /*background-color: #961a49; */
    background-color: #374ea2;
}

.image-organic .image-organic-path.image-organic-path-color-peach {
    /* color: #f8aa86; */
    color: #98dff9;
}

.image-organic .image-organic-path.image-organic-path-color-maroon {
    /* color: #8b173f; */
    color: #1cabe2;
}

.error .error-code>svg>path:first-child {
    /*color: #961a49; */
    color: #1cabe2;
}

.error .error-code>svg>path:nth-child(2) {
    /* color: #f8b490; */
    color: #98dff9;
}

.image-organic .image-organic-path.image-organic-path-support-maroon-700 {
    /* color: #6d1335; */
    color: #98dff9;
}

.donation-options-form .donation-options-form-freq-radio .donation-options-form-freq-radio-item .donation-options-form-freq-radio-item-nudge {
    /* background-color: #6d1335; */
    background-color: #1cabe2;
}

.donation-options-form .donation-options-form-freq-radio .donation-options-form-freq-radio-item .donation-options-form-freq-radio-item-nudge:before {
    /* border-bottom-color: #6d1335; */
    border-bottom-color: #1cabe2;
}

/* --- Allow a 4th Main Nav dropdown menu -- */
li.header-nav-desktop-item:nth-of-type(4) {
    display: list-item !important;
}

/* Fix for Author Bio Profile page organic shape */
.author-header-image .image-organic .image-organic-path.image-organic-path-color-2-500, .author-header-image .image-organic .image-organic-path-placholder, .author-header-image .image-organic .image-organic-path-transparent {
    display:none;
}

.author-header-image .image-organic image { clip-path: circle(90px at 110px) !important; }