/* MAIN WRAPPER */





.gpa-readonly-section .gpa-renew-btn {
    display:inline-block !important;
    background:#06275D !important;
    color:#fff !important;
    padding:10px 18px !important;
    border-radius:6px !important;
    text-decoration:none !important;
    font-weight:600 !important;
}

.gpa-readonly-section .gpa-renew-btn:hover {
    background:#041c43 !important;
}


.gpa-md-wrap {







    margin: 40px auto;







font-family: "Roboto", Poppins;







    padding: 0 10px;







}



/* ==========================================
   SAVE BUTTON LOADER STYLES
========================================== */

.mepr-submit.gpa-processing {
    position: relative;
    pointer-events: none;
    opacity: 0.8;
    padding-left: 40px !important;
}

.mepr-submit.gpa-processing::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 15px;
    top: 50%;
    margin-top: -8px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: gpa-spinner 0.6s linear infinite;
}

@keyframes gpa-spinner {
    to {
        transform: rotate(360deg);
    }
}

/* Ensure button doesn't change size during processing */
.mepr-submit {
    min-width: 140px;
    transition: all 0.2s ease;
}










/* TITLE */







.gpa-md-title {







font-family: "Roboto", Poppins;







    font-size: 35px;







    font-weight: 700;







    line-height: 45px;







    color: #1b1b1b;







}















/* FILTER SECTION */







.gpa-md-filters {







    display: flex;







    gap: 12px;







    justify-content: space-between;







    margin-bottom: 20px;







   







}







@media(max-width:767px){







  .gpa-md-filters {







    flex-direction: column;







  }  







}















.gpa-md-filters input,







#gpa-md-state-filter {







    padding: 12px 14px;







    font-size: 15px;







    border: 1px solid #d0d4e4!important;







    border-radius: 8px!important;







    min-width: 220px;







    background: #f7f9fc;







    transition: all 0.25s ease;







}















.gpa-md-filters input:focus,







#gpa-md-state-filter:focus {







    border-color: #06275D;







    background: #ffffff;







    box-shadow: 0px 0px 6px rgba(77,107,254,0.4);







}















/* RESET BUTTON */







#gpa-md-reset {







    background: #06275D;







    color: white;







    padding: 11px 20px;







    border-radius: 8px;







    border: none;







    cursor: pointer;







    font-weight: 600;







    letter-spacing: .3px;







    transition: all 0.25s ease;







}















#gpa-md-reset:hover { background: #06275D; }















/* TABLE WRAPPER */







.gpa-md-table-wrap {
    width: 100%;
    overflow-x: hidden !important;
}

































/* HEADER */







.gpa-md-table th {







    background: #eef1f8;







    padding: 14px;







    font-weight: 700;







    color: #333;







    font-size: 14px;







    text-transform: uppercase;







    letter-spacing: .4px;







    border-bottom: 2px solid #dfe3ed;







    vertical-align: middle;







}




.gpa-md-table {
    width: 100% !important;
    table-layout: fixed;
}











/* TABLE ROW */







.gpa-md-table tbody tr {







    background: white;







    box-shadow: 0px 4px 14px rgba(0,0,0,0.06);







    border-radius: 10px;







    transition: 0.25s ease;







}















.gpa-md-table tbody tr:hover {







    transform: translateY(-2px);







    box-shadow: 0px 6px 18px rgba(0,0,0,0.14);







    background: #f9fbff;







}















/* TABLE CELLS */







.gpa-md-table td th  {
    padding: 10px;
    font-size: 15px;
    color: #444;
    vertical-align: middle;
    white-space: normal !important;
    word-wrap: break-word;
    word-break: break-word;

}















/* PHOTO */







.gpa-md-photo img {







    width: 50px;







    height: 50px!important;







    border-radius: 50%!important;







    object-fit: cover;







    border: 2px solid #dfe3ed!important;







    transition: 0.3s;







}















.gpa-md-photo img:hover {







    transform: scale(1.08);







    border-color: #06275D;







}















/* VIEW BUTTON */







.gpa-md-view-btn {







    background: #06275D!important;







    color: white;







    border: none!important;







    padding: 7px 9px 3px 9px !important;







    border-radius: 8px;







    font-size: 14px;







    cursor: pointer;







    font-weight: 600;







    box-shadow: 0px 3px 8px rgba(77,107,254,0.3);







    transition: 0.2s ease;







}















.gpa-md-view-btn:hover {







    background: #06275D;







    transform: translateY(-2px);







}















/* MODAL BACKDROP */







.gpa-md-modal {







    position: fixed;







    inset: 0;







    background: rgba(0,0,0,0.55);







    display: flex;







    justify-content: center;







    align-items: center;







    z-index: 99999;







}















/* MODAL BOX */







.gpa-md-modal-inner {







    background: white;







    padding: 28px;







    display: flex;







    gap: 30px;







    max-width: 900px; /* ⭐ Wider modal */







    width: 90%;















    height:90vh;







    overflow-y: auto;







    border-radius: 14px;







    box-shadow: 0px 10px 30px rgba(0,0,0,0.2);







    position: relative;







}















/* MODAL IMAGE */







.gpa-md-modal-left img {







  width: 100px;







    height: 100px!important;







    border-radius: 50px !important;







    object-fit: cover;







    border: 3px solid #e4e4e4 !important;







}















/* MODAL TEXT */







.gpa-md-modal-right h2 {







    margin: 0 0 10px;







    font-size: 28px;







    font-weight: 800;







}















.gpa-md-modal-right p {







    margin: 6px 0;







    font-size: 16px;







}















/* SOCIAL LINKS inline styling */







#gpa-md-social-links a {







    display: inline-block;







    margin-right: 8px;







    padding: 6px 10px;







    border-radius: 8px;







    text-decoration: none;







    color: #fff;







    font-weight: 600;







    font-size: 14px;







}







#gpa-md-fb-wrap a { background: #06275D; }







#gpa-md-ig-wrap a { background: #E1306C; }







#gpa-md-tt-wrap a { background: #010101; }







#gpa-md-yt-wrap a { background: #FF0000; }















/* CLOSE BUTTON */







.gpa-md-modal-close {







    position: absolute;







    right: 14px;







    top: 12px;







    background: #ffffff;







    color:#06275D!important;







    border: none;







    font-size: 26px;







    padding: 6px 12px;







    border-radius: 50%;







    cursor: pointer;







    box-shadow: 0px 3px 8px rgba(0,0,0,0.2);







    transition: .2s;







    width:50px;







    height:50px;







}















.gpa-md-modal-close:hover, .gpa-md-modal-close:focus {







    background: #f2f2f2;







     color:#06275D!important;







}















/* RESPONSIVE */







@media (max-width: 750px) {







    .gpa-md-modal-inner {







        flex-direction: column;







        text-align: center;







    }















    .gpa-md-modal-left img {







        margin: 0 auto;







        width: 120px;







        height: 120px;







    }















    .gpa-md-filters {







        flex-direction: column;







        gap: 10px;







    }















    .gpa-md-expiry,







.gpa-md-expiry-text {







    color: #c1121f;







    font-weight: 700;







}















}















/* ========================================







   PRIVACY SETTINGS FORM







   ======================================== */







.gpa-privacy-settings-wrap {







    max-width: 600px;







    margin: 30px auto;







    padding: 25px;







    background: #fff;







    border-radius: 12px;







    box-shadow: 0px 4px 14px rgba(0,0,0,0.08);







    font-family: "Roboto", Poppins;







}















.gpa-privacy-settings-wrap h3 {







    margin: 0 0 10px;







    font-size: 22px;







    font-weight: 700;







    color: #1b1b1b;







}















.gpa-privacy-description {







    color: #666;







    font-size: 14px;







    margin-bottom: 20px;







    line-height: 1.5;







}















.gpa-privacy-form {







    display: flex;







    flex-direction: column;







    gap: 15px;







}















.gpa-privacy-field {







    display: flex;







    align-items: center;







    gap: 15px;







    padding: 15px;







    background: #f7f9fc;







    border-radius: 8px;







    border: 1px solid #e8ecf3;







}















.gpa-privacy-field label {







    display: flex;







    align-items: center;







    gap: 8px;







    cursor: pointer;







    flex-shrink: 0;







}















.gpa-privacy-field input[type="checkbox"] {







    width: 18px;







    height: 18px;







    accent-color: #06275D;







    cursor: pointer;







}















.gpa-privacy-label {







    font-size: 13px;







    font-weight: 600;







    color: #06275D;







    white-space: nowrap;







}















.gpa-privacy-value {







    font-size: 14px;







    color: #444;







    flex-grow: 1;







    text-align: right;







}















.gpa-privacy-value strong {







    color: #333;







}















.gpa-privacy-save-btn {







    background: #06275D;







    color: white;







    padding: 12px 24px;







    border-radius: 8px;







    border: none;







    cursor: pointer;







    font-weight: 600;







    font-size: 15px;







    margin-top: 10px;







    transition: all 0.25s ease;







}















.gpa-privacy-save-btn:hover {







    background: #0a3a8a;







    transform: translateY(-1px);







}















.gpa-privacy-status {







    margin-left: 15px;







    font-size: 14px;







    font-weight: 500;







}















@media (max-width: 500px) {







    .gpa-privacy-field {







        flex-direction: column;







        align-items: flex-start;







        gap: 10px;







    }















    .gpa-privacy-value {







        text-align: left;







    }







}















/* Single Privacy Checkbox */







.gpa-privacy-single {







    flex-direction: row;







    justify-content: flex-start;







}















.gpa-privacy-single label {







    display: flex;







    align-items: center;







    gap: 10px;







    font-size: 15px;







}















.gpa-privacy-single label span strong {







    color: #06275D;







}















.gpa-privacy-info {







    background: #fff;







    border: 1px solid #e8ecf3;







    border-radius: 8px;







    padding: 15px;







    margin-top: 15px;







}















.gpa-privacy-info p {







    margin: 0 0 10px;







    font-size: 14px;







}















.gpa-privacy-info ul {







    margin: 0;







    padding-left: 20px;







    list-style: disc;







}















.gpa-privacy-info li {







    font-size: 13px;







    color: #555;







    margin: 5px 0;







}







.memeber-info-sec{







    display: grid;







    grid-template-columns: repeat(2,1fr);







    gap: 10px;















}







@media(max-width:767px){







 .memeber-info-sec{







    grid-template-columns: repeat(1,1fr);







 }   







}







#gpa-md-modal-shooting, #gpa-md-modal-classification{







    margin-top: 10px;







    display: block;







}







.mb-3{







    margin-bottom: 25px!important;







}







.hr{







    margin: 20px 0px!important;







}















/* === MEMBERPRESS ACCOUNT MODAL SPACING FIX === */







/* Ensures Billing Address edit modal never touches top banner */







#mepr-account-modal,







.mepr-dialog,







.mepr-modal {







    margin-top: 60px !important;







    max-height: calc(100vh - 80px) !important;







}















#mepr-account-modal .mepr-dialog-content,







.mepr-dialog .mepr-dialog-content,







.mepr-modal .mepr-modal-content {







    max-height: calc(100vh - 100px) !important;







    overflow-y: auto !important;







}















/* === HEADER PROFILE IMAGE === */







.gpa-header-profile-link {







    display: inline-flex;







    align-items: center;







    justify-content: center;







}















.gpa-header-profile-image {







    width: 32px;







    height: 32px;







    border-radius: 50%;







    object-fit: cover;







}

.gpa-logout-default-profile-icon {
    margin-right: 8px;
    line-height: 1;
}

.gpa-logout-default-profile-icon svg {
    width: 32px;
    height: 32px;
    display: block;
    fill: currentColor;
}















/* GPA Membership Info Rows */







.gpa-info-row {







    display: flex;







    flex-wrap: wrap;







    gap: 20px;







    margin-bottom: 15px;







}















.gpa-info-row p {







    flex: 1;







    min-width: 200px;







    margin: 0;







    padding: 12px 16px;







    background: #f7f9fc;







    border-radius: 8px;







    border: 1px solid #e8ecf3;







}















@media (max-width: 767px) {







    .gpa-info-row {







        flex-direction: column;







        gap: 10px;







    }







    .gpa-info-row p {







        min-width: 100%;







    }











    /* === HIDE REQUIRED NOTE FOR OPTIONAL MEMBERPRESS MODALS === */







/* Social links */



#mepr-account-modal input[type="url"] ~ .mp-form-notice,



#mepr-account-modal input[type="url"] ~ .mp-form-errors {



    display: none !important;



}







/* Profile Image modal */



#mepr-account-modal input[type="file"] ~ .mp-form-notice,



#mepr-account-modal input[type="file"] ~ .mp-form-errors {



    display: none !important;



}







/* Radio buttons (Match Director etc.) */



#mepr-account-modal input[type="radio"] ~ .mp-form-notice,



#mepr-account-modal input[type="radio"] ~ .mp-form-errors {



    display: none !important;



}







/* Text-only optional fields (Club Name, City, State) */



#mepr-account-modal input[type="text"]:not([required]) ~ .mp-form-notice,



#mepr-account-modal input[type="text"]:not([required]) ~ .mp-form-errors {



    display: none !important;



}











}







/* Hide MemberPress native file links for profile image - only show custom gpa-force-actions links */



.mepr_mepr_neha > a {



    display: none !important;



}









.gpa-profile-image {

    width: 35px !important;

    height: 35px !important;

}



/* Add to your style.css */
.mepr-form .mp-form-row {
    position: relative;
    z-index: 1;
}

.gpa-force-actions {
    clear: both;
    margin-top: 10px !important;
}

/* Ensure MemberPress edit icons work */
.mepr-account-form a {
    z-index: 10 !important;
    position: relative;
}

/* Prevent responsive mode issues */
@media screen and (max-width: 768px) {
    .mepr-account-form input,
    .mepr-account-form select,
    .mepr-account-form textarea {
        font-size: 16px !important; /* Prevents iOS zoom */
    }
}



