/**
 * TEAB Footer – strukturerad footer (förslag A).
 *
 * Brand-band (logga + certifieringar) + jämna länkkolumner med lodräta avdelare
 * + bottenrad. Självförsörjande, scoped under .teab-footer. Färgerna faller
 * tillbaka på de delade tema-tokens → följer den scrollbaserade temaväxlingen.
 * Lås till ljust/mörkt med .teab-footer--light / --dark (annars "auto").
 *
 * @package Teab_Moduler
 */

.teab-footer {
	/* Följer sidans tema som standard (auto). */
	--tf-ink: var(--teab-text, #14201A);
	--tf-muted: var(--teab-muted, #5C6B61);
	--tf-line: var(--teab-border, #E2EBE5);
	--tf-accent: var(--teab-accent, #008A2B);
	--tf-link: var(--teab-link, #006420);

	--tf-font-ui: var(--font-ui, inherit);
	--tf-font-display: var(--font-display, var(--tf-font-ui));

	color: var(--tf-ink);
	font-family: var(--tf-font-ui);
}

/* Schema-lås (oberoende av sidans tema) */
.teab-footer--dark {
	--tf-ink: #ECECEC;
	--tf-muted: #9A9A9A;
	--tf-line: #2C2C2C;
	--tf-link: #6FC78D;
}
.teab-footer--light {
	--tf-ink: #14201A;
	--tf-muted: #5C6B61;
	--tf-line: #E2EBE5;
	--tf-link: #006420;
}

.teab-footer__inner { max-width: var(--teab-footer-max, 1480px); margin: 0 auto; }

/* Grön accentlinje högst upp (valbar) */
.teab-footer__top { height: 3px; width: 56px; background: var(--tf-accent); margin-bottom: 44px; }

/* Brand-band */
.teab-footer__brand { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: start; padding-bottom: 40px; border-bottom: 1px solid var(--tf-line); }
/* TEAB har bara en logga (grön + svart) som aldrig inverteras. Footern är mörk i
   mörkt tema, så loggan ligger på en ljus bottenplatta – kundens egen lösning
   ("vi ändrar aldrig loggan, bara bottenplattan"). Plattan har en fast ljus ton
   (flippar INTE med temat) så den är osynlig i ljust läge och lyfter loggan i mörkt.
   2px-radie matchar footerns cert-etiketter. */
.teab-footer__logo { display: inline-flex; align-items: center; background: var(--teab-bg-light, #F8FBF9); padding: 12px 16px; border-radius: 2px; }
.teab-footer__logo img { height: var(--teab-footer-logo-h, 52px); width: auto; display: block; }
/* Glöd-läge (body.teab-logo--glow, sätts av header-pluginet via Customizer): ingen
   platta – loggan lyfts i stället av en diskret mjuk glöd. Vit glöd är omärkbar mot
   en ljus footer, så den kan ligga på utan att kolla just den ytans tema. */
body.teab-logo--glow .teab-footer__logo { background: transparent; padding: 0; }
body.teab-logo--glow .teab-footer__logo img { filter: var(--teab-logo-glow, drop-shadow(0 0 5px rgba(255,255,255,.18)) drop-shadow(0 0 13px rgba(255,255,255,.09))); }
.teab-footer__blurb { margin-top: 18px; max-width: 40ch; color: var(--tf-muted); font-size: 15px; line-height: 1.6; }

.teab-footer__certs { display: flex; gap: 14px; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.teab-footer__cert img { height: var(--teab-footer-cert-h, 40px); width: auto; display: block; }
.teab-footer__cert-text { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; padding: 7px 12px; border: 1px solid var(--tf-line); border-radius: 2px; color: var(--tf-ink); }
.teab-footer__cert-text .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--tf-accent); }

/* Jämna länkkolumner med lodräta avdelare */
.teab-footer__links { display: grid; grid-template-columns: repeat(var(--teab-footer-cols, 4), 1fr); margin-top: 40px; }
.teab-footer__col { padding-left: 32px; border-left: 1px solid var(--tf-line); }
.teab-footer__col:first-child { padding-left: 0; border-left: 0; }
.teab-footer__col h5 { font-family: var(--tf-font-ui); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--tf-muted); margin: 0 0 16px; font-weight: 600; }
.teab-footer__col ul { list-style: none; margin: 0; padding: 0; }
.teab-footer__col li { padding: 6px 0; font-size: 15px; }
.teab-footer__col a { color: var(--tf-ink); text-decoration: none; transition: color .2s ease; }
.teab-footer__col a:hover { color: var(--tf-link); }

/* Bottenrad */
.teab-footer__base { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 44px; padding-top: 24px; border-top: 1px solid var(--tf-line); font-size: 13px; color: var(--tf-muted); }
.teab-footer__base a { color: var(--tf-muted); text-decoration: none; transition: color .2s ease; }
.teab-footer__base a:hover { color: var(--tf-link); }
.teab-footer__base .sep { opacity: .45; padding: 0 6px; }

.teab-footer--empty { padding: 32px; border: 1px dashed var(--tf-line); color: var(--tf-muted); text-align: center; }

@media (max-width: 1024px) {
	.teab-footer__brand { grid-template-columns: 1fr; }
	.teab-footer__certs { justify-content: flex-start; }
	.teab-footer__links { grid-template-columns: 1fr 1fr; gap: 32px; }
	.teab-footer__col { padding-left: 0; border-left: 0; }
}
@media (max-width: 640px) {
	.teab-footer__links { grid-template-columns: 1fr; }
}