/*
 * AVOR Conference Theme for GWDG Indico
 * ──────────────────────────────────────
 * Upload via: Event → Layout → Custom CSS
 *
 * Brand reference (from avor.med):
 *   Blue accent:  #016F99
 *   Blue bright:  #02ADE7
 *   Blue light:   #B0E0F5
 *   Text dark:    #1a1a2e
 *   Text gray:    #4a5568
 *   Text light:   #718096
 *   Surface:      #ffffff
 *   Footer bg:    #f5f7f9
 */

/* ===========================================
   1. Indico Theme Variables (core overrides)
   =========================================== */
:root {
  /* Header */
  --conf-theme-header-bg: #016F99;
  --conf-theme-header-border-bottom: #015a7d;
  --conf-theme-header-text: #ffffff;

  /* Subtitle bar (date / location row) */
  --conf-theme-subtitle-bg: #f0f8fc;
  --conf-theme-subtitle-border: #B0E0F5;
  --conf-theme-subtitle-text: #1a1a2e;

  /* Left menu */
  --conf-theme-menu-bg: #f5f7f9;
  --conf-theme-menu-border: #d8e4ec;
  --conf-theme-menu-link: #016F99;
  --conf-theme-menu-selected: #1a1a2e;
  --conf-theme-menu-selected-bg: #e6f4fa;
  --conf-theme-menu-selected-border: #B0E0F5;

  --conf-theme-hover-bg: #e6f4fa;
  --conf-theme-hover-color: #016F99;

  /* Support box */
  --conf-theme-support-bg: #f5f7f9;
  --conf-theme-support-border: #d8e4ec;
  --conf-theme-support-header-bg: #016F99;
  --conf-theme-support-header-text: #ffffff;
  --conf-theme-support-text: #4a5568;

  /* Announcement bar */
  --conf-theme-announcement-bg: #f0f8fc;
  --conf-theme-announcement-border: #B0E0F5;
  --conf-theme-announcement-text: #1a1a2e;
  --conf-theme-announcement-border-top: 1px solid #B0E0F5;
  --conf-theme-announcement-border-bottom: none;
  --conf-theme-announcement-shadow: inset 0 0 0.3em rgba(176, 224, 245, 0.4);
}

/* ===========================================
   2. Typography — DM Sans
   =========================================== */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

body,
.conf,
.confBodyBox,
.mainContent,
#outer li a,
.col2,
table.conferenceDetails td,
.conferenceDetails .description,
.simpleTextAnnouncement,
.support_box {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ===========================================
   3. Header
   =========================================== */
.confTitleBox {
  background: #016F99;
  border-bottom: 2px solid #015a7d;
}

.conference-title-link {
  color: #ffffff;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* Subtitle bar (date, location) */
.confSubTitleBox {
  background: #f0f8fc;
  border-color: #B0E0F5;
}

.confSubTitleContent {
  color: #1a1a2e;
}

.datePlace {
  color: #4a5568;
}

div.datePlace > div.timezone {
  color: #718096;
}

/* ===========================================
   4. Left Menu
   =========================================== */
#outer {
  background: #f5f7f9;
  border-color: #d8e4ec;
  border-radius: 6px;
  overflow: hidden;
}

#outer li a {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #016F99;
  transition: background 0.15s ease, color 0.15s ease;
}

#outer li a:hover {
  background: #e6f4fa;
  color: #016F99;
}

.menuConfSelected,
.menuConfMiddleCellSelected {
  color: #1a1a2e;
  background: #e6f4fa;
  border-color: #B0E0F5;
}

.menuConfSelected a {
  color: #1a1a2e;
  font-weight: 500;
}

/* ===========================================
   5. Content Area
   =========================================== */
.confBodyBox {
  color: #1a1a2e;
  line-height: 1.6;
}

.conferenceDetails .description {
  color: #4a5568;
  font-size: 1.1em;
  line-height: 1.7;
}

table.conferenceDetails td {
  color: #4a5568;
}

table.conferenceDetails .displayField {
  color: #1a1a2e;
  font-weight: 500;
}

/* General links */
.confBodyBox a,
.mainContent a {
  color: #016F99;
  text-decoration: none;
  transition: color 0.15s ease;
}

.confBodyBox a:hover,
.mainContent a:hover {
  color: #02ADE7;
  text-decoration: underline;
}

/* Headings inside content */
.mainContent h1,
.mainContent h2,
.mainContent h3 {
  color: #1a1a2e;
  font-weight: 500;
  letter-spacing: -0.01em;
}

/* ===========================================
   6. Support Box
   =========================================== */
.support_box {
  border-radius: 6px;
  border-color: #d8e4ec;
  overflow: hidden;
}

.support_box > h3 {
  background: #016F99;
  color: #ffffff;
  font-weight: 500;
}

/* ===========================================
   7. Announcement Bar
   =========================================== */
.simpleTextAnnouncement {
  background: #f0f8fc;
  color: #1a1a2e;
  font-weight: 500;
  border-top: 1px solid #B0E0F5;
}

/* ===========================================
   8. Timetable & Contributions
   =========================================== */

/* Timetable headers */
.timetable .timetableBlock .timetableBlockHeader {
  background: #016F99;
  color: #ffffff;
}

/* Session blocks */
.timetable .timetableBlock {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* Break styling */
.timetable .timetableBreak {
  background: #f5f7f9;
  color: #718096;
  font-style: italic;
}

/* Contribution list items */
.contributionListItem {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 0.75rem 0;
}

.contributionListItem:hover {
  background: #f0f8fc;
}

/* ===========================================
   9. Registration & Buttons
   =========================================== */

/* Primary action buttons (registration, etc.) */
.conf .i-button.highlight,
.conf .i-button.accept,
.conf input[type="submit"],
.regFormDoneCaption .i-button {
  background: #1a1a2e;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 0.95rem;
  padding: 0.75rem 1.75rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.conf .i-button.highlight:hover,
.conf .i-button.accept:hover,
.conf input[type="submit"]:hover {
  background: #2d2d4a;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(2, 173, 231, 0.15);
}

/* Secondary / outline buttons */
.conf .i-button,
.conf .i-button.arrow {
  border-radius: 6px;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  transition: all 0.15s ease;
}

/* ===========================================
   10. Form Inputs (Registration forms)
   =========================================== */
.conf input[type="text"],
.conf input[type="email"],
.conf input[type="tel"],
.conf input[type="number"],
.conf textarea,
.conf select {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 0.6rem 0.8rem;
  color: #1a1a2e;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.conf input[type="text"]:focus,
.conf input[type="email"]:focus,
.conf textarea:focus,
.conf select:focus {
  outline: none;
  border-color: #016F99;
  box-shadow: 0 0 0 3px rgba(2, 173, 231, 0.1);
}

/* ===========================================
   11. Chair / Speaker List
   =========================================== */
ul.chair_list {
  color: #4a5568;
  line-height: 1.7;
}

/* ===========================================
   12. Subtle Polish
   =========================================== */

/* Slightly wider content area if supported */
.confTitle,
.confSubTitleContent,
#confSectionsBox {
  max-width: 980px;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Better selection color */
::selection {
  background: rgba(2, 173, 231, 0.2);
  color: #1a1a2e;
}

/* Print-friendly: hide menu, full-width content */
@media print {
  .conf_leftMenu,
  .support_box {
    display: none !important;
  }

  .confBodyBox {
    margin-left: 0 !important;
  }
}