/**
 * 인천송도교회 공용 디자인 토큰 + 웹폰트 (CDN)
 *
 * icsd-homepage, icsd-sermon-archive, icsd-boards 세 플러그인의 모든 화면이
 * 이 파일 하나를 공유합니다. 색을 바꾸고 싶으면 아래 :root 값만 고치면
 * 전체 사이트에 반영됩니다.
 *
 * 배색은 사랑의교회(sarang.org) 스타일을 참고한 화이트·블루 계열입니다.
 */

/* Pretendard - jsdelivr CDN */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

:root{
	--sm-bg:#F6F7F9;
	--sm-card:#FFFFFF;
	--sm-border:#E5E8EC;
	--sm-text:#1A1D21;
	--sm-text-sub:#6B7280;
	--sm-accent:#1E6FEB;
	--sm-accent-on:#FFFFFF;

	/* ---- 히어로 전용 (실제 설교 썸네일 위 오버레이) ---- */
	--hero-dark:#0B1220;
}

/* -------------------------------------------------
 * 공용 사이트 헤더/푸터
 * icsd_site_header() / icsd_site_footer() 헬퍼(icsd-homepage.php,
 * icsd-sermon-archive.php, icsd-boards.php에 동일하게 정의됨)가 출력하는
 * 마크업과 짝을 이루는 스타일입니다. 모든 페이지가 이 파일을 불러오므로
 * 설교/교제/앨범 게시판을 포함한 사이트 전체에 같은 상단 메뉴가 나옵니다.
 * ------------------------------------------------- */
*{box-sizing:border-box}
.icsd-wrap{max-width:1100px;margin:0 auto;padding:0 24px}

.icsd-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-bottom:.5px solid var(--sm-border);font-family:'Pretendard',sans-serif}
.icsd-header .icsd-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px}
.icsd-logo{font-family:'Pretendard',sans-serif;font-weight:700;font-size:18px;text-decoration:none;color:var(--sm-text);display:flex;align-items:center}
.icsd-logo img{height:32px;width:auto;display:block}
.icsd-nav{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.icsd-nav a{font-size:14px;text-decoration:none;color:var(--sm-text-sub)}
.icsd-nav a:hover{color:var(--sm-accent)}
.icsd-nav-toggle{display:none;background:none;border:none;padding:8px;margin:-8px;cursor:pointer;color:var(--sm-text)}
.icsd-nav-toggle svg{width:24px;height:24px;display:block}

.icsd-footer{background:#080D18;color:rgba(255,255,255,.55);text-align:center;font-size:12px;padding:24px;font-family:'Pretendard',sans-serif}

@media (max-width:760px){
	.icsd-nav-toggle{display:block}
	.icsd-nav{display:none;flex-direction:column;gap:0;list-style:none;margin:0;padding:8px 0;position:absolute;top:100%;left:0;right:0;background:var(--sm-card);border-bottom:.5px solid var(--sm-border);box-shadow:0 8px 16px rgba(16,24,40,.08)}
	.icsd-nav.is-open{display:flex}
	.icsd-nav li{width:100%}
	.icsd-nav a{display:block;padding:14px 24px;border-bottom:.5px solid var(--sm-border)}
}