/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/

/* Fix list styling in two-column sections */
#two-column ul {
    padding-left: 2.5rem !important;
    margin-bottom: 1rem !important;
}

#two-column li {
    margin-bottom: 0.5rem;
    list-style-position: outside;
}

/* Restore list styling after reset - BUT ONLY IN CONTENT AREAS */
#content ul, 
#content ol,
.content-wrap ul,
.content-wrap ol,
section ul,
section ol {
    padding-left: 2rem;
    margin-bottom: 1rem;
}

#content li,
.content-wrap li,
section li {
    margin-bottom: 0.25rem;
}

/* Center tables in body2 column */
#two-column .col-md-5 table {
    margin-left: auto;
    margin-right: auto;
    width: auto !important;
}

#two-column .col-md-5 table td {
    text-align: center;
}

#two-column .col-md-5 table img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Ensure header elements are NOT affected by content styles */
#header ul,
#header ol,
header ul,
header ol {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

/* Fix header logo display - CORRECT CLASS NAMES */
#header #logo img,
#logo img {
    display: inline-block;
}

/* Hide mobile logo on desktop */
@media (min-width: 992px) {
    #header .mobile-logo,
    #logo .mobile-logo {
        display: none !important;
    }
    
    #header .desktop-logo,
    #logo .desktop-logo {
        display: inline-block !important;
    }
}

/* Hide desktop logo on mobile */
@media (max-width: 991px) {
    #header .desktop-logo,
    #logo .desktop-logo {
        display: none !important;
    }
    
    #header .mobile-logo,
    #logo .mobile-logo {
        display: inline-block !important;
    }
}

/* Make donation buttons stack vertically on screens smaller than 1400px */
@media (max-width: 1399px) {
    #two-column .col-md-5 .row.g-3 {
        flex-direction: column;
    }
    
    #two-column .col-md-5 .row.g-3 .col-6 {
        width: 100% !important;
        flex: 0 0 100%;
    }
    
    #two-column .col-md-5 .button-desc span {
        font-size: 14px;
    }
}

/* Make slider text white on mobile */
@media (max-width: 767px) {
    #slider.slider-element h2 {
        color: #fff !important;
    }
    
    #slider.slider-element .lead {
        color: #fff !important;
    }
}

/* Fix header alignment - push My Account to the right */
#header .header-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#header .header-misc {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* On mobile, keep it centered or adjust as needed */
@media (max-width: 991px) {
    #header .header-row {
        justify-content: space-between;
    }
}