.ippay-msg {
        display: block
}
.remote-statistics-wrap {
        margin: 20px 0px;
}

#y_address {
    /*width: 25em;*/
}

#ippay_statistics_table .sorted a span {
    color: #FD5757;
}

#ippay_statistics_table .sortable .sorting-indicator {
display: block;
width: 7px;
height: 4px;
margin-top: 8px;
margin-left: 7px;
background-image: url('images/sort.gif');
background-repeat: no-repeat;
opacity: 0;
}

#ippay_statistics_table th.sorted.desc .sorting-indicator, #ippay_statistics_table th.asc:hover span.sorting-indicator {
display: block;
opacity: 1 !important;
}

#ippay_statistics_table th span {
    color: #FFF;
}

#ippay_statistics_table th.sorted span {
    color: #CCC;
    text-decoration: underline;
}

#wp-admin-bar-wp-logo {
    display: none;
}

#y_state {
    width: 159px;
}



/* OLD STYLES - Disabled for new design (float: left prevents centering)
.add-donations{
    padding: 15px;
    display: inline-block;
    float: left;
    max-width: 600px;
}
*/

.add-donations p, .member-setting-donation p, .pay-tickets p{
    font-size: 16px;
}

.add-donations label{
    font-size: 14px;
}

/* OLD STYLES - Disabled for new design
.add-donations form, .express-donations form{
    border: 1px solid rgb(128, 0, 0);
    padding: 15px;
}
*/

.add-donations input[type="submit"], #wp-reset, .express-donations input[type="submit"], #new_credit_card input[type="submit"], .add-new input[type=submit], .donation_preview input[type=submit]{
    float: none !important;
    display: inline-block !important;
     line-height: 14px;
}

#wp-submit.disabled {
    background-color: #aaa !important;
    border: 1px solid #999 !important;
    background: #aaa !important;
}

#wp-submit.disabled:hover {
    background-color: #aaa !important;
    border: 1px solid #999 !important;
    background: #aaa !important;
}

/* OLD STYLES - Disabled for new design (conflicts with donation-dropdown)
.member-donations select, .member-setting-donation select, .pay-tickets select, .express-donations select{
    background-color: #F7F6EC;
    border: 1px solid #800000;
    border-radius: 5px;
    font-size: 14px;
    padding: 5px 27px 5px 28px;
    margin: 0 0 10px 0;
    width: 200px;

}

.member-donations select option, .member-setting-donation select option, .pay-tickets select option, .express-donations select option{
    font-size: 14px;
}

.member-donations select:focus, .member-setting-donation select:focus, .pay-tickets select:focus, .express-donations select:focus{
    border: 1px solid #a5a5a5;
    color: #282828;
}
*/

/* OLD STYLES - Disabled for new design (conflicts with donation-amount-input)
.member-donations input[type=text], .member-setting-donation input[type=text], .pay-tickets input[type=text], .express-donations input[type=text], .member-donations input[type=tel], .member-setting-donation input[type=tel], .pay-tickets input[type=tel], .express-donations input[type=tel]{
    border: 1px solid rgb(128, 0, 0);
    border-radius: 5px;
    color: #888;
    font-size: 16px;
    padding: 5px;
    background-color: rgb(247, 241, 230);
    width: 159px;
}
*/

/* OLD STYLES - Disabled for new design (conflicts with amount fields)
.member-donations input[type=number], .member-setting-donation input[type=number], .pay-tickets input[type=number], .express-donations input[type=number], .member-donations input[type=password], .member-donations input[type=tel], .member-setting-donation input[type=tel], .pay-tickets input[type=tel], .express-donations input[type=tel]{
    border: 1px solid rgb(128, 0, 0);
    border-radius: 5px;
    color: #555;
    font-size: 14px;
    padding: 5px;
    background-color: rgb(247, 241, 230);
    width: 159px;
}

.member-donations input[type=number]:focus, .member-setting-donation input[type=number]:focus, .pay-tickets input[type=number]:focus, .express-donations input[type=number]:focus, .member-donations input[type=password]:focus, .member-donations input[type=tel]:focus, .member-setting-donation input[type=tel]:focus, .pay-tickets input[type=tel]:focus, .express-donations input[type=tel]:focus{
    border: 1px solid #a5a5a5;
    color: #282828;
}
*/

/* New styles for amount input fields */
.express-donations input[type=text],
.express-donations input[type=number] {
    border: 1px solid #cccccc;
    border-radius: 50px;
    color: #27272D;
    font-size: 14px;
    padding: 14px 20px;
    background-color: #fff;
    width: 150px;
    text-align: center;
    vertical-align: middle;
}

.express-donations input[type=text]:focus,
.express-donations input[type=number]:focus {
    border-color: #5FAFC9;
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(95,175,201,0.1);
}


.member-donations input[type=button], .member-setting-donation input[type=button], .pay-tickets input[type=button], .express-donations input[type=button]{
    background: #5FAFC9 !important;
    border: 1px solid #5FAFC9 !important;
    margin: 0 5px;
    padding: 12px 30px !important;
    width: auto !important;
    min-width: 100px;
    color: #fff !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.member-donations input[type=button]:hover,
.member-setting-donation input[type=button]:hover,
.pay-tickets input[type=button]:hover,
.express-donations input[type=button]:hover {
    background: #4a9ab3 !important;
    border-color: #4a9ab3 !important;
}

.member-donations input[type=text]:focus, .member-setting-donation input[type=text]:focus, .pay-tickets input[type=text]:focus, .express-donations input[type=text]:focus{
    border: 1px solid #a5a5a5;
    color: #282828;
}

.pay-tickets{
    padding: 15px;
    width: 100%;
}

.pay-tickets label{
    display: block;
    margin: 0px 0px 5px;
}

.my_donations{
    padding: 15px;
    display: inline-block;
    float: left;
    width: 65%;
}

.my_donations table, .donations-history table {
    border: 1px solid rgb(128, 0, 0);
    border-collapse: collapse;
    width: 100%;
    text-align: left;
}

.my_donations thead, .donations-history thead{
    color: #fff;
    background-color: rgb(128, 0, 0);
}

.my_donations th, .my_donations td, .donations-history th, .donations-history td{
    padding: 5px 5px 5px 4px;
    border: 1px solid rgb(128, 0, 0);
}

.my_donations tbody, .donations-history tbody{
    background-color: rgb(247, 241, 230);
}

.member-donations{
    
}

.member-donations h4{
     font-size: 18px;
     margin: 0 0 20px;
}

.add-donation{

}

.month{

}

.year{

}

.amount{

}

.check{

}

.add_new_credit_card{
    padding: 15px;
    width: 43%;
    margin: 0 25px 25px 0;
    border: 1px solid rgb(128, 0, 0);
}

.add_new_bank_account_number{
    padding: 15px;
    width: 43%;
    margin: 0 25px 0 0;
    border: 1px solid rgb(128, 0, 0);
}

.add_new_bank_account_number span{
    margin: 0 100px 0 0;
}

.add-new{

}

#new_credit_card{
    margin: 15px 0 0 0;
}

#new_bank_account_number label{
    display: block;
    margin: 0 0 5px 0;
}

.add-button{

}

.attention{
    font-size: 11px;
}

.block_visitor{
    border: 1px solid rgb(128, 0, 0);
    padding: 25px;
    margin: 0 0 10px 0;
}

.ippay-register-fields{
    display: inline-block;
    width: 50%;
}

.button-buy-tickets{

}

.user-header{
    width: 100%;
    float: left;
    padding: 10px;
}

.header-name{
    margin: 0 0 0 120px;
}

.header-name h4{
    font-size: 28px;
}

table.notification-settings {
        width: 100%;
	margin-bottom: 20px;
	text-align: left;
}

.notification-settings thead tr{
    background: #eaeaea;
}

.notification-settings .yes, .notification-settings .no{
    text-align: center;
    width: 40px;
}

#item-header-content h2{
    display: inline-block;
}

.date_group{
    margin: 0 0 0 15px;
    position: relative;
    top: -2px;
    float: right;
}

.profile-fields{
    width: 100%;
}

#edit_credit_card, #edit_account_number {
    margin: 0 13px 0 15px;
}

.save_edit_donation{

}

#register-page{
    padding: 10px 0 0 0;
}

.main-menu{
    position: relative;
    top: 235px;
    left: 110px;
    color: #fff;
    font-size: 11px;
}

.main-menu ul{
    display: inline-block;
}

.main-menu li{
    display: inline-block;
    margin: 0 5px 0 0;
}

.main-menu a{
    color: #fff;
}

.main-menu a:hover{
    
}

.enable-donation, .disable-donation {
    color: rgb(255, 0, 0);
    text-decoration: underline
}

.edit-donation-td{
    text-align: center;    
}

.edit-donation-td a{
    color: rgb(255, 0, 0);
    text-decoration: underline
}

.member-setting-donation{
    padding: 15px;
}

.submit-donation{
    background-color: #5FAFC9 !important;
    border: 1px solid #5FAFC9 !important;
    border-radius: 42px !important;
    font-size: 18px !important;
    padding: 15px 40px !important;
    line-height: 1.6em !important;
    transition: background-color 0.3s ease !important;
}

.submit-donation:hover {
    background-color: #4a9ab3 !important;
    border-color: #4a9ab3 !important;
}

#item-buttons{
    /*max-width: 225px;*/
}

.title-page h3{
    font-size: 28px;
}

.title-page{
    margin: 20px 0 0 0;
}

.donations-history{
     padding: 16px;

}

.payment-methods {

}

.payment-methods__type-button {
  display: inline-block;
  margin-bottom: 20px;
}

.payment-methods__type-button .button-small {
  font-size: 14px;
}

.chosen_method, .chosen_day, .chosen_type{    
    font-weight: bold !important
}

.bold{
  font-weight: bold !important
}

.frequentcy_block input[type=button]{    
    width: 50px;   
}

.edit-donation-td input[type=button]{
    width: 60px;
    color: #ffffff;
    font-size: 14px;
    background-color: #8ff57a;
}

.purpose_margin{
    
}

.method_margin{
    
}

.amount_margin{
    
}

.token_margin{
    
}

.frequentcy_margin{
    
}

.two_dates_margin{
    
}

.day_of_month_margin{
   
}

.day_in_month_margin{
    
}

.credit_margin{
    
}

.year_margin{
    
}

.month_margin{
   
}

.name_margin{
    
}

.account_margin{
   
}

.add_account_margin{
   margin: 0 26px 0 0;
}

.routing_margin{
   
}

.check_number_margin{
    
}

.cvv2_margin{
    
}

.your_name_margin{
    
}

.your_email_margin{
    
}

.edit_credit_margin{
    margin: 0 75px 0 0px;
}

.account_type_margin{
   
}

.add_credit_card{
    margin: 0 44px 0 0;
}

.donation_preview{
    padding: 15px;
    text-align: center;
}

.add_guest_p input[type=button]{
    margin: 15px 0 0 0;
}

.add_guest_p{
    margin: -10px 0 15px 0;
}

.add-donation-r{
    
}

/* OLD STYLES - Overridden by new design below
.express-donations{
    display: inline-block;
    margin: 25px 0 0 0;
    max-width: 600px;
}
*/

.express-donations label{
    display: block;
    margin: 10px 0 5px 0;
}

/* OLD STYLES - Overridden by new design below
.donate-now-block{
    text-align: center;
}
*/

.button-href{
    background-color: rgb(128, 0, 0);
    background-position: center center;
    background-repeat: repeat-x;
    border: 1px solid rgb(128, 0, 0);
    border-radius: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 17px;
    padding: 11px 20px;
    text-align: center;
    transition: all 300ms ease-in 0s;
    min-width: 127px;
    line-height: 1.6em;
	  width: 180px;
}

.button-href:hover, .button-href:active {
    color: #d54e21;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.button-clear{
    background-color: #5FAFC9;
    background-position: center center;
    background-repeat: repeat-x;
    border: 1px solid #5FAFC9;
    border-radius: 42px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: sans-serif;
    font-size: 18px;
    padding: 15px 40px;
    text-align: center;
    transition: all 300ms ease-in 0s;
}

.button-clear:hover {
    background-color: #4a9ab3;
    border-color: #4a9ab3;
}



.p-options-express{
    display: inline-block;
    margin: 10px 10px 0 0;
}

.p-options{
    display: inline-block;
    margin: 10px 10px 0 0;
}

.div-options{
    margin: 0 0 10px 0;
}

.member-donations label{
    margin: 10px 5px 5px 0;
}

#edit_credit_card_block label{
    display: block;
    margin: 0 0 5px 0;
}

#new_credit_card label{
    display: block;
    margin: 0 0 5px 0; 
}

#page-login-form #wp-submit{
    float: right;
    margin: 10px 0;
}

.user_register_name p{
    display: inline-block;
    margin: 0 10px 0 0;
}

.total{
    font-weight: bold;
}

.error{
    color: #FF0000;
}

.not_listed {
    margin: 0 0 15px 0;
}

#counter
{
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

.container-auto-logout
{
    text-align: center;
    padding: 15px;
}

.container-botton
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.container-botton a
{
    margin: 5px;
}

.mobile-log-out
{
    display: none;
}

.group-options input[type=checkbox] {
    width: 2em;
    height: 2em;
}

.group-options .group-field-value {
    font-size: 14px;
    margin-top: 12px;
}

.group-options br {
    
}

.group-options label {
    clear: both;
    display: inline;
}

.pay-tickets p.description {
    display: block;
}

#payee_attendee {
    width: 2em;
    height: 2em;
}

.clr {
    clear: both;
}

.my-info {
    margin-bottom: 20px;
}

.button-href.margin-center {
    margin: 0 auto;
    display: block;
}

/* OLD STYLE - Disabled for new design (limits width)
.block_type_pay {
    max-width: 220px;
}
*/


/* STATISTIC PAGE */

#statistics_update_email_button {
    display: inline-block;
    background: #EBEBEB;
    padding: 10px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 3px;
    color: #333;
    width: 160px;
    text-align: center;
    font-size: 1.5em;
    border-width: 0;
    cursor: pointer;
}

#statistics_update_email_button:active {
    background: #BBBBBB;
}

#statistics_form {
    border-top: 1px dashed #ccc;
    padding-top: 20px;
}

#update_statistics {
    display: block;
    background: #EBEBEB;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-decoration: none;
    border-radius: 3px;    
    width: 160px;
    text-align: center;
    font-size: 1.5em;
    border-width: 0;
    cursor: pointer;
}

#update_statistics:active {
    background: #BBBBBB;
}    

.tabs_switch {
    display: inline-block;
    background: #EBEBEB;
    padding: 10px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 3px;
    color: #333;
    width: 45%;
    text-align: center;
    font-size: 1.5em;
}

.tabs_switch.active {
    background: #BBBBBB;
}

.tabs_switch:hover {
    color: #333;
}    

#tabs_statistics .tab {
    display: none;
}

#tabs_statistics .tab.active {
    display: block;
}

#statistics_send_report_button {
    display: inline-block;
    background: #EBEBEB;
    padding: 10px;
    margin-right: 10px;
    text-decoration: none;
    border-radius: 3px;
    color: #333;
    width: 160px;
    text-align: center;
    font-size: 1.5em;
    border-width: 0;
    cursor: pointer;
}

#statistics_send_report_button:active {
    background: #BBBBBB;
}

span.success-check {
    display: inline-block;
    padding: 5px 10px;
}

.notif-container {
    display: none;
}

#payment_method_errors {
    display: none;
    color: red;
    margin-bottom: 18px;
}

.select_method, .type_pay_button {
    margin-right: 10px !important;
    padding: 10px !important;
    width: auto;
}

span.add-donation input[type=button] {
    margin-right: 5px !important;
    padding: 10px 15px !important;
    width: auto !important;
}

/* OLD STYLE - Disabled for new design (limits width)
.member-donations input[type=text], .member-setting-donation input[type=text], .pay-tickets input[type=text], .express-donations input[type=text] {
    max-width: 150px;
}
*/

/* Rediect To Home Popup*/
#redirect-text {
    text-align: center;
    padding: 20px;
    border-radius: 25px !important;
}

#redirect-time {
    font-size: 2.5em;
    text-align: center;
    margin: 20px 0;
}

/* Popup modal styling - более агрессивные селекторы */
.blockMsg,
.blockUI.blockMsg,
div.blockUI.blockMsg,
.blockOverlay + .blockMsg {
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
}

/* Container for buttons */
#redirect-text > div,
#redirect-text > p {
    text-align: right !important;
    margin-top: 20px !important;
}

/* Buttons in redirect popup - все возможные селекторы */
.btn_right,
.bth_left,
#redirect-text input[type="button"],
#redirect-text button,
.blockMsg input[type="button"],
.blockMsg button,
.blockUI input[type="button"],
.blockUI button {
    padding: 12px 30px !important;
    background-color: #5FAFC9 !important;
    background: #5FAFC9 !important;
    color: #fff !important;
    border: 1px solid #5FAFC9 !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    margin: 10px 5px !important;
    float: right !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 100px !important;
}

.btn_right:hover,
.bth_left:hover,
#redirect-text input[type="button"]:hover,
#redirect-text button:hover,
.blockMsg input[type="button"]:hover,
.blockMsg button:hover,
.blockUI input[type="button"]:hover,
.blockUI button:hover {
    background-color: #4a9ab3 !important;
    background: #4a9ab3 !important;
    border-color: #4a9ab3 !important;
}

.btn_right:active,
.bth_left:active,
#redirect-text input[type="button"]:active,
#redirect-text button:active,
.blockMsg input[type="button"]:active,
.blockMsg button:active,
.blockUI input[type="button"]:active,
.blockUI button:active {
    background-color: #3d8a9f !important;
    background: #3d8a9f !important;
}

.error_donate {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}

/* OLD STYLE - Disabled, using new styles below
#block_type_pay {
    clear: both;
    padding-top: 15px;
}
*/

/* REGISTRATION */
#signup_form .error{

}


#user_type_field label {
  display: inline-block;
}

/* FORM */
div#user_type label {
  display: inline-block;
}

/*Hide unnecessary fields in WC checkout form*/
.woocommerce-checkout #y_address, .woocommerce-checkout label[for="y_address"] {display: none;}
.woocommerce-checkout #y_state, .woocommerce-checkout label[for="y_state"] {display: none;}
.woocommerce-checkout #y_city, .woocommerce-checkout label[for="y_city"] {display: none;}
.woocommerce-checkout #y_zipcode, .woocommerce-checkout label[for="y_zipcode"] {display: none;}

/*Extra styles for WC checkout form*/
.woocommerce-checkout label[for="type_pay"] {    padding-bottom: 15px;
    font-size: 1.1em;
    font-weight: bold;}

.woocommerce-checkout .button-small {margin-left: 0px;}
.woocommerce-checkout .checkout header {height: auto;}
#form_container .required {color: red;}
.form_description_h2 {    font-size: 28px;
    margin-bottom: 10px;}
#wc_event_submit_btn {padding-top: 20px;}
#form_container label {display: block;}    
#form_container {font-size: 14px;}
#form_container select {font-size: 14px;     padding: 0 5px; width: 80px;}
.single_roster_player{padding: 20px 0 10px;}
#form_container select option {font-size: 14px;}
.event_form_fields li {padding-top: 10px; padding-bottom: 5px;}    
#form_container input[type="text"], #form_container input[type="number"], #form_container input[type="email"], #form_container input[type="phone"] {    padding-top: 5px;
    padding-bottom: 5px;
    }
#form_container input[type="text"] {width:65%;}    
#form_container textarea {width:80%; height: 200px;}    
.woocommerce-page #container >#content {padding-top: 2.2%;}
#form_container input, #form_container textarea, #form_container select {    border: 1px solid rgb(128, 0, 0); background-color: rgb(247, 241, 230);}
#form_container input:focus, #form_container textarea:focus, #form_container select:focus {    border: 1px solid #a5a5a5;}
#sex_li input {transform: scale(1.2);}
#sex_li > div > input[type="radio"]:nth-child(2) {position: relative; left: 30px;}
#total_players {width:50px;}
#loc_add_li .description {font-size: 1.35em;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
}
.woocommerce .quantity .qty {height: 30px; display: none;}
#wc_event_submit_btn .single_add_to_cart_button {    background-color: rgb(128, 0, 0) !important; color:white;}
#wc_event_submit_btn .single_add_to_cart_button:hover {    background-color: rgb(8, 0, 0) !important;}
.event_form_fields h4 {font-size: 16px;}
.event_form_fields button {    background-color: rgb(128, 0, 0) !important; color:white;}
.event_form_fields button:hover {    background-color: rgb(8, 0, 0) !important;}
.woocommerce table.shop_table td  { border: 1px solid #cacaca;}
.woocommerce table.shop_table .product-name > a {font-size: 1.4em; font-weight: bold;}
.woocommerce table.shop_table .product-name .variation {    margin-top: 1.4em;}
.woocommerce table.shop_table .product-name .product-quantity {display: none;}
.woocommerce-page #content header {height: auto;}
.woocommerce th.product-quantity, .woocommerce td.product-quantity {display: none;}
.woocommerce th.product-thumbnail, .woocommerce td.product-thumbnail {display: none;}

.checkbox-big {
    width: 2em;
    height: 2em;
}

#event_partial_due_details,
#event_partial_due_wrap {
    display: none;
}

.past-due-messages-wrapper {
    background-color: #fb2;
    color: #fff;
    padding: 10px;
    text-align: center;
}

.past-due-messages-wrapper a {
    color: #fff;
    text-decoration: underline;
}

.wp-hide {
display: none;				 
}
/* ========================================
   NEW DONATION FORM STYLES - 2025-11-25
   Modern, clean design for donations page
   ======================================== */

/* ========================================
   DONATION NAVIGATION - from top
   ======================================== */

.donation-nav-space {
    height: 15px;
    width: calc(100% + 120px);
    margin-left: -60px;
    margin-right: -60px;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 30px;
    position: relative;
}

.donation-nav-tabs {
    position: absolute;
    bottom: 12px;
    left: 60px;
    right: 60px;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    gap: 20px;
}

.donation-nav-tab {
    color: #999999;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    transition: color 0.3s ease;
    cursor: pointer;
    white-space: nowrap;
    flex: 0 1 auto;
    position: relative;
}

/* Line under the tab - part of the main horizontal line */
.donation-nav-tab::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e0e0e0;
    transition: background-color 0.3s ease;
    z-index: 1;
}

.donation-nav-tab:hover {
    color: #000000;
}

.donation-nav-tab:hover::after {
    background-color: #000000;
}

.donation-nav-tab.active {
    color: #000000;
    font-weight: 500;
}

.donation-nav-tab.active::after {
    background-color: #000000;
}

/* Responsive navigation */
@media (max-width: 768px) {
    .donation-nav-tabs {
        gap: 10px;
        font-size: 12px;
    }

    .donation-nav-tab {
        font-size: 12px;
    }
}

/* ========================================
   DONATION FORM CONTAINERS
   ======================================== */

/* Outer White Box - 900px like banner */
.donation-form-outer-wrapper {
    max-width: 900px !important;
    width: 100% !important;
    margin: 0 auto;
    background: #fff;
    padding: 40px 60px;
    border-radius: 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border: none;
    box-sizing: border-box !important;
    display: block;
}

/* Inner Form Container - 500px centered inside outer box */
#express_donations_validate {
    max-width: 500px !important;
    width: 100% !important;
    margin: 0 auto;
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    box-sizing: border-box !important;
    display: block;
}

#express_donations_validate fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* Donation Categories - Gray background box */
.donation-categories {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 24px;
    margin: 0 0 20px 0;
}

/* Dropdown Categories - White background (no box) */
.donation-dropdowns {
    margin: 0 0 20px 0;
}

.donation-category-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.donation-category-item:first-child {
    padding-top: 0;
}

.donation-category-item:last-child {
    padding-bottom: 0;
}

.donation-category-label {
    font-size: 15px;
    color: #333;
    font-weight: 400;
    margin: 0;
    flex: 1;
}

.donation-amount-input {
    width: 150px;
    padding: 14px 20px;
    border: 1px solid #cccccc;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    color: #27272D;
}

.donation-amount-input:focus {
    outline: none;
    border-color: #5FAFC9;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(95,175,201,0.1);
}

/* Dropdown items */
.donation-category-item.dropdown-item {
    display: flex;
    padding: 15px 0;
    align-items: center;
    gap: 15px;
}

/* Set fixed width for dropdown only when amount fields are present */
.donation-category-item.dropdown-item:has(input[placeholder]) .donation-dropdown {
    flex: 0 0 auto;
    width: 280px;
}

/* All input fields in dropdown items */
.donation-category-item.dropdown-item input[type=text],
.donation-category-item.dropdown-item input[type=number] {
    border: 1px solid #cccccc;
    border-radius: 50px;
    color: #27272D;
    font-size: 14px;
    padding: 14px 20px;
    background-color: #fff;
    width: 150px;
    text-align: center;
}

.donation-category-item.dropdown-item input[type=text]:focus,
.donation-category-item.dropdown-item input[type=number]:focus {
    border-color: #5FAFC9;
    background-color: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(95,175,201,0.1);
}

/* Hide empty input fields without placeholder */
.donation-category-item.dropdown-item input[type=text]:not([placeholder]),
.donation-category-item.dropdown-item input[type=number]:not([placeholder]) {
    display: none !important;
}

/* Also hide fields with empty placeholder */
.donation-category-item.dropdown-item input[type=text][placeholder=""],
.donation-category-item.dropdown-item input[type=number][placeholder=""] {
    display: none !important;
}

/* Amount fields - shift down 5px to align with dropdown and reduce height */
.donation-category-item.dropdown-item input[placeholder*="mount"],
.donation-category-item.dropdown-item input[placeholder*="Amount"] {
    position: relative;
    top: 5px;
    padding: 8px 15px;  /* Reduced from 10px to 8px vertically (-2px height) */
}

.donation-dropdown {
    width: 100%;
    padding: 14px 50px 14px 20px;
    border: 1px solid #cccccc;
    border-radius: 50px;
    font-size: 14px;
    background-color: #fff;
    color: #27272D;

    /* Remove default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Add custom arrow - #60CBF6 like Edit Profile */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360CBF6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 22px center;
    background-size: 20px;
}

.donation-dropdown:focus {
    outline: none;
    border-color: #5FAFC9;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(95,175,201,0.1);
}

/* Total Amount Section */
.total-amount-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    margin: 30px 0;
    border-top: 2px solid #333;
    border-bottom: none;
}

.total-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.total-value {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}

.total-value .total-amount:before {
    content: '$';
}

/* Payment Schedule - Gray Box */
.payment-schedule-box {
    background: #f5f5f5;
    padding: 8px 30px;
    border-radius: 24px;
    margin: 0 0 20px 0;
}

.schedule-label {
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
    font-weight: 600;
}

.schedule-options {
    display: flex;
    flex-direction: column;
    gap: 7.5px;
}

.schedule-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.schedule-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.schedule-option span {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    user-select: none;
}

/* Perfect circle indicator on the right */
.schedule-option::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border: 2px solid #d0d0d0;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.2s ease;
}

/* When radio is checked, show blue circle with white center */
.schedule-option:has(input[type="radio"]:checked)::after {
    background: #5FAFC9;
    border-color: #5FAFC9;
    box-shadow: inset 0 0 0 2px #fff;
}

/* Payment Method - Gray Box (same style as Payment Schedule) */
.payment-method-box {
    background: #f5f5f5;
    padding: 8px 30px;
    border-radius: 24px;
    margin: 0 0 20px 0;
}

.method-label {
    font-size: 14px;
    color: #999;
    margin-bottom: 5px;
    font-weight: 600;
}

.method-options {
    display: flex;
    flex-direction: column;
    gap: 7.5px;
}

.method-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.method-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.method-option span {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    user-select: none;
}

/* Perfect circle indicator on the right */
.method-option::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border: 2px solid #d0d0d0;
    border-radius: 50%;
    background-color: #fff;
    transition: all 0.2s ease;
}

/* When radio is checked, show blue circle with white center */
.method-option:has(input[type="radio"]:checked)::after {
    background: #5FAFC9;
    border-color: #5FAFC9;
    box-shadow: inset 0 0 0 2px #fff;
}

/* Credit Card and Bank Account Fields Styling */
#block_type_pay {
    margin-top: 15px;
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
}

.block_type_pay_express {
    width: 100% !important;
    max-width: 100% !important;
}

/* Style all input fields in payment section */
#block_type_pay input[type="text"],
#block_type_pay input[type="tel"],
#block_type_pay input[type="number"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 14px 20px !important;
    border: 1px solid #cccccc !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    background-color: #fff !important;
    color: #27272D !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

#block_type_pay input[type="text"]:focus,
#block_type_pay input[type="tel"]:focus,
#block_type_pay input[type="number"]:focus {
    border-color: #5FAFC9 !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(95,175,201,0.1) !important;
}

/* Placeholder styling for inputs */
#block_type_pay input::placeholder {
    color: #999 !important;
    opacity: 1;
}

#block_type_pay input::-webkit-input-placeholder {
    color: #999 !important;
}

#block_type_pay input::-moz-placeholder {
    color: #999 !important;
    opacity: 1;
}

#block_type_pay input:-ms-input-placeholder {
    color: #999 !important;
}

/* Style all select dropdowns in payment section */
#block_type_pay select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 14px 50px 14px 20px !important;
    border: 1px solid #cccccc !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    background-color: #fff !important;
    color: #27272D !important;
    box-sizing: border-box !important;
    margin: 0 !important;

    /* Remove default arrow */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;

    /* Add custom arrow - #60CBF6 like Edit Profile */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2360CBF6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 22px center !important;
    background-size: 20px !important;
}

#block_type_pay select:focus {
    border-color: #5FAFC9 !important;
    outline: none;
    box-shadow: 0 0 0 3px rgba(95,175,201,0.1) !important;
}

/* Style placeholder option in selects */
#block_type_pay select option[value=""] {
    color: #999;
}

/* Labels in payment section - hide them */
#block_type_pay label {
    display: none !important;
}

/* Paragraph spacing */
#block_type_pay p {
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Remove span wrapper styling */
#block_type_pay span.add-donation {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
}

.section-label {
    display: block;
    font-size: 15px;
    color: #999;
    margin-bottom: 15px;
    font-weight: 400;
}

/* Radio Groups */
.radio-group {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.radio-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    color: #333;
}

.radio-label input[type="radio"] {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.radio-label span {
    user-select: none;
}

/* Address Fields Section */
.address-fields-section {
    margin: 30px 0;
}

.form-row {
    margin-bottom: 15px;
}

.form-row-split {
    display: flex;
    gap: 15px;
}

.form-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    color: #333;
}

.form-input::placeholder {
    color: #999;
}

.form-input:focus {
    outline: none;
    border-color: #5FAFC9;
}

.form-input-half {
    width: calc(50% - 7.5px);
}

/* Submit Button */
.submit-section {
    margin: 30px 0 20px;
}

.button-submit,
#wp-submit,
.express-donations input[type="submit"] {
    width: 100% !important;
    padding: 15px 40px !important;
    background-color: #5FAFC9 !important;
    color: #fff !important;
    border: 1px solid #5FAFC9 !important;
    border-radius: 42px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    text-transform: none !important;
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
}

.button-submit:hover,
#wp-submit:hover,
.express-donations input[type="submit"]:hover {
    background-color: #4a9ab3 !important;
}

.button-submit:active,
#wp-submit:active,
.express-donations input[type="submit"]:active {
    background-color: #3d8a9f !important;
}

/* Form Title */
.donation-form-outer-wrapper h4 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin: 0 0 30px 0;
}

/* Fix #content container for donate page - override theme styles */
#content.donate-now-block {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Donate Now Block Container */
.donate-now-block {
    background: transparent;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.express-donations {
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

/* Hide old styles */
.p-options {
    display: none !important;
}

.payment_by_p {
    display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .donation-amount-input {
        width: 100px;
    }
    
    .form-row-split {
        flex-direction: column;
        gap: 15px;
    }
    
    .form-input-half {
        width: 100%;
    }
    
    .radio-group {
        flex-direction: column;
        gap: 15px;
    }
}

/* ========================================
   OVERRIDE ALL POPUP STYLES - HIGHEST PRIORITY
   ======================================== */

/* Force border-radius on popup window */
div.blockUI.blockMsg,
.blockUI.blockMsg,
.blockMsg {
    border-radius: 40px !important;
    -webkit-border-radius: 40px !important;
    -moz-border-radius: 40px !important;
    overflow: hidden !important;
}

/* Force all buttons in popup to have correct style */
div.blockUI input[type="button"],
div.blockUI button,
div.blockMsg input[type="button"],
div.blockMsg button,
.blockUI input[type="button"],
.blockUI button,
.blockMsg input[type="button"],
.blockMsg button {
    background: #5FAFC9 !important;
    background-color: #5FAFC9 !important;
    border: 1px solid #5FAFC9 !important;
    border-radius: 25px !important;
    color: #fff !important;
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: auto !important;
    min-width: 100px !important;
    cursor: pointer !important;
    margin: 10px 5px !important;
}

div.blockUI input[type="button"]:hover,
div.blockUI button:hover,
div.blockMsg input[type="button"]:hover,
div.blockMsg button:hover {
    background: #4a9ab3 !important;
    background-color: #4a9ab3 !important;
    border-color: #4a9ab3 !important;
}

/* ===================================
   Manage Donations Page Styles
   =================================== */

/* Donations page title - outside gray box, matching donate-now page */
body.bp-user.donations .donation-form-outer-wrapper h4 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 0 30px 0 !important;
    text-align: center !important;
    font-family: 'DM Sans', sans-serif !important;
}

/* Manage donations table wrapper */
.my_donations {
    background: #F5F5F5 !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin: 0 auto !important;
    max-width: 466px !important;
    width: 100% !important;
}

/* Manage donations table */
.my_donations table {
    width: 100% !important;
    border-radius: 24px !important;
    border: 2px solid #DDDDDD !important;
    background: #FFFFFF !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    overflow: hidden !important;
}

/* Table header - footer color */
.my_donations table thead th {
    background: #5FAFC9 !important;
    color: #FFFFFF !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 15px 12px !important;
    text-align: left !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
    border-top: none !important;
    border-left: none !important;
}

.my_donations table thead th:last-child {
    border-right: none !important;
}

/* Table cells */
.my_donations table tbody td {
    background: #FFFFFF !important;
    color: #27272D !important;
    font-size: 14px !important;
    padding: 12px !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
    border-top: none !important;
    border-left: none !important;
}

.my_donations table tbody td:last-child {
    border-right: none !important;
}

.my_donations table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Rounded corners for table */
.my_donations table thead th:first-child {
    border-top-left-radius: 24px !important;
}

.my_donations table thead th:last-child {
    border-top-right-radius: 24px !important;
}

.my_donations table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 24px !important;
}

.my_donations table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 24px !important;
}

/* Action links in table */
.my_donations table a.enable-donation,
.my_donations table a.disable-donation,
.my_donations table a.delete-donation {
    color: #5FAFC9 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

.my_donations table a.enable-donation:hover,
.my_donations table a.disable-donation:hover,
.my_donations table a.delete-donation:hover {
    color: #4a9bb0 !important;
    text-decoration: underline !important;
}

/* ON/OFF status styling */
.my_donations table a.enable-donation {
    color: #999 !important;
}

.my_donations table a.disable-donation {
    color: #5FAFC9 !important;
}

/* No donations message */
.my_donations .no-donations-message {
    text-align: center !important;
    color: #666 !important;
    font-size: 16px !important;
    padding: 20px !important;
    margin: 0 !important;
}

/* Hide the large white #content box on donations pages */
body.bp-user.donations #content {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Also hide item-body white box on donations pages */
body.bp-user.donations #item-body {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Hide the subnav (gray bar under tabs) on donations pages */
body.bp-user.donations #subnav,
body.bp-user.donations .item-list-tabs#subnav {
    display: none !important;
}

/* Fix positioning and alignment on donations pages */
body.bp-user.donations .donation-form-outer-wrapper {
    max-width: 900px !important;
    width: 900px !important;
    margin: 6px auto 11px auto !important;
    margin-left: calc(50% - 300px) !important;
    padding: 40px 60px 60px 60px !important;
    background: #fff !important;
    border-radius: 24px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    min-height: 500px !important;
}

/* Ensure member-donations takes full width and centers content */
body.bp-user.donations .member-donations {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* ===================================
   My Transactions Page Styles
   =================================== */

/* Transactions wrapper - centers content */
.transactions-wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Transactions history container - gray box */
/* Exception: wider than standard 466px to accommodate table */
.donations-history {
    background: #F5F5F5 !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin: 0 auto !important;
    max-width: 780px !important;
    width: calc(100% - 100px) !important;
}

/* Transactions table */
.donations-history table {
    width: 100% !important;
    border-radius: 24px !important;
    border: 2px solid #DDDDDD !important;
    background: #FFFFFF !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

/* Table header - footer color */
.donations-history table thead th {
    background: #5FAFC9 !important;
    color: #FFFFFF !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 12px 8px !important;
    text-align: left !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
    border-top: none !important;
    border-left: none !important;
}

.donations-history table thead th:last-child {
    border-right: none !important;
}

/* Table cells */
.donations-history table tbody td {
    background: #FFFFFF !important;
    color: #27272D !important;
    font-size: 13px !important;
    padding: 10px 8px !important;
    border-right: 1px solid #DDDDDD !important;
    border-bottom: 1px solid #DDDDDD !important;
    border-top: none !important;
    border-left: none !important;
}

.donations-history table tbody td:last-child {
    border-right: none !important;
}

.donations-history table tbody tr:last-child td {
    border-bottom: none !important;
}

/* Rounded corners for table */
.donations-history table thead th:first-child {
    border-top-left-radius: 24px !important;
}

.donations-history table thead th:last-child {
    border-top-right-radius: 24px !important;
}

.donations-history table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 24px !important;
}

.donations-history table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 24px !important;
}

/* Overall total text */
.donations-history p {
    text-align: center !important;
    color: #27272D !important;
    font-size: 16px !important;
    margin: 10px 0 0 0 !important;
}

.donations-history p strong {
    font-weight: 600 !important;
    color: #27272D !important;
}

/* No transactions message */
.donations-history .no-transactions-message {
    text-align: center !important;
    color: #666 !important;
    font-size: 16px !important;
    padding: 20px !important;
    margin: 0 !important;
}

/* ===================================
   Donations Settings Page Styles
   =================================== */

/* Settings wrapper - centers content */
.settings-wrapper {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Settings container - wrapper (no gray box on container) */
.member-setting-donation {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 466px !important;
    width: 100% !important;
}

/* Parent container transparent */
.member-setting-donation .add-new {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Each section transparent by default */
.member-setting-donation .add_new_credit_card,
.member-setting-donation .add_new_bank_account_number {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* First paragraph in credit card section - gray box for "Add New Card" */
.member-setting-donation .add_new_credit_card > p:first-child {
    background: #F5F5F5 !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin: 0 0 20px 0 !important;
}

/* Cards list section - separate gray box */
.member-setting-donation .add_new_credit_card > p:has(select.credit_card_number) {
    background: #F5F5F5 !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin: 0 0 20px 0 !important;
}

/* Bank account - first paragraph (Add New Bank Account) - gray box */
.member-setting-donation .add_new_bank_account_number > p:first-child {
    background: #F5F5F5 !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin: 0 0 20px 0 !important;
}

/* Bank account - accounts list section (if exists) - separate gray box */
.member-setting-donation .add_new_bank_account_number > p:has(select.account_number) {
    background: #F5F5F5 !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin: 0 !important;
}

/* Align Add button on same line as label */
body.bp-user.donations .member-setting-donation .add_new_credit_card p,
body.bp-user.donations .member-setting-donation .add_new_bank_account_number p {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 10px 0 !important;
}

body.bp-user.donations .member-setting-donation .add_new_credit_card p label,
body.bp-user.donations .member-setting-donation .add_new_bank_account_number p label {
    margin: 0 !important;
    white-space: nowrap !important;
}

body.bp-user.donations .member-setting-donation .add_new_credit_card p span.add-donation {
    margin: 0 !important;
    margin-left: 160px !important;
}

body.bp-user.donations .member-setting-donation .add_new_bank_account_number p span.add-donation {
    margin: 0 !important;
    margin-left: 93px !important;
}

/* Edit and Delete buttons - align to right with gap */
body.bp-user.donations .member-setting-donation #edit_credit_card {
    margin-left: 27px !important;
}

/* Ensure all buttons have same size */
body.bp-user.donations .member-setting-donation #add_new_credit_card,
body.bp-user.donations .member-setting-donation #add_new_bank_account_number,
body.bp-user.donations .member-setting-donation #edit_credit_card,
body.bp-user.donations .member-setting-donation #to_delete_credit_card {
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 25px !important;
    min-width: 100px !important;
}

/* Move card dropdown down by 3px */
body.bp-user.donations .member-setting-donation select.credit_card_number {
    margin-top: 3px !important;
}

/* Style input fields in add card form */
body.bp-user.donations .member-setting-donation #settings_donations_user input[name="card_name"],
body.bp-user.donations .member-setting-donation #settings_donations_user input[name="credit_card_number"] {
    min-width: 300px !important;
}

body.bp-user.donations .member-setting-donation #settings_donations_user input[name="credit_card_number"] {
    margin-left: 51px !important;
}

body.bp-user.donations .member-setting-donation #settings_donations_user select[name="expiration_month"] {
    margin-left: -6px !important;
}

body.bp-user.donations .member-setting-donation #settings_donations_user select[name="expiration_year"] {
    margin-left: 12px !important;
}

body.bp-user.donations .member-setting-donation #settings_donations_user input#cvv2 {
    height: 6px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    font-size: 14px !important;
    border: 1px solid #000000 !important;
    border-radius: 1px !important;
    margin-left: -14px !important;
}

/* Style all paragraphs in add card form */
body.bp-user.donations .member-setting-donation #settings_donations_user p,
body.bp-user.donations .member-setting-donation #settings_donations_user_check p {
    text-align: left !important;
}

/* Style Submit button container in add card form */
body.bp-user.donations .member-setting-donation #settings_donations_user p:last-of-type,
body.bp-user.donations .member-setting-donation #settings_donations_user_check p:last-of-type {
    text-align: center !important;
    margin-top: 20px !important;
}

/* Style Submit button in add card form */
body.bp-user.donations .member-setting-donation #settings_donations_user input[type="submit"],
body.bp-user.donations .member-setting-donation #settings_donations_user_check input[type="submit"] {
    height: 44px !important;
    padding: 0 30px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border-radius: 25px !important;
    background: #5FAFC9 !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    width: auto !important;
    min-width: 100px !important;
    display: block !important;
    margin: 20px auto 0 auto !important;
    line-height: 44px !important;
}