/* css/footer-index.css */

/* --- Main Footer Container --- */
footer {
    background-color: #343a40 !important; /* Dark background, override if Bootstrap's .bg-dark is too light */
    color: #f8f9fa; /* Light text color for contrast */
    padding-top: 3rem; /* More padding at the top */
    padding-bottom: 2rem; /* Consistent padding at the bottom */
    margin-top: 4rem !important; /* Add more space above the footer */
    font-size: 0.95rem; /* Slightly smaller base font size for footer text */
}

/* --- Section Headings in Footer --- */
footer h5 {
    color: #ffc107 !important; /* Bootstrap warning color for headings */
    font-size: 1rem; /* Slightly larger for headings */
    font-weight: 700; /* Bold headings */
    margin-bottom: 1.5rem; /* More space below headings */
}

/* --- Paragraph Text in Footer --- */
footer p {
    color: #ced4da; /* Lighter gray for paragraph text */
    line-height: 1.6;
    margin-bottom: 0.75rem; /* Space between paragraphs/links */
     font-size: 0.8rem; /* Slightly larger for headings */
}

/* --- Links in Footer --- */
footer a {
    color: #f8f9fa; /* White for links */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s ease; /* Smooth transition for hover effect */
}

footer a:hover {
    color: #ffc107; /* Change to warning color on hover */
    text-decoration: none; /* Ensure no underline on hover */
}

/* Specific styling for the 'Proyek Website & Artikel oleh Peltu' link */
footer .text-warning {
    color: #ffc107 !important; /* Ensure warning color is applied */
    font-weight: 700; /* Keep it bold */
}

/* --- Contact Information Icons --- */
footer .fas {
    margin-right: 0.75rem; /* Space between icon and text */
    color: #ffc107; /* Warning color for icons */
}

/* --- Horizontal Rule --- */
footer hr.my-4 {
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Lighter, semi-transparent line */
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

/* --- Copyright Text --- */
footer .col-md-7.col-lg-8 p {
    font-size: 0.9rem; /* Slightly smaller for copyright */
    color: #adb5bd; /* Even lighter gray for copyright */
}

/* --- Social Media Icons --- */
footer .list-inline-item .btn-floating {
    color: #f8f9fa; /* White for social icons */
    font-size: 1.3rem !important; /* Custom font size for icons as requested */
    transition: color 0.3s ease; /* Smooth transition */
}

footer .list-inline-item .btn-floating:hover {
    color: #ffc107; /* Warning color on hover */
}

/* --- Responsive Adjustments --- */
@media (max-width: 767.98px) { /* For small devices (phones) */
    footer .text-md-left {
        text-align: center !important; /* Center align all columns on small screens */
    }

    footer .col-md-3,
    footer .col-md-2,
    footer .col-md-4 {
        margin-top: 1.5rem !important; /* Add some space between stacked columns */
    }

    footer .list-unstyled.list-inline {
        justify-content: center; /* Center social icons */
        display: flex; /* Make it a flex container to center */
        padding-left: 0; /* Remove default list padding */
    }
}