/* ===========================================================================
   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.

   Der Selektor greift ab der Elementor-Location, nicht ab .wm-fuss selbst:
   .wm-fuss ist seit WM-005 ein <div> innerhalb des von Elementor
   gelieferten <footer>. Ein Astra-Rest wäre dessen Geschwister, nicht das
   des inneren Elements. */
.elementor-location-footer ~ .site-footer,
.elementor-location-footer ~ #colophon{ display:none; }

/* ---------------------------------------------------------------------------
   Globaler Astra-Kopfbereich

   Auf Unterseiten lag das weisse Logo auf einer transparenten, hellen Flaeche,
   waehrend das Menue seine alte blaue Hintergrundfarbe behielt. Der Kopf wird
   dort deshalb als geschlossene Navy-Flaeche gefuehrt. Auf der Startseite
   bleibt er transparent ueber dem Hero. Die Desktop-Abstaende sind kompakter,
   damit alle acht Menuepunkte ohne zweite Zeile Platz finden.
   ------------------------------------------------------------------------ */

body:not(.home) .ast-primary-header-bar{
  background:var(--navy) !important;
}
body:not(.home) #masthead{
  position:relative !important;
}
body:not(.home) .main-header-menu,
body:not(.home) .ast-builder-menu .main-header-menu{
  background:transparent !important;
}
body:not(.home) #ast-hf-menu-1 > .menu-item > .menu-link{
  color:rgba(255,255,255,.88);
}
body:not(.home) #ast-hf-menu-1 > .current-menu-item > .menu-link,
body:not(.home) #ast-hf-menu-1 > .menu-item > .menu-link:hover,
body:not(.home) #ast-hf-menu-1 > .menu-item > .menu-link:focus-visible{
  color:#fff;
}

@media(min-width:922px){
  #ast-hf-menu-1 > .menu-item > .menu-link{
    padding-left:10px;
    padding-right:10px;
    font-size:15px;
  }
}

@media(max-width:921px){
  body:not(.home) .ast-button-wrap .menu-toggle.main-header-menu-toggle{
    color:#fff;
  }
}