/* ============================================================
   SATIF-17 커스텀 테마 (통합 최종본)
   업로드 위치: 이벤트 관리 → Layout → Customisation → Theme
   ※ Theme 활성화 버튼이 비활성이면, 이 파일을 먼저 업로드해야
     활성화 버튼이 눌립니다.

   컨셉: "Steel & Beam"
   - 차폐 콘크리트/강철을 연상시키는 딥 스틸 네이비
   - 빔라인·방사선 표지를 연상시키는 앰버(호박색) 포인트

   [이 파일이 필요한 이유]
   Indico는 최종 페이지 렌더링 시 HTML의 인라인 style 속성을
   제거합니다. 따라서 버튼·카드 등의 꾸밈은 이 CSS 파일에서
   담당해야 실제 페이지에 반영됩니다.

   [호텔을 추가할 때]
   섹션 8의 예약 버튼 목록에 해당 호텔의 도메인을 추가하세요.
   ============================================================ */


/* ============================================================
   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;
}

/* 헤더 안 날짜/장소 텍스트
   ※ 헤더 배경이 밝게 나와 글자가 안 보이면 #000000 으로,
     배경이 네이비로 잘 적용되어 있으면 #c9d6e3 이 적합합니다. */
.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;
}

/* 소제목 밑줄 (교통·비자 등 안내 페이지용) */
.confBodyBox h3 {
  border-bottom: 2px solid #12314f;
  padding-bottom: 6px;
}

/* 목록 간격 */
.confBodyBox ol li,
.confBodyBox ul li {
  margin-bottom: 8px;
  line-height: 1.7;
}

/* 구분선 */
.confBodyBox hr {
  border: none;
  border-top: 1px solid #d7e0e9;
  margin: 28px 0;
}

/* 본문 이미지 — 반응형 + 둥근 모서리
   (인라인 style이 제거되어도 이미지가 깨지지 않게 함) */
.confBodyBox img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}


/* ============================================================
   5) 표 (Important Dates, 숙박 정보 표 등)
   ============================================================ */
.confBodyBox table th {
  background: #12314f;
  color: #ffffff;
}

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


/* ============================================================
   6) 강조 인용 박스
   (택시기사에게 보여줄 한글 문구 등)
   ============================================================ */
.confBodyBox blockquote {
  background: #fdf6e9;
  border-left: 4px solid #d99b2b;
  margin: 18px 0;
  padding: 14px 20px;
  font-size: 1.15em;
  border-radius: 0 6px 6px 0;
}


/* ============================================================
   7) 지도 버튼 (Venue 페이지)
   ============================================================ */
a[href*="maps.google.com"],
a[href*="map.naver.com"] {
  display: inline-block;
  padding: 8px 18px;
  border-radius: 4px;
  color: #ffffff !important;
  text-decoration: none !important;
  margin: 4px 8px 4px 0;
}

a[href*="maps.google.com"] { background: #12314f; }
a[href*="maps.google.com"]:hover { background: #1a4a78; }

a[href*="map.naver.com"] { background: #03c75a; }
a[href*="map.naver.com"]:hover { background: #02a94d; }


/* ============================================================
   8) 숙박 페이지 예약 버튼
   ★ 호텔을 추가하면 아래 두 목록 모두에 도메인을 추가하세요.
   ============================================================ */
a[href*="marriott.com"],
a[href*="lottehotel.com"],
a[href*="hotelicc"],
a[href*="toyoko-inn"],
a[href*="hotelinterciti"],
a[href*="ramadadaejeon"] {
  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,
a[href*="toyoko-inn"]:hover,
a[href*="hotelinterciti"]:hover,
a[href*="ramadadaejeon"]:hover {
  background: #1a4a78;
}


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


/* ============================================================
   10) 헤더 배경 이미지 (선택)
   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;
}
*/

/* ---------- 타임테이블 블록: 제목이 길어도 시간이 보이도록 ---------- */

/* 제목과 발표자를 줄바꿈 없이 한 줄에 고정 */
div.timetableBlockWrapper {
  flex-wrap: nowrap;
}

/* 제목이 길면 말줄임표로 자름 */
div.timetableBlockTitle {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 발표자명은 줄이지 않고 유지 */
div.timetableBlockPresenters {
  flex-shrink: 0;
  white-space: nowrap;
}