/* ===============================================================
    Custom Footer Styles
    =============================================================== */

.footer-custom-style {
    /* Set background to fully transparent (0 alpha) */
    background-color: rgba(0, 0, 0, 0); 
    
    /* Fixed Height: ~100px as requested */
    height: 100px; 
    min-height: 100px;
    
    /* MODIFIED: Align content to the bottom */
    display: flex;
    align-items: flex-end; /* Aligns content (the .container) to the bottom */
    justify-content: center;

    /* ADDED: 15px padding at the bottom */
    padding-bottom: 15px;
    /* Reset other padding to ensure only the bottom padding is applied */
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;

    /* Ensure text color is still visible and not transparent */
    color: #6c757d !important; /* Uses a shade of gray similar to Bootstrap's text-muted */

    /* Remove default Bootstrap footer styles like border-top */
    border-top: none !important; 
}

/* Apply the required font size (0.75rem) to the content container inside the footer */
.footer-custom-style .container {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.5px;
}