.elementor-527 .elementor-element.elementor-element-4f2d37c{--display:flex;--min-height:2vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--padding-top:4em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;--z-index:5;}.elementor-527 .elementor-element.elementor-element-4f2d37c::before, .elementor-527 .elementor-element.elementor-element-4f2d37c > .elementor-background-video-container::before, .elementor-527 .elementor-element.elementor-element-4f2d37c > .e-con-inner > .elementor-background-video-container::before, .elementor-527 .elementor-element.elementor-element-4f2d37c > .elementor-background-slideshow::before, .elementor-527 .elementor-element.elementor-element-4f2d37c > .e-con-inner > .elementor-background-slideshow::before, .elementor-527 .elementor-element.elementor-element-4f2d37c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#602E60;--background-overlay:'';}.elementor-527 .elementor-element.elementor-element-615a937{--display:flex;--min-height:84vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-527 .elementor-element.elementor-element-615a937 > .elementor-shape-top .elementor-shape-fill, .elementor-527 .elementor-element.elementor-element-615a937 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#602E60;}.elementor-527 .elementor-element.elementor-element-615a937 > .elementor-shape-top svg, .elementor-527 .elementor-element.elementor-element-615a937 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:40px;}.elementor-527 .elementor-element.elementor-element-615a937 > .elementor-shape-top, .elementor-527 .elementor-element.elementor-element-615a937 > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-527 .elementor-element.elementor-element-b07c8cf{--display:flex;--min-height:70vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-527 .elementor-element.elementor-element-b07c8cf:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-b07c8cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-527 .elementor-element.elementor-element-59d19be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-527 .elementor-element.elementor-element-1a5ae3c{padding:0em 0em 0em 0em;text-align:start;}.elementor-527 .elementor-element.elementor-element-1a5ae3c .elementor-heading-title{font-family:"Kalam", Sans-serif;font-size:3em;font-weight:600;color:var( --e-global-color-7eb94ec );}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-527 .elementor-element.elementor-element-ccfa6c4{padding:0em 0em 2em 0em;text-align:start;color:var( --e-global-color-7eb94ec );font-family:"Raleway", Sans-serif;font-size:1em;font-weight:300;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-527 .elementor-element.elementor-element-7db6aed{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + -1em) 0em;padding:0px 0px 0px 0px;}.woocommerce .elementor-527 .elementor-element.elementor-element-7db6aed .price{color:var( --e-global-color-7eb94ec );font-family:"Kalam", Sans-serif;font-size:1.5em;font-weight:600;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-527 .elementor-element.elementor-element-0ca05b6 .cart button, .elementor-527 .elementor-element.elementor-element-0ca05b6 .cart .button{font-family:var( --e-global-typography-db719bb-font-family ), Sans-serif;font-weight:var( --e-global-typography-db719bb-font-weight );border-radius:25px 25px 25px 2px;color:var( --e-global-color-7eb94ec );background-color:var( --e-global-color-2931f30 );transition:all 0.2s;}.elementor-527 .elementor-element.elementor-element-0ca05b6 .cart button:hover, .elementor-527 .elementor-element.elementor-element-0ca05b6 .cart .button:hover{color:var( --e-global-color-4cae719 );background-color:var( --e-global-color-072dfc5 );}.elementor-527 .elementor-element.elementor-element-0ca05b6 .quantity .qty{transition:all 0.2s;}@media(min-width:768px){.elementor-527 .elementor-element.elementor-element-b07c8cf{--width:50%;}.elementor-527 .elementor-element.elementor-element-59d19be{--width:50%;}}@media(max-width:767px){.elementor-527 .elementor-element.elementor-element-4f2d37c{--padding-top:2em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-527 .elementor-element.elementor-element-b07c8cf{--min-height:40vh;}.elementor-527 .elementor-element.elementor-element-b07c8cf:not(.elementor-motion-effects-element-type-background), .elementor-527 .elementor-element.elementor-element-b07c8cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-527 .elementor-element.elementor-element-59d19be{--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-527 .elementor-element.elementor-element-1a5ae3c{text-align:center;}.elementor-527 .elementor-element.elementor-element-ccfa6c4{text-align:center;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-0ca05b6 *//* Force Donate button to the left */
button.wcdp-button {
    display: inline-flex !important;
    margin: 0 auto 0 0 !important;
}


#wcdp_1_wcdp_amount {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#wcdp_1_wcdp_amount li {
  width: 100%;
}

/* Make labels behave like buttons */
#wcdp_1_wcdp_amount label.wcdp-button-label {
  display: block;
  width: 100%;
  text-align: center;
}

/* =========================
   GRID LAYOUT (ALL BOXES)
========================= */
.wcdp-donation-form .wcdp-amount-wrapper,
.wcdp-donation-form .donation-amounts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5em !important;
}

/* =========================
   ALL DONATION BOXES
========================= */
label.wcdp-button-label,
label.wcdp_label_custom_amount {
    flex: 1 1 calc(25% - 0.5em) !important;
    min-width: 140px !important;

    padding: 1em !important;
    background-color: #ffffff !important;
    border: 1px solid #000000 !important;
    border border-radius: 15px;

    font-family: "Raleway", sans-serif !important;
    font-size: 1.2em !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    cursor: pointer !important;

    transition: all 0.2s ease-in-out !important;
}

/* =========================
   SELECTED STATE (FULL PURPLE BOX)
========================= */
input[type="radio"]:checked + label.wcdp-button-label,
input[type="radio"]:checked + label.wcdp_label_custom_amount {
    background-color: #602E60 !important;
    border: 1px solid #602E60 !important;
    color: #ffffff !important;
}

/* Make ALL inner text white when selected */
input[type="radio"]:checked + label.wcdp-button-label *,
input[type="radio"]:checked + label.wcdp_label_custom_amount * {
    color: #ffffff !important;
}

/* =========================
   CUSTOM AMOUNT BOX
========================= */
label.wcdp_label_custom_amount .wcdp_other {
    font-family: "Raleway", sans-serif !important;
    font-size: 1em !important;
    margin-bottom: 0.5em !important;
}

/* INPUT + Ft INLINE ALIGNMENT */
label.wcdp_label_custom_amount .wcdp_cu_field {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25em !important;
    width: 100% !important;
}

/* INPUT FIELD */
label.wcdp_label_custom_amount input.wcdp-input-field {
    width: 100% !important;
    text-align: center !important;

    border: 1px solid #000000 !important;
    background: #ffffff !important;

    font-family: "Raleway", sans-serif !important;
    font-size: 1em !important;

    padding: 0.5em !important;
    box-sizing: border-box !important;
}



/* CURRENCY SYMBOL INLINE FIX */
label.wcdp_label_custom_amount .woocommerce-Price-currencySymbol {
    font-family: "Raleway", sans-serif !important;
    font-size: 1em !important;
    margin-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/*hide other label*/
label.wcdp_label_custom_amount .wcdp_cu_field {
    margin-top: 0 !important;
}

/* Keep input text visible when selected */
input.wcdp-input-field {
    color: #000000 !important;
}

/* When custom amount is selected (purple box) */
input[type="radio"]:checked + label.wcdp_label_custom_amount input.wcdp-input-field {
    color: #000000 !important;
    caret-color: #000000 !important;
}

/* Also ensure currency symbol stays visible */
input[type="radio"]:checked + label.wcdp_label_custom_amount .woocommerce-Price-currencySymbol {
    color: #ffffff !important;
}

/* Make label a positioning context */
label.wcdp-button-label,
label.wcdp_label_custom_amount {
    position: relative !important;
    padding-left: 2.2em !important; /* space for tick on left */
    padding-right: 1em !important;
}

/* Move tick icon to LEFT */
label.wcdp-button-label::before,
label.wcdp_label_custom_amount::before,
label.wcdp-button-label::after,
label.wcdp_label_custom_amount::after {
    left: 0.7em !important;
    right: auto !important;
    position: absolute !important;
}

/* If tick is inside a span/icon element instead of pseudo-element */
label.wcdp-button-label .wcdp-icon,
label.wcdp_label_custom_amount .wcdp-icon,
label.wcdp-button-label .check,
label.wcdp_label_custom_amount .check {
    position: absolute !important;
    left: 0.7em !important;
    right: auto !important;
}

/* MAIN DONATE BUTTON */
button.wcdp-button {
    background-color: #602E60 !important;
    color: #ffffff !important;

    font-family: "Raleway", sans-serif !important;
    font-size: 1.2em !important;
    font-weight: 500 !important;

    border: 1px solid #602E60 !important;
    border-radius: 0 !important;

    padding: 1em 1.5em !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5em !important;

    cursor: pointer !important;

    transition: all 0.2s ease-in-out !important;
}

/* HOVER STATE */
button.wcdp-button:hover {
    background-color: #4d244d !important;
    border-color: #4d244d !important;
}

/* ACTIVE / CLICK STATE */
button.wcdp-button:active {
    transform: scale(0.98) !important;
}

/* ARROW ICON */
button.wcdp-button .wcdp-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 1.4em !important;
    line-height: 1 !important;

    margin-left: 0.3em !important;
}

/* =========================
   HARD FIX: PREVENT HORIZONTAL SCROLL
========================= */
html, body {
    overflow-x: hidden !important;
}

/* Ensure donation form never exceeds viewport */
.wcdp-donation-form {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Force all children to respect container width */
.wcdp-donation-form * {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* =========================
   MOBILE SAFETY GRID FIX
========================= */
@media (max-width: 768px) {

    /* SAFETY: prevent page overflow */
    html, body {
        overflow-x: hidden !important;
    }

    /* TURN CONTAINER INTO REAL GRID (BEST FIX) */
    .wcdp-donation-form .wcdp-amount-wrapper,
    .wcdp-donation-form .donation-amounts {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.5em !important;
        width: 100% !important;
    }

    /* MAKE ITEMS FILL GRID CELLS */
    label.wcdp-button-label,
    label.wcdp_label_custom_amount {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }

    /* INPUT SAFETY */
    label.wcdp_label_custom_amount input {
        width: 100% !important;
        min-width: 0 !important;
    }
}/* End custom CSS */