/* =============================================================
   EasyDiscuss Custom Overrides – AUCOTEC / EBDN
   -------------------------------------------------------------
   Update-sicher: liegt im Template-Override-Ordner und wird von
   EasyDiscuss NACH style.min.css geladen (Config: layout_customcss=1).
   Zweck: unsere Anpassungen ueberleben EasyDiscuss-Updates, die
   media/com_easydiscuss/themes/wireframe/css/style(.min).css
   ueberschreiben.

   Enthaelt:
   - Schriftart: Titillium Web
   - Primaerfarbe: AUCOTEC-Blau #0097ec (statt ED-Blau #4e72e2)
   - Hover/Dark-Variante: #0078c0 (statt #4666ca)
   - "New"-Badge: weisse Schrift
   Automatisch extrahiert aus der bearbeiteten style.css (Stand 02.07.2026).
   ============================================================= */

/* ---------- Schrift & Farb-Variablen + hartcodierte Marken-Farbregeln ---------- */
#ed, .com_easydiscuss, .select2-container--si, .atwho-container {
  --si-font-family: 'Titillium Web', sans-serif;
}

.si-theme--light {
  --si-ui-link: #0097ec;
  --si-primary: #0097ec;
  --si-primary-300: #0097ec;
  --si-primary-400: #0078c0;
  --si-primary--outline-text: #0097ec;
  --si-primary--outline-border: #0097ec;
  --si-primary--hover-outline-text: #0097ec;
  --si-primary--hover-outline-border: #0078c0;
}

.si-theme--dark {
  --si-ui-link: #0097ec;
  --si-primary: #0097ec;
  --si-primary-300: #0097ec;
  --si-primary-400: #0078c0;
  --si-primary--outline-text: #0097ec;
  --si-primary--outline-border: #0097ec;
  --si-primary--hover-outline-text: #0097ec;
  --si-primary--hover-outline-border: #0078c0;
}

#ed .o-btn--primary:disabled, #ed .o-btn--primary.disabled {
  background-color: #0097ec;
  border-color: #0097ec;
}

#ed .o-btn--primary-300:disabled, #ed .o-btn--primary-300.disabled {
  background-color: #0097ec;
  border-color: #0097ec;
}

#ed .o-btn--primary-400:disabled, #ed .o-btn--primary-400.disabled {
  background-color: #0078c0;
  border-color: #0078c0;
}

#ed .o-btn--primary-o {
  color: #0097ec;
  border-color: #0097ec;
}

#ed .o-btn--primary-o:hover {
  background-color: #0097ec;
}

.o-btn-check:checked + #ed .o-btn--primary-o, .o-btn-check:active + #ed .o-btn--primary-o, #ed .o-btn--primary-o:active, #ed .o-btn--primary-o.is-active, #ed .o-btn--primary-o.dropdown-toggle.show {
  background-color: #0097ec;
  border-color: #0097ec;
}

#ed .o-btn--primary-o:disabled, #ed .o-btn--primary-o.disabled {
  color: #0097ec;
}

#ed .o-btn--primary-300-o {
  color: #0097ec;
  border-color: #0097ec;
}

#ed .o-btn--primary-300-o:hover {
  background-color: #0097ec;
}

.o-btn-check:checked + #ed .o-btn--primary-300-o, .o-btn-check:active + #ed .o-btn--primary-300-o, #ed .o-btn--primary-300-o:active, #ed .o-btn--primary-300-o.is-active, #ed .o-btn--primary-300-o.dropdown-toggle.show {
  background-color: #0097ec;
  border-color: #0097ec;
}

#ed .o-btn--primary-300-o:disabled, #ed .o-btn--primary-300-o.disabled {
  color: #0097ec;
}

#ed .o-btn--primary-400-o {
  color: #0078c0;
  border-color: #0078c0;
}

#ed .o-btn--primary-400-o:hover {
  background-color: #0078c0;
}

.o-btn-check:checked + #ed .o-btn--primary-400-o, .o-btn-check:active + #ed .o-btn--primary-400-o, #ed .o-btn--primary-400-o:active, #ed .o-btn--primary-400-o.is-active, #ed .o-btn--primary-400-o.dropdown-toggle.show {
  background-color: #0078c0;
  border-color: #0078c0;
}

#ed .o-btn--primary-400-o:disabled, #ed .o-btn--primary-400-o.disabled {
  color: #0078c0;
}

#ed .t-border--primary {
  border-color: #0097ec !important;
}

#ed .t-border--primary-300 {
  border-color: #0097ec !important;
}

#ed .t-border--primary-400 {
  border-color: #0078c0 !important;
}

#ed .t-text--primary-300 {
  color: #0097ec !important;
}

#ed .t-text--primary-400 {
  color: #0078c0 !important;
}

#ed .t-bg--primary-300 {
  background-color: #0097ec !important;
}

#ed .t-bg--primary-400 {
  background-color: #0078c0 !important;
}

#ed .t-bg-hover--primary {
  background-color: #0097ec !important;
}

#ed .t-bg-hover--primary-300 {
  background-color: #0097ec !important;
}

#ed .t-bg-hover--primary-400 {
  background-color: #0078c0 !important;
}


/* ---------- "New"-Badge: weisse Schrift auf Primaerfarbe ---------- */
#ed .o-label.t-bg--primary,
#ed .o-card .o-label.t-bg--primary,
#ed .o-card span.o-label.t-bg--primary {
  color: #fff !important;
}

/* ---------- Q&A-Titel an EasyBlog angleichen (kraeftiger, groesser) ----------
   Ueberschreibt die Zwangs-Verkleinerung #ed .o-card * { font-size:1rem }
   aus dem Template-custom_css. Gleicher Blauton #0097ec wirkt so weniger blass. */
#ed .o-card .o-title,
#ed .o-card a.o-title {
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
}

/* Autorenname (z.B. "Carsten Gottbehuet") ebenfalls kraeftiger --
   ueberschreibt #ed .o-card .ed-user-name / .o-meta a { font-weight:600 } */
#ed .o-card .ed-user-name,
#ed .o-card .o-meta a.ed-user-name,
#ed .o-card [data-user-avatar] a,
#ed .o-card .o-meta a {
  font-weight: 700 !important;
}