/* footer.css Global footer-komponent, brukt på alle sider (forsiden, /golfklubber, /sponsorer, /kontakt, /personvern, /cookies, ...). Bruk: legg

-markupen (se kontakt/index.html for eksempel) helt nederst i på hver side, rett før . Ingen JS nødvendig — komponenten er statisk. Selvstendig fil — ingen avhengigheter til andre sider/seksjoner. */ /* 60px på toppen følger felles seksjonsrytme: sammen med seksjonens egne 60px blir overgangen til footeren også 120px. */ .footer { background: #f2f2f0; border-top: 1px solid rgba(17, 17, 17, 0.08); padding: 60px 0 32px; } .footer__inner { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 clamp(20px, 5vw, 64px); } .footer__grid { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: clamp(32px, 5vw, 64px); padding-bottom: clamp(32px, 5vw, 56px); } .footer__cols { display: flex; flex-wrap: wrap; gap: clamp(32px, 5vw, 64px); flex: 1 1 auto; } .footer__col { flex: 1 1 180px; } .footer__col--contact { margin-top: -6px; } .footer__brand-logo { flex-shrink: 0; width: clamp(100px, 12vw, 160px); height: auto; } .footer__contact-list { display: flex; flex-direction: column; gap: 10px; margin: 0 0 14px; } .footer__contact-item { display: flex; align-items: flex-start; gap: 10px; font-family: 'Inter', sans-serif; font-size: 0.9rem; line-height: 1.4; color: #111111; text-decoration: none; } a.footer__contact-item:hover, a.footer__contact-item:focus-visible { text-decoration: underline; } .footer__contact-icon { width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px; color: #9EA2A2; } .footer__orgnr { font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #111111; margin: 0; } .footer__heading { font-family: 'Inter', sans-serif; font-size: 0.78rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: #9ea2a2; margin: 0 0 16px; } .footer__links { display: flex; flex-direction: column; gap: 10px; } .footer__link { font-family: 'Inter', sans-serif; font-size: 0.9rem; color: #111111; text-decoration: none; width: fit-content; } .footer__link:hover, .footer__link:focus-visible { text-decoration: underline; } .footer__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; padding-top: 24px; border-top: 1px solid rgba(17, 17, 17, 0.08); } .footer__copyright { font-family: 'Inter', sans-serif; font-size: 0.82rem; color: #666666; margin: 0; } @media (max-width: 760px) { /* Footeren er en seksjon som alle andre og følger nå samme mobil-rytme: 32px bidrag på toppen (mot 60px på desktop). Uten denne var footerens egen topp-padding hele mellomrommet man så under siste seksjon — f.eks. på forsiden, der .home-stats sin bunn-padding allerede er 0. */ .footer { padding-top: 32px; } } @media (max-width: 620px) { .footer__grid { flex-direction: column; gap: 32px; } /* .footer__grid arver align-items: center fra base-regelen, som sentrerer logoen horisontalt når raden stables i kolonne på mobil — venstrejustert her i stedet. */ .footer__brand-logo { align-self: flex-start; } .footer__bottom { flex-direction: column; align-items: flex-start; } }