/*
Theme Name:   360 IT Service – WVW Child
Theme URI:    https://360grad-it-service.de
Description:  Astra-Child-Theme für den Website-Relaunch der Stolze Gruppe / 360° IT Service. Marken-Tokens (WVW), self-hosted Exo-Fonts, CTA-Limegreen. Layout kommt von Astra; hier nur Marken-Overrides.
Author:       wirverbindenwelten.de GmbH
Template:     astra
Version:      1.1.0
Text Domain:  astra-child-wvw
*/

/* ===================================================================
   Schriften — Exo, self-hosted woff2 (aus design-system übernommen)
   =================================================================== */
@font-face{font-family:"Exo";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/exo/Exo-Regular.woff2") format("woff2")}
@font-face{font-family:"Exo";font-style:italic;font-weight:400;font-display:swap;src:url("fonts/exo/Exo-Italic.woff2") format("woff2")}
@font-face{font-family:"Exo";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/exo/Exo-Medium.woff2") format("woff2")}
@font-face{font-family:"Exo";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/exo/Exo-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Exo";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/exo/Exo-Bold.woff2") format("woff2")}
@font-face{font-family:"Exo";font-style:italic;font-weight:700;font-display:swap;src:url("fonts/exo/Exo-BoldItalic.woff2") format("woff2")}
@font-face{font-family:"Exo";font-style:normal;font-weight:800;font-display:swap;src:url("fonts/exo/Exo-ExtraBold.woff2") format("woff2")}
@font-face{font-family:"Exo";font-style:normal;font-weight:900;font-display:swap;src:url("fonts/exo/Exo-Black.woff2") format("woff2")}

/* ===================================================================
   Marken-Tokens (Auszug aus design-system/tokens) — CTA-Limegreen
   nur als Akzent, nie Fließtext auf Hell.
   =================================================================== */
:root{
  --c-primary:   #004394;   /* Dunkelblau — tragende Markenfarbe */
  --c-primary-700:#00316c;
  --c-cta:       #c9d204;   /* Limegreen — NUR CTA/Akzent */
  --c-cta-600:   #a3aa03;
  --c-text:      #12232f;   /* warmes Fast-Schwarz, Fließtext */
  --c-muted:     #475568;
  --c-gray:      #9c9d9f;
  --c-white:     #ffffff;
  --c-surface:   #f5f7fa;

  --font-sans:   "Exo", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display:"Exo", var(--font-sans);
}

/* ===================================================================
   Basis-Typografie
   =================================================================== */
body{
  font-family:var(--font-sans);
  color:var(--c-text);
}
h1,h2,h3,h4,h5,h6,.site-title{
  font-family:var(--font-display);
  color:var(--c-primary);
  font-weight:800;
  letter-spacing:-.01em;
}
a{ color:var(--c-primary); }
a:hover,a:focus{ color:var(--c-primary-700); }

/* ===================================================================
   CTA — Limegreen-Button mit dunklem Text (Kontrast-sicher).
   Greift auf Astra-Buttons + Block-Buttons + .wp-block-button.
   =================================================================== */
.ast-button,
.wp-block-button__link,
.is-style-fill .wp-block-button__link,
button.menu-toggle,
input[type="submit"]{
  background-color:var(--c-cta);
  color:var(--c-text);
  border-color:var(--c-cta);
  font-weight:700;
  border-radius:6px;
}
.ast-button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover{
  background-color:var(--c-cta-600);
  color:var(--c-text);
  border-color:var(--c-cta-600);
}

/* Sekundär-Button (Outline, Markenblau) */
.is-style-outline .wp-block-button__link{
  color:var(--c-primary);
  border-color:var(--c-primary);
  background:transparent;
}

/* Akzent-/Highlight-Flächen in Markenblau */
.has-c-primary-background-color{ background-color:var(--c-primary); }
.has-c-primary-color{ color:var(--c-primary); }
.has-c-cta-background-color{ background-color:var(--c-cta); }

/* Trennlinien dezenter */
.wp-block-separator{ border-color:var(--c-gray); opacity:.4; }


/* CTA-Menuepunkt "Erstgespraech buchen" als Limegreen-Button */
.menu-cta > a,
li.menu-cta a.menu-link,
.ast-header-menu li.menu-cta a,
.main-header-menu li.menu-cta a{
  background-color:var(--c-cta);
  color:var(--c-text) !important;
  border-radius:6px;
  font-weight:700;
  padding:8px 18px !important;
  margin:6px 0 6px 10px;
  line-height:1.2;
  display:inline-block;
}
.menu-cta > a:hover,
li.menu-cta a.menu-link:hover,
.ast-header-menu li.menu-cta a:hover{
  background-color:var(--c-cta-600);
  color:var(--c-text) !important;
}