/*
  AtLAST Indico theme
  ----------------------------------------------------
  Based on: standard.css from Indico
  Goal: keep layout, change colors/accents to AtLAST
  Palette (from AtLAST material):
    --atlast-primary:   #295B96;  (dark blue)
    --atlast-primary-light: #B6D1EC;
    --atlast-accent:    #D55441;  (call-to-action)
    --atlast-neutral:   #B99885;
    --atlast-warm:      #FBE1A8;
    --atlast-green:     #577050;
*/

/* ---------- global helpers (optional) ---------- */
:root {
  /* Modified with respect to v1 */
  --atlast-primary: #bf9782;
  --atlast-primary-light: #767089;
  --atlast-primary-dark: #5b566b;
  --atlast-accent: #7da8db;
  --atlast-accent-dark: #5b566b;
  --atlast-light-grey: #dbdbdb;
  /* Not modified with respect to v1 */
  --atlast-neutral: #B99885;
  --atlast-warm: #FBE1A8;
  --atlast-green: #577050;
  --atlast-text: #243040;
  --atlast-muted: #eef3f8;
}

/* Whole page wrapper */
.conf {
  width: 100%;
  border: none;
  margin: 0 auto;
  background: #ffffff;
  color: var(--atlast-text);
}

/* ---------- header ---------- */
.confTitleBox {
  color: #fff;
  min-height: 90px;
  /* top border in AtLAST dark blue */
  border-top: 4px solid var(--atlast-primary-dark);
  /* subtle bottom border */
  border-bottom: 1px solid rgba(0,0,0,0.08);
  /* gradient-ish fallback -> solid is fine */
  background: linear-gradient(120deg, var(--atlast-primary) 0%, var(--atlast-primary-dark) 100%);
}

.confTitle {
  width: 950px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* logo box stays the same */
.confLogoBox {
  float: none;          /* flex takes care */
  padding-right: 0;
}

.confLogoBannerBox img {
  width: 100%;
  margin-bottom: 0.5rem;
}

/* title text */
.conference-title-link {
  font-size: 22pt;
  display: block;
  padding: 24px 0;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.03em;
}

/* ---------- subtitle / info bar ---------- */
.confSubTitleBox {
  background: #f7f9fc;
  border-bottom: 1px solid #dde4ef;
  border-top: 1px solid rgba(255,255,255,0.15);
  padding: 0.55rem 0;
}

.confSubTitleContent {
  width: 950px;
  margin: 0 auto;
  font-size: 11pt;
  color: #2f4865;
}

.confSubTitleContent a {
  color: var(--atlast-primary);
  text-decoration: none;
}
.confSubTitleContent a:hover {
  text-decoration: underline;
}

.datePlace {
  font-size: 12pt;
  font-weight: 500;
  color: var(--atlast-primary-dark);
}

/* announcement bar (keep but recolor) */
.simpleTextAnnouncement {
  background: var(--atlast-primary-light);
  border-top: 1px solid rgba(0,0,0,0.04);
  font-family: Verdana, sans-serif;
  font-weight: 600;
  font-size: 10pt;
  text-align: center;
  color: #17314d;
  padding: 8px 0;
}

/* ---------- layout: menu + content ---------- */
#confSectionsBox {
  width: 950px;
  margin: 30px auto 50px auto;
  display: block;
}

/* ---------- left menu ---------- */
.conf_leftMenu {
  float: left;
  width: 200px;
}

#outer {
  border: 1px solid rgba(41,91,150,0.2); /* tinted border */
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
}

/* root menu items */
#outer li a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  display: block;
  color: #243040;
}

/* default (not selected) item */
.menuConfTitle a {
  padding: 7px 12px;
  color: #23405e;
  border-bottom: 1px solid rgba(0,0,0,0.03);
}

/* item hover */
#outer li a:hover {
  background: rgba(182, 209, 236, 0.4);  /* light blue hover */
}

/* selected item -> use AtLAST accent */
.menuConfTitle.selected > a,
.menuConfMiddleCell.selected > a {
  color: #fff;
  background: var(--atlast-accent);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-top: 1px solid rgba(255,255,255,0.12);
}

/* sub menu item */
li ul.inner li a {
  padding: 4px 12px 4px 30px;
  background: transparent url(/images/conf/left_menu_bullet.png) no-repeat 15px center;
  font-size: 9.5pt;
  color: #2f4865;
}

/* support box (keep header in blue, body light) */
.support_box {
  background: #ffffff;
  border: 1px solid rgba(41,91,150,0.15);
  border-radius: 6px;
  margin-top: 1rem;
}
.support_box > h3 {
  color: #ffffff;
  background: var(--atlast-primary);
  padding: 6px 10px;
  font-size: 10pt;
  border-radius: 6px 6px 0 0;
}

/* ---------- main content ---------- */
.confBodyBox {
  margin-left: 230px;
  /* white card */
  background: #fff;
  min-height: 400px;
  padding: 10px 15px 30px 15px;
  border: 1px solid rgba(41,91,150,0.08);
  border-radius: 8px;
}

/* tables, headings, links inside content */
.confBodyBox h1,
.confBodyBox h2,
.confBodyBox h3 {
  color: var(--atlast-primary);
}

.confBodyBox a {
  color: var(--atlast-accent);
}
.confBodyBox a:hover {
  color: var(--atlast-accent-dark);
  text-decoration: underline;
}

/*
.confBodyBox ul {
  list-style: none ;
  padding: 0px;
}

.confBodyBox ul li:before{
  content: '\2605' ;
  margin: 0 1em;
}

*/
/* ---------- buttons (e.g. registration) ---------- */
button,
input[type="submit"],
input[type="button"],
.indico-button {
  background: var(--atlast-accent);
  border: 1px solid rgba(0,0,0,0.05);
  color: #fff !important;
  border-radius: 4px;
  padding: 5px 14px;
  cursor: pointer;
  font-weight: 500;
}
button:hover,
input[type="submit"]:hover,
.indico-button:hover {
  background: var(--atlast-accent-dark);
}

/* secondary buttons */
.indico-button-secondary {
  background: #fff !important;
  color: var(--atlast-primary) !important;
  border: 1px solid rgba(41,91,150,0.35) !important;
}
.indico-button-secondary:hover {
  background: rgba(182,209,236,0.3) !important;
}

/* ---------- misc tweaks ---------- */
/* make selected day/session badges use AtLAST blue */
.badge,
.label {
  background: var(--atlast-light-grey);
  color: #fff;
  border-radius: 3px;
}

/* alert/info boxes (if present) */
.info-message {
  background: #fdf5eb;
  border: 1px solid rgba(213,84,65,0.35);
  color: #664B40;
}