/* footer.css */

/* --- Footer Section --- */
.site-footer {
    background-color: #1c1c1c; /* Dark background */
    color: #ffffff;
    padding: 15px 5%; /* Very minimal padding for simpler look */
    font-size: 0.9rem;
    text-align: center; /* Center everything */
}

/* Updated: Social Links Container Styling */
.social-links {
    display: flex; 
    justify-content: center;
    align-items: center;
    padding-bottom: 8px; /* Add padding below the icon, before the divider */
}

/* Updated: Footer Divider Styling */
.footer-divider {
    border: none; /* Remove default border */
    border-top: 1px solid #444444; /* Changed to a slightly lighter grey for subtlety on a longer line */
    width: 98%; /* Set width to 98% of the container (screen) */
    margin: 8px auto; /* Add vertical margin and center it */
}

/* Flex container to align logo and text horizontally and center the group */
.footer-logo-group {
    display: flex;
    justify-content: center; /* Center the group horizontally */
    align-items: center; /* Updated: Center items vertically within the group */
    margin-bottom: 10px; /* Space below the group, above the copyright text */
}

/* Styling for the Logo in the Footer */
.footer-logo {
    height: 48px; 
    width: auto;
    margin: 0 10px 0 0; /* Add 10px space to the RIGHT of the logo */
    display: block; 
}

/* Updated: Website Link Text Styling */
.footer-website-link {
    font-size: 24px; /* Font size reduced to 24px */
    font-weight: 700;
    margin: 0; /* Remove default paragraph margins */
    line-height: 1; /* Reset line-height for better vertical centering */
}

/* NEW: Style the anchor tag within .footer-website-link to remove underline and inherit text colors */
.footer-website-link a {
    text-decoration: none; /* Removes the underline */
    /* Ensure the link text inherits the colors defined for the spans */
    color: inherit; 
}


.footer-himari {
    color: #f7b501; /* Darker Sunflower Yellow */
}

.footer-dot-lk {
    color: #009ee7; /* UPDATED: Lighter Sky Blue/Deep Sky Blue */
}


/* Updated: Adjust margin on copyright to reduce spacing */
.footer-branding {
    padding-top: 8px; /* Add padding above the copyright text, after the divider */
}


/* LinkedIn Link and Icon Styling */
.linkedin-link {
    display: inline-block;
    color: #ffffff; /* White icon color */
    transition: color 0.3s ease; /* Smooth hover transition */
}

.linkedin-link:hover {
    color: #0077B5; /* Classic LinkedIn Blue on hover */
}

.linkedin-link svg {
    /* Set icon size */
    width: 24px;
    height: 24px;
    display: block; /* Ensure SVG respects width/height */
}


/* Redundant containers removed from CSS for simplicity. */

.copyright {
    /* Styles applied directly to copyright text */
    color: #aaaaaa; /* Lighter color for minimal visibility */
    font-size: 0.85rem;
    /* Removed margin-top as it's the only element left */
}