/**
 * Theme Custom CSS
 * Separated from header.php and footer.php
 * Version: 1.0
 */

/* ============================================
   Global Reset & Box Sizing
   ============================================ */
*, 
*::after, 
*::before {
    box-sizing: unset;
}

/* ============================================
   Mobile Menu Styles
   ============================================ */
@media only screen and (min-width: 1px) and (max-width: 960px) {
    .mobile_hide_section {
        display: none;
    }
    
    .main-menu-btn {
        position: absolute;
        z-index: 999999;
        right: 0;
    }
}

/* ============================================
   Side Menu Navigation
   ============================================ */
#navlist {
    width: 100% !important;
}

.sidemenu_container .sidebar-box-wrap {
    margin-bottom: 20px;
}

/* ============================================
   Donation Form Styles (replaces inline style)
   ============================================ */
.appcus_100 {
    background: #cc0000;
    color: #fff;
}

.appcus_100 label.donate-form-label {
    background: #cc0000 !important;
    color: #fff !important;
}

.appcus_101 {
    background: #cc0000;
    color: #fff;
}

.appcus_101 label.donate-form-label {
    background: #cc0000 !important;
    color: #fff !important;
}

/* ============================================
   Frequency Tab Styles
   ============================================ */
.frequency-tab input[type="radio"]:checked + label {
    background: #fff !important;
    color: #c00 !important;
}

/* ============================================
   Loader Overlay
   ============================================ */
#divload {
    z-index: 10000;
    background: rgba(255, 255, 0, 0.6);
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#divload .div-load {
    height: 100%;
    text-align: center;
    top: 20px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
}

#divload .div-load img {
    max-width: 185px;
}

/* ============================================
   Loader Spinner
   ============================================ */
#loader {  
    position: fixed;  
    left: 0px;  
    top: 0px;  
    width: 100%;  
    height: 100%;  
    z-index: 9999;  
    background: url('../images/loader.gif') 50% 50% no-repeat rgb(249, 249, 249);
    background-size: 75px;
}

/* ============================================
   Alert Message Styles
   ============================================ */
h2.alert.alert-success {
    color: green;
    background: #b1ecb1;
    padding: 10px;
    display: inline;
    margin-bottom: 30px;
    clear: both;
}

/* ============================================
   Shelf Padding Override
   ============================================ */
/* Applied conditionally via PHP for specific pages */

/* ============================================
   Date Picker Styles
   ============================================ */
.xdsoft_datetimepicker.xdsoft_noselect.xdsoft_ {
    z-index: 99999;
}

/* ============================================
   Hide Admin Menu Items (kept for all users)
   ============================================ */
/* These are generally hidden but kept in CSS for fallback */
li#toplevel_page_jobs-manager,
li#toplevel_page_theme-panel,
li#toplevel_page_project_donation,
li#toplevel_page_third-party-events,
li#toplevel_page_challanges_events_discounts,
li#menu-posts-jobs a.menu-icon-jobs {
    /* Hidden via JS, kept here as backup */
}

/* ============================================
   ReCaptcha Badge Positioning
   ============================================ */
.grecaptcha-badge {
    z-index: 9999 !important;
}

/* ============================================
   Donation Section Scroll
   ============================================ */
/* Used for donation section scrolling */
#donate_section {
    /* Styles as needed */
}