/*
    Indico – Konferenz-Stylesheet im OpenCampus-Look
    Medizinische Fakultät der Universität Duisburg-Essen

    Farben abgeleitet von uk-essen.cloud.opencampus.net:
      Orange      #EF7900   (OC-Logo)
      Warmbraun   #564E49   (Wortmarke "CAMPUS")
      Blau        #5986A6   (Login-/Intern-Button)
      Grün        #9BAB22   (Unikennung-Button)
      Grau        #7B7E7F
    Schrift: Titillium Web

    Einbinden: Veranstaltung → Verwalten → Layout → "CSS-Datei hochladen"
    (oder Inhalt in das Feld "Eigenes CSS" einfügen)
*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');

:root {
  /* ---- OpenCampus-Palette ---------------------------------------- */
  --oc-orange: #ef7900;
  --oc-orange-bright: #f28705;
  --oc-orange-dark: #9a4e00;   /* dunkel genug für Text auf hellem Grund */
  --oc-orange-tint: #f6ede4;
  --oc-brown: #564e49;
  --oc-brown-dark: #3f3a36;
  --oc-blue: #5986a6;
  --oc-blue-dark: #3d6b88;     /* Linkfarbe, AA-konform */
  --oc-green: #9bab22;
  --oc-grey: #7b7e7f;
  --oc-fg: #1a1a1a;
  --oc-muted: #4a4a4a;
  --oc-border: #cccccc;
  --oc-card: #f9f9f9;
  --oc-warm-bg: #f7f4f1;
  --oc-warm-border: #e3dad2;

  /* ---- Header ----------------------------------------------------- */
  --conf-theme-header-bg: var(--oc-brown);
  --conf-theme-header-border-bottom: var(--oc-orange);
  --conf-theme-header-text: #ffffff;

  /* ---- Untertitel-Bereich ----------------------------------------- */
  --conf-theme-subtitle-bg: var(--oc-warm-bg);
  --conf-theme-subtitle-border: var(--oc-warm-border);
  --conf-theme-subtitle-text: var(--oc-brown);

  /* ---- Menü -------------------------------------------------------- */
  --conf-theme-menu-bg: var(--oc-card);
  --conf-theme-menu-border: var(--oc-border);
  --conf-theme-menu-link: var(--oc-blue-dark);
  --conf-theme-menu-selected: var(--oc-orange-dark);
  --conf-theme-menu-selected-bg: var(--oc-orange-tint);
  --conf-theme-menu-selected-border: var(--oc-orange);
  --conf-theme-hover-bg: #efeae5;
  --conf-theme-hover-color: var(--conf-theme-menu-link);
  --conf-theme-title-sprite-bg: transparent;
  --conf-theme-announcement-sprite-bg: transparent;
  --conf-theme-announcement-border-top: 1px solid var(--conf-theme-announcement-border);
  --conf-theme-announcement-border-bottom: none;

  /* ---- Support-Box ------------------------------------------------- */
  --conf-theme-support-bg: var(--oc-card);
  --conf-theme-support-border: var(--oc-border);
  --conf-theme-support-header-bg: var(--oc-brown);
  --conf-theme-support-header-text: #ffffff;
  --conf-theme-support-text: var(--oc-muted);

  /* ---- Sprite ------------------------------------------------------ */
  /* Falls diese Datei fehlt, prüfen mit:
     ls /opt/indico/web/static/images/conf/
     und auf eine vorhandene Variante umstellen (z. B. sprites_brown.png). */
  --conf-theme-sprite-image: url('/images/conf/sprites_orange.png');

  /* ---- Ankündigungen ----------------------------------------------- */
  --conf-theme-announcement-bg: #fdf3e7;
  --conf-theme-announcement-border: #f3d2a8;
  --conf-theme-announcement-text: #6b4300;
}

/* ===================================================================
   Typografie
   =================================================================== */

body,
.conference-page,
.conference-page input,
.conference-page button,
.conference-page select,
.conference-page textarea {
  font-family: 'Titillium Web', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.conference-page h1,
.conference-page h2,
.conference-page h3,
.conf-title,
.event-title {
  font-weight: 600;
  letter-spacing: 0.005em;
}

/* Kopfzeile: Titel etwas kräftiger, wie die OC-Wortmarke */
#conf-header .event-title,
.conference-header .event-title {
  font-weight: 700;
}

/* ===================================================================
   Menü – orangefarbene Markierung des aktiven Punkts
   =================================================================== */

.conference-page .menu-entry,
.conference-page .conf-menu a {
  border-left: 3px solid transparent;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.conference-page .menu-entry.selected,
.conference-page .conf-menu a.selected,
.conference-page .conf-menu li.selected > a {
  border-left-color: var(--oc-orange);
  font-weight: 600;
}

/* ===================================================================
   Links und Akzente im Inhaltsbereich
   =================================================================== */

.conference-page a {
  color: var(--oc-blue-dark);
}

.conference-page a:hover {
  color: var(--oc-orange-dark);
}

/* Primäre Aktionsbuttons in OC-Orange */
.conference-page .i-button.highlight,
.conference-page .i-button.accept,
.conference-page .ui.button.primary {
  background: var(--oc-orange);
  border-color: var(--oc-orange-dark);
  color: #ffffff;
}

.conference-page .i-button.highlight:hover,
.conference-page .i-button.accept:hover,
.conference-page .ui.button.primary:hover {
  background: var(--oc-orange-bright);
  border-color: var(--oc-orange-dark);
}

/* Grüner Akzent für Bestätigungen/„offen"-Zustände, wie der
   Unikennung-Button auf OpenCampus */
.conference-page .i-tag.success,
.conference-page .label.success,
.conference-page .registration-open {
  background: var(--oc-green);
  color: #ffffff;
}

/* ===================================================================
   Feinschliff
   =================================================================== */

.conference-page .item-legend,
.conference-page .timetable-title {
  color: var(--oc-brown);
}

.conference-page hr,
.conference-page .separator {
  border-color: var(--oc-warm-border);
}