/**
 * HARNOVA SOLUTIONS LIMITED — footer overrides
 * Builds on the Growla demo-3 footer styles.
 */

/* Footer email (top of footer) — fit on narrow screens */
@media (max-width: 767px) {
    footer .footer-inner-wrapper .footer-heading-underline {
        font-size: 2.2rem;
        width: 100%;
        max-width: 100%;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 575px) {
    footer .footer-inner-wrapper .footer-heading-underline {
        font-size: 1.75rem;
        line-height: 1.35;
    }
}

@media (max-width: 390px) {
    footer .footer-inner-wrapper .footer-heading-underline {
        font-size: 1.45rem;
    }
}

/* Two-column layout: brand/address + link groups */
footer .footer-inner-wrapper .footer-content-inner-wrapper {
    grid-template-columns: 1.1fr 1.4fr;
    gap: 6rem;
    align-items: start;
}

@media (max-width: 991px) {
    footer .footer-inner-wrapper .footer-content-inner-wrapper {
        grid-template-columns: 1fr;
        gap: 5rem;
    }
}

/* Brand block (replaces the old phone block) */
.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    max-width: 42rem;
}

.footer-brand .footer-logo {
    width: 6rem;
    height: 6rem;
    object-fit: contain;
}

.footer-brand .footer-brand-name {
    font-family: var(--manrope-font-family);
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--color-white);
    line-height: 1.4;
    margin: 0;
}

.footer-brand .footer-brand-desc {
    font-family: var(--manrope-font-family);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.7;
    color: var(--color-grey-2);
    margin: 0;
}

/* Clickable address with map hint */
footer .footer-inner-wrapper .footer-content-inner-wrapper .about-col .about-block a.footer-address-link {
    cursor: pointer;
    line-height: 1.66;
}

.footer-address-link .footer-map-hint {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    margin-top: 1.2rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--color-primary);
    transition: opacity 0.25s ease;
}

.footer-address-link:hover .footer-map-hint {
    opacity: 0.8;
}

/* Link groups with section titles */
.footer-links-group {
    flex: 1;
    min-width: 0;
}

.footer-links-group .footer-title {
    font-family: var(--manrope-font-family);
    font-size: var(--sm-heading-font-size);
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--color-grey-2);
    line-height: 1.5;
    margin-bottom: 2rem;
}

@media (max-width: 575px) {
    footer .footer-inner-wrapper .footer-content-inner-wrapper .links-col {
        flex-direction: column;
        gap: 4rem;
    }
}