/* ===========================================================================
   werkzeugmarkt.at – Redaktioneller Footer
   Ersetzt den Astra-Standardfooter über ein Elementor-Pro-Location-Template
   (Konzeptbereich 09). Läuft auf jeder Seite und wird deshalb global
   geladen – anders als startseite.css, die eine eigene body-Schriftgröße
   mitbringt und nur auf der Startseite laufen darf.

   Die Farbtoken sind mit startseite.css, news.css und beitrag.css
   identisch und werden hier erneut gesetzt, weil der Footer auch auf
   Seiten erscheint, die keine dieser Dateien laden.

   Geladen von mu-plugins/werkzeugmarkt-core.php.
   ======================================================================== */

:root{
  --paper:#FAF8F5;
  --paper-2:#F1EDE7;
  --ink:#15181A;
  --ink-2:#4A5155;
  --ink-3:#7C8489;
  --navy:#10212B;
  --navy-2:#1B3644;
  --orange:#E06A00;
  --line:#DED8CF;
  --white:#FFFFFF;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#111416; --paper-2:#181C1F; --ink:#F0EDE8; --ink-2:#B6BDC1; --ink-3:#8A9298;
    --navy:#0A141A; --navy-2:#162A34; --orange:#FF8A2B; --line:#2A3035; --white:#1C2124;
  }
}
:root[data-theme="dark"]{
  --paper:#111416; --paper-2:#181C1F; --ink:#F0EDE8; --ink-2:#B6BDC1; --ink-3:#8A9298;
  --navy:#0A141A; --navy-2:#162A34; --orange:#FF8A2B; --line:#2A3035; --white:#1C2124;
}

/* ---------------------------------------------------------------------------
   Grundfläche
   Der Footer trägt seine Fläche selbst über die volle Breite; der Inhalt
   sitzt im gleichen Raster wie die Startseite (max. 1360 px).
   ------------------------------------------------------------------------ */

.wm-fuss{
  background:var(--navy);
  color:rgba(255,255,255,.72);
  font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.6;
  padding:clamp(48px,6vw,84px) 0 0;
}
.wm-fuss-k{
  max-width:1360px;
  margin:0 auto;
  padding:0 clamp(20px,5vw,64px);
}

/* ---------------------------------------------------------------------------
   Spalten
   ------------------------------------------------------------------------ */

.wm-fuss-raster{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:clamp(28px,3.5vw,56px);
  padding-bottom:clamp(36px,4vw,56px);
}
@media(max-width:900px){ .wm-fuss-raster{grid-template-columns:1fr 1fr; gap:36px 28px} }
@media(max-width:520px){ .wm-fuss-raster{grid-template-columns:1fr; gap:32px} }

.wm-fuss-marke strong{
  display:block;
  font-family:Fraunces,Georgia,serif;
  font-size:1.32rem;
  font-weight:600;
  color:#fff;
  margin-bottom:12px;
}
.wm-fuss-marke p{
  margin:0 0 14px;
  max-width:38ch;
  font-size:.95rem;
  color:rgba(255,255,255,.6);
}
.wm-fuss-ort{
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}

.wm-fuss-sp h2{
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:.7rem;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--orange);
  margin:0 0 16px;
  padding:0;
  border:0;
}
.wm-fuss-sp ul{ list-style:none; margin:0; padding:0; }
.wm-fuss-sp li{ margin:0 0 11px; }
.wm-fuss-sp a{
  color:rgba(255,255,255,.78);
  text-decoration:none;
  font-size:.96rem;
  border-bottom:1px solid transparent;
  transition:color .18s,border-color .18s;
}
.wm-fuss-sp a:hover,
.wm-fuss-sp a:focus-visible{
  color:#fff;
  border-bottom-color:var(--orange);
}

/* ---------------------------------------------------------------------------
   Abschlusszeile
   Die Werbekennzeichnung steht hier als Text, nicht als Symbol, damit sie
   auf jeder Seite ohne Aufklappen und ohne Farbwahrnehmung lesbar ist.
   ------------------------------------------------------------------------ */

.wm-fuss-ab{
  border-top:1px solid rgba(255,255,255,.13);
  padding:22px 0 30px;
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  align-items:baseline;
  justify-content:space-between;
  font-size:.85rem;
  color:rgba(255,255,255,.5);
}
.wm-fuss-ab p{ margin:0; max-width:72ch; }
.wm-fuss-ab a{
  color:rgba(255,255,255,.68);
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.28);
}
.wm-fuss-ab a:hover,
.wm-fuss-ab a:focus-visible{ color:#fff; border-bottom-color:var(--orange); }

/* Astra blendet seinen eigenen Footer aus, sobald das Location-Template
   greift. Falls ein Astra-Rest doch ausgeliefert wird, darf er keine
   zweite Fläche unter dem redaktionellen Footer aufziehen. */
.wm-fuss ~ .site-footer,
.wm-fuss ~ #colophon{ display:none; }