/* ============================================================
   SATIF-17 커스텀 테마 — Indico Conference 페이지용
   업로드 위치: 이벤트 관리 → Layout → Customisation → Theme
   적용 전 반드시 Preview로 확인하세요.

   컨셉: "Steel & Beam"
   - 차폐 콘크리트/강철을 연상시키는 딥 스틸 네이비
   - 빔라인·방사선 표지를 연상시키는 앰버(호박색) 포인트
   국제 워크숍에 어울리는 차분하고 전문적인 톤입니다.

   주최기관(IRIS/PAL) 공식 색상이 있다면 아래 변수의
   헥스 코드만 교체하면 됩니다.
   ============================================================ */

/* ---------- 1) 색상 변수 (최신 Indico 버전) ---------- */
:root {
  /* 헤더: 딥 스틸 네이비 */
  --conf-theme-header-bg: #12314f;
  --conf-theme-header-border-bottom: #0b2239;
  --conf-theme-header-text: #ffffff;

  /* 부제목(서브타이틀) 영역 */
  --conf-theme-subtitle-bg: #f3f6f9;
  --conf-theme-subtitle-border: #d7e0e9;
  --conf-theme-subtitle-text: #26415c;

  /* 사이드 메뉴 */
  --conf-theme-menu-bg: #f7f9fb;
  --conf-theme-menu-border: #d7e0e9;
  --conf-theme-menu-link: #12314f;
  --conf-theme-menu-selected: #b07a1e;      /* 앰버 포인트 */
  --conf-theme-menu-selected-bg: #eef2f6;
  --conf-theme-menu-selected-border: #d7e0e9;

  --conf-theme-hover-bg: #e7edf3;
}

/* ---------- 2) 헤더 (구버전 호환 + 세부 조정) ---------- */
.conf-header,
.confheader {
  background: #12314f;
  color: #ffffff;
  /* 하단에 앰버 라인 — 빔라인을 연상시키는 시그니처 요소 */
  border-bottom: 3px solid #d99b2b;
}

.conf-header .conf-title a,
.confheader .confTitle a {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* 헤더 안 날짜/장소 텍스트 */
.conf-header .datePlace,
.confheader .datePlace {
  color: #000000;
}

/* ---------- 3) 사이드 메뉴 ---------- */
.conf_leftMenu a,
ul.menu a {
  color: #12314f;
}

.conf_leftMenu li:hover,
ul.menu li:hover {
  background: #e7edf3;
}

/* ---------- 4) 본문 ---------- */
.conferenceDetails .description {
  font-size: 1.05em;
  line-height: 1.7;
  color: #2c3e50;
}

.confBodyBox a {
  color: #1a4a78;
}

.confBodyBox a:hover {
  color: #b07a1e;
}

/* 본문 소제목 */
.confBodyBox h2,
.confBodyBox h3 {
  color: #12314f;
}

/* ---------- 5) 표 스타일 (Important Dates, 숙박 안내 표 등) ---------- */
.confBodyBox table th {
  background: #12314f;
  color: #ffffff;
}

.confBodyBox table tr:nth-child(even) td {
  background: #f3f6f9;
}

/* ---------- 6) 주요 버튼 (등록 등) ---------- */
.i-button.highlight {
  background: #b07a1e;
  border-color: #96671a;
}

/* ---------- 7) 배너 이미지 (선택) ----------
   Layout → Images 탭에 대전 엑스포 다리/한빛탑, 가속기 시설
   등의 배너 이미지를 업로드한 뒤 URL을 넣고 주석 해제.
------------------------------------------------ */
/*
.conf-header {
  background-image: linear-gradient(rgba(18, 49, 79, 0.85), rgba(18, 49, 79, 0.85)),
                    url('여기에_업로드한_이미지_URL');
  background-size: cover;
  background-position: center;
}
*/
/* ---------- 지도 버튼 ---------- */
a.map-btn {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 4px;
  color: #ffffff !important;
  text-decoration: none !important;
  margin: 4px 8px 4px 0;
}

a.map-btn-google { background: #12314f; }
a.map-btn-google:hover { background: #1a4a78; }

a.map-btn-naver { background: #03c75a; }
a.map-btn-naver:hover { background: #02a94d; }
/* ---------- 숙박 페이지 예약 버튼 ---------- */
a[href*="marriott.com"],
a[href*="lottehotel.com"],
a[href*="hotelicc"] {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 4px;
  background: #12314f;
  color: #ffffff !important;
  text-decoration: none !important;
  margin: 6px 0;
}

a[href*="marriott.com"]:hover,
a[href*="lottehotel.com"]:hover,
a[href*="hotelicc"]:hover {
  background: #1a4a78;
}