/* =================================================== */
/* ================ FOOTER STYLESHEET ================ */
/* =================================================== */

/* ====================[ FOOTER ELEMENT STYLES ]==================== */

footer {
    background: #222; /* Dark background for the footer */
    color: #fff; /* White text color */
    padding: 0; /* No internal padding */
    margin-top: 40px; /* Space above the footer */
    margin-bottom: 0px; /* No margin below the footer */
    /* Custom properties for font styles, with fallbacks */
    font-family: var(--footer-font-family, 'Roboto', Arial, sans-serif);
    font-size: var(--footer-font-size, 12px);
    font-weight: var(--footer-font-weight, normal);
}

/* ====================[ END FOOTER ELEMENT STYLES ]==================== */

/* ====================[ FOOTER CONTAINER STYLES ]==================== */

footer .footer-container {
    display: flex; /* Enables flexbox for layout */
    align-items: center; /* Vertically aligns items in the center */
    justify-content: space-between; /* Distributes items with space between them */
    max-width: 1200px; /* Maximum width of the content container */
    margin: 0 auto; /* Centers the container horizontally */
    height: 48px; /* Fixed height for the footer container */
}

/* ====================[ END FOOTER CONTAINER STYLES ]==================== */

/* ====================[ FOOTER LINK STYLES ]==================== */

footer a {
    color: #fff; /* White color for links */
    text-decoration: none; /* Removes underline from links */
    margin-right: 12px; /* Space between links */
}

/* ====================[ Last Footer Link Special Style MINI-SECTION ]==================== */

footer a:last-child {
    margin-right: 0; /* Removes margin from the last link */
}

/* ====================[ END Last Footer Link Special Style MINI-SECTION ]==================== */

/* ====================[ END FOOTER LINK STYLES ]==================== */

/* ====================[ FOOTER LINKS GROUP STYLES MINI-SECTION ]==================== */

footer .footer-links {
    display: flex; /* Enables flexbox for footer links */
    align-items: center; /* Vertically aligns link items in the center */
    gap: 18px; /* Space between link items */
}

/* ====================[ END FOOTER LINKS GROUP STYLES MINI-SECTION ]==================== */

/* ====================[ FOOTER SOCIAL ICONS GROUP STYLES MINI-SECTION ]==================== */

footer .footer-social {
    display: flex; /* Enables flexbox for social icons */
    align-items: center; /* Vertically aligns social icons in the center */
    gap: 12px; /* Space between social icons */
}

/* ====================[ Footer Social SVG Icon Styles MINI-SECTION ]==================== */

footer .footer-social svg {
    height: 14px; /* Sets height for SVG icons */
    vertical-align: middle; /* Aligns icons vertically with text */
}

/* ====================[ END Footer Social SVG Icon Styles MINI-SECTION ]==================== */

/* ====================[ END FOOTER SOCIAL ICONS GROUP STYLES MINI-SECTION ]==================== */

/* ====================[ FOOTER COPYRIGHT STYLES MINI-SECTION ]==================== */

footer .footer-copyright {
    white-space: nowrap; /* Prevents the copyright text from wrapping */
}

/* ====================[ END FOOTER COPYRIGHT STYLES MINI-SECTION ]==================== */