/* SPO 2026 — custom CSS for the Indico conference page (event 19016).
   Brand: ink #14131A, paper #FAFAFB, grey #6B7280; yellow lives only in the logo's wave packet. */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');

/* Header: ink band with the white lockup (logo uploaded in Layout → Logo) */
.confheader,
.confTitleBox { background: #14131A !important; border: 0 !important; }
.confTitleBox { padding: 26px 32px 22px !important; display: flex; align-items: center; gap: 28px; }
/* Logo is hosted on the conference website and drawn by CSS (no Indico logo upload needed) */
.confTitleBox::before {
  content: ""; flex: 0 0 auto; width: 268px; height: 56px;
  background: url("https://www.spo.optics.org.ua/wp-content/uploads/2026/10/spo2026-indico-logo.png") left center / contain no-repeat;
}
@media (max-width: 640px) {
  .confTitleBox { flex-direction: column; align-items: flex-start; gap: 14px; }
  .confTitleBox::before { width: 172px; height: 36px; }
}
.confTitle, .confTitle a, .conference-title-link {
  color: #FFFFFF !important;
  font-family: 'Oswald', 'Liberation Sans', sans-serif !important;
  font-weight: 500 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  letter-spacing: .01em;
}

/* Dates / venue strip */
.confSubTitleBox { background: #1E1D26 !important; border: 0 !important; }
.confSubTitleBox, .confSubTitleBox * { color: #D9DAE0 !important; }
.confSubTitle .datePlace, .confSubTitle .date { font-family: 'Oswald', sans-serif; font-size: 18px; letter-spacing: .02em; color: #FFFFFF !important; }

/* Left menu */
.conf_leftMenu ul { border: 1px solid #E3E4E8; background: #FFFFFF; }
.conf_leftMenu li.menuConfTitle { background: transparent !important; border-bottom: 1px solid #EEEFF2; }
.conf_leftMenu li.menuConfTitle > a { color: #14131A !important; font-family: 'Liberation Sans', sans-serif; padding: 9px 14px !important; }
.conf_leftMenu li.menuConfTitle > a:hover { background: #F2F2F5; }
.conf_leftMenu li.menuConfSelected { background: #14131A !important; }
.conf_leftMenu li.menuConfSelected > a { color: #FFFFFF !important; font-weight: 600; }

/* Support/contact box */
.support_box h3, .support_box .title { background: #14131A !important; color: #FFFFFF !important; font-family: 'Oswald', sans-serif; letter-spacing: .03em; }

/* Content */
.conference-page h2, .conference-page h3, .conferenceDetails strong { color: #14131A; }
.conference-page a, .conferenceDetails a { color: #14131A; text-decoration: underline; text-underline-offset: 2px; }
.i-button.highlight, .i-button.accept { background: #14131A !important; border-color: #14131A !important; color: #FFFFFF !important; }