/* ============================================================
   MODULE: SITE FOOTER (minimal copyright)
   Path: /modules/site-footer/site-footer.css
   ============================================================ */

.atx-site-footer {
    /* style tokens injected inline via PHP */
    --site-footer-bg: var(--are-black);
    --site-footer-pad-top: var(--gap-sm);
    --site-footer-pad-bottom: var(--gap-md);
    --site-footer-fs-mobile: 0.75rem;
    --site-footer-fs-tablet: 0.8rem;
    --site-footer-fs-desktop: 0.8rem;
    --site-footer-font-color: var(--are-light-gray);
    --site-footer-font-weight: var(--link-weight-hover);

    background-color: var(--site-footer-bg);
    color: var(--site-footer-font-color);

    /* use global body typography */
    font-family: var(--font-body-family);

    padding-top: var(--site-footer-pad-top);
    padding-bottom: var(--site-footer-pad-bottom);

    font-size: var(--site-footer-fs-mobile);
    line-height: 1.4;
}

/* matches --bp-md (768px) from global tokens */
@media (min-width: 768px) {
    .atx-site-footer {
        font-size: var(--site-footer-fs-tablet);
    }
}

/* matches --bp-lg (1024px) from global tokens */
@media (min-width: 1024px) {
    .atx-site-footer {
        font-size: var(--site-footer-fs-desktop);
    }
}

.atx-site-footer a {
    color: inherit;
    text-decoration: none;
}

/* align with global link behavior, but without underline */
.atx-site-footer a:hover,
.atx-site-footer a:focus {
    text-decoration: none;
    color: var(--link-hover-color);
    font-weight: var(--link-weight-hover);
}

/* Bottom strip / legal line */
.atx-site-footer__bottom {
    /* max-width + horizontal padding now provided by .wrap */
    padding-top: 0.75rem;
    text-align: center;

    /* text appearance now controlled via config vars */
    color: var(--site-footer-font-color);
    font-weight: var(--site-footer-font-weight);
}

.atx-site-footer__legal {
    margin: 0;
    font-size: inherit;
    line-height: 1.4;
    color: var(--site-footer-font-color);
    font-weight: var(--site-footer-font-weight);
    letter-spacing: 0.01em; /* small clarity boost, keeps text looking tighter */
}

/* Company link hover effect (Åre accent color) */
/* Only applies if companyUrl exists (because then we output <a class="atx-site-footer__companylink">) */
.atx-site-footer__companylink {
    transition: color 0.2s ease;
    color: inherit;
    font-weight: inherit;
}

.atx-site-footer__companylink:hover,
.atx-site-footer__companylink:focus {
    color: var(--link-hover-color);
    font-weight: var(--link-weight-hover);
    text-decoration: none;
}