/* Fupbutik Detektiv: godkendt footer-layout, 26.10.2026.
 * Indlæses efter marketing.css, så eksisterende site- og cookie-styling bevares.
 * Referencer: 03_Styring/Footer.docx og aktiv styring. */
.site-footer{background:#192d3f;color:#f1f6fb;overflow-wrap:anywhere}
.site-footer .footer-shell{max-width:var(--max,1240px);margin:0 auto;min-width:0}
.site-footer .footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px);align-items:start}
.site-footer .footer-grid>.footer-column,.site-footer .footer-grid>.footer-intro{min-width:0}
.site-footer .footer-grid .footer-intro{display:block}
.site-footer .footer-brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:9px}
.site-footer .footer-copy{margin:19px 0 17px;color:#cddce7;font-size:14px;line-height:1.55;max-width:340px}
.site-footer .footer-about-link,.site-footer .footer-cookie-button{border:1px solid #aabfce;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 13px;background:transparent;color:#f7fafc;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.3}
.site-footer .footer-about-link:hover,.site-footer .footer-cookie-button:hover{background:rgba(255,255,255,.12);color:white}
.site-footer .footer-column{display:flex;flex-direction:column;gap:11px;align-items:flex-start;min-width:0}
.site-footer .footer-column strong{font-size:13px;text-transform:uppercase;letter-spacing:.055em;color:#81d5ef;margin-bottom:6px;line-height:1.35}
.site-footer .footer-column a{font-size:14px;line-height:1.5;color:#e2edf5;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.site-footer .footer-column a:hover{text-decoration:underline;color:#fff}
.site-footer .footer-secondary{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,.9fr) minmax(0,.9fr);gap:clamp(22px,3vw,42px);align-items:center;border-top:1px solid rgba(255,255,255,.16);margin-top:28px;padding-top:26px}
.site-footer .footer-secondary nav{display:flex;flex-direction:column;flex-wrap:nowrap;gap:11px;align-items:flex-start}
.site-footer .footer-secondary .footer-column strong{flex:initial;margin-bottom:7px}
.site-footer .footer-artwork{min-width:0;align-self:end;display:flex;align-items:flex-end}
.site-footer .footer-artwork img{max-width:100%;height:auto;object-fit:contain;display:block}
.site-footer .footer-authorities .footer-cookie-button{margin-top:13px;align-self:flex-end}
.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;color:#99b2c3;font-size:12px;border-top:1px solid rgba(255,255,255,.16);margin-top:24px;padding-top:19px}
.site-footer .footer-bottom .footer-version{text-align:right}
.site-footer .footer-bottom a{color:#c9dce8}
.site-footer .footer-column a:focus-visible,.site-footer .footer-about-link:focus-visible,.site-footer .footer-cookie-button:focus-visible,.site-footer .footer-bottom a:focus-visible{outline:3px solid #a1e6ff;outline-offset:4px;border-radius:3px}
@media(max-width:1120px){
 .site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 .site-footer .footer-secondary{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px}
 .site-footer .footer-artwork{grid-row:1 / 3}
 .site-footer .footer-authorities .footer-cookie-button{align-self:flex-start}
}
@media(max-width:700px){
 .site-footer .footer-grid{grid-template-columns:1fr;gap:25px}
 .site-footer .footer-secondary{grid-template-columns:1fr;gap:25px;align-items:start}
 .site-footer .footer-artwork{grid-row:auto;justify-content:center;max-width:460px}
 .site-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:9px}
 .site-footer .footer-bottom .footer-version{text-align:left}
 .site-footer .footer-column a{padding:2px 0}
}
@media(prefers-reduced-motion:reduce){.site-footer *{scroll-behavior:auto}}

/* 5.0.53: aligned 52px footer buttons, same typography and padding as Trustpilot. */
.site-footer .footer-grid{align-items:stretch}
.site-footer .footer-grid>.footer-column,.site-footer .footer-grid>.footer-intro{display:flex;flex-direction:column;align-items:flex-start}
.site-footer .footer-grid .footer-action{
  box-sizing:border-box;min-height:52px;height:52px;padding:0 18px;
  font-size:16px;font-weight:600;line-height:1.2;display:inline-flex;
  align-items:center;justify-content:center;white-space:nowrap;
  margin-top:auto;border:1px solid #aabfce;border-radius:9px;
  color:#f7fafc;background:transparent;text-decoration:none;cursor:pointer;
  max-width:100%;
}
.site-footer .footer-grid .footer-action:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.site-footer .footer-trustpilot-shell{width:220px;max-width:100%;margin-top:auto}
.site-footer .footer-trustpilot-activate{
  display:flex;box-sizing:border-box;align-items:center;justify-content:center;
  gap:4px;padding:0 18px;height:52px;min-height:52px;width:100%;
  background:#fff;border:1px solid #d1e5d7;border-radius:9px;color:#192d3f;
  text-decoration:none;font-size:16px;line-height:1.2;white-space:nowrap;
}
.site-footer .footer-trustpilot-activate strong{font-size:16px;color:#1d2832;font-weight:700}
.site-footer .footer-trustpilot-activate:hover{background:#f5fff8;color:#192d3f;text-decoration:none}
.site-footer .footer-trustpilot-star{color:#00b67a;font-size:20px;line-height:1}
.site-footer .footer-trustpilot-shell>.trustpilot-widget{height:52px;width:100%}
.site-footer .footer-trustpilot-shell>.trustpilot-widget[hidden],
.site-footer .footer-trustpilot-shell>.footer-trustpilot-activate[hidden]{display:none!important}
.site-footer .footer-trustpilot-shell>small{display:block;color:#b2c8d6;font-size:11px;line-height:1.4;margin-top:5px;max-width:280px}
.site-footer .footer-trustpilot-activate:focus-visible,
.site-footer .footer-grid .footer-action:focus-visible{outline:3px solid #a1e6ff;outline-offset:4px}
@media(max-width:700px){
 .site-footer .footer-grid .footer-action{margin-top:12px}
 .site-footer .footer-trustpilot-shell{margin-top:0}
}
@media(max-width:380px){
 .site-footer .footer-grid .footer-action{height:auto;min-height:52px;white-space:normal;text-align:center}
}