/* ===================================================================
   UTILITIES/SCROLLBARS.CSS
   Scrollbar Customization and Hiding
   =================================================================== */
/* ===== 18. SCROLLBARS & OVERFLOW ===== */

/* ----- 18.1 HTML Scrollbar ----- */
html {
    overflow-x: hidden !important;
    height: auto !important;
    scrollbar-width: none !important;      /* Firefox */
    -ms-overflow-style: none !important;  /* IE/Edge */
}

/* ----- 18.2 Loading Overlay State ----- */
html.loading-overlay-showing,
body.loading-overlay-showing {
    overflow: auto !important;
    height: auto !important;
}

/* ----- 18.3 Body Scroll Settings ----- */
body {
    overflow: auto !important;
    min-height: 100% !important;
    height: auto !important;
}

/* ----- 18.4 Webkit Scrollbar (Chrome/Safari) ----- */
html::-webkit-scrollbar {
    display: none !important;  /* Hide scrollbar */
    width: 0 !important;      /* Remove scrollbar space */
    height: 0 !important;     /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar transparent */
}


/* ===== 67. MODAL SCROLLBARS ===== */

/* Modal content scrollbars - visible with custom styling */
.modal-content {
    overflow-y: auto;
    /* Scrollbar styling is in database/components/modals.css */
}

.expanded-card-body {
    overflow-y: auto;
    /* Scrollbar styling is in database/components/modals.css */
}

/* ===== 67. MODAL FOOTER ===== */

/* ----- 67.1 Footer Container ----- */
.mod-modal-footer {
    padding: 10px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
}

/* ----- 67.2 Source Info in Footer ----- */
.mod-modal-footer .source-info {
    color: #0088cc;  /* Blue color to match title and spine */
}