/* 국내 공용 플립북 뷰어 스타일 (kdf-viewer) — 상세페이지 설명서 뷰어(수정 38·43)와 같은 모양
   쓰는 곳: 카탈로그 · 브로슈어 · 포스터 · 지명원/표지판. 고칠 때는 이 파일 하나만 고치면 네 곳이 같이 바뀝니다. */
.kdf-open { cursor: pointer; }
.kdf-row.is-kdf-loading { opacity: .5; }
/* ── 수정 38 : 매뉴얼 플립북 (국내 전용) ── */
.dl-row.kdf-row.is-kdf-loading { opacity: .5; }

/* 뷰어 하단 [PDF 내려받기] 를 눈에 띄게 —
   기본값은 아이콘 하나가 「...」 메뉴 안에 숨어 있어서 영업사원분들이
   "다운로드 어디서 받냐" 고 물어보셨습니다. 밖으로 꺼내고 글씨를 붙입니다.
   선택자를 길게 쓴 이유: dflip.min.css 가 나중에 로드되므로 우선순위로 이겨야 합니다. */
.df-ui .df-ui-btn.df-ui-download {
    width: auto; height: auto; padding: 9px 15px 9px 12px; margin: 4px 6px;
    display: inline-flex; align-items: center; gap: 7px;
    background: #0099B0; color: #fff; border-radius: 7px;
}
.df-ui .df-ui-btn.df-ui-download:hover { background: #007b8d; color: #fff; }
.df-ui .df-ui-btn.df-ui-download:before { font-size: 17px; }
.df-ui .df-ui-btn.df-ui-download span {
    display: inline-block; line-height: 1; white-space: nowrap;
    font-size: 12.5px; font-weight: 700; letter-spacing: -0.2px;
    font-family: 'Noto Sans KR', sans-serif;
}

/* 나머지 주요 버튼에도 글씨를 붙입니다 — 아이콘만으로는 뭔지 모릅니다.
   다운로드만 색을 넣고 이쪽은 회색 글씨로 둬서, 눈이 먼저 다운로드로 가게 합니다.
   확대/축소(+ −)와 「⋯」은 아이콘만으로 충분해서 그대로 뒀습니다. */
.df-ui .df-ui-btn.df-ui-outline,
.df-ui .df-ui-btn.df-ui-thumbnail,
.df-ui .df-ui-btn.df-ui-search,
.df-ui .df-ui-btn[class*="df-ui-fullscreen"] {
    width: auto; height: auto; padding: 9px 11px; margin: 4px 1px;
    display: inline-flex; align-items: center; gap: 6px; border-radius: 7px;
}
.df-ui .df-ui-btn.df-ui-outline span,
.df-ui .df-ui-btn.df-ui-thumbnail span,
.df-ui .df-ui-btn.df-ui-search span,
.df-ui .df-ui-btn[class*="df-ui-fullscreen"] span {
    display: inline-block; line-height: 1; white-space: nowrap; color: #5b686e;
    font-size: 12.5px; font-weight: 600; letter-spacing: -0.2px;
    font-family: 'Noto Sans KR', sans-serif;
}
.df-ui .df-ui-btn.df-ui-outline:before,
.df-ui .df-ui-btn.df-ui-thumbnail:before,
.df-ui .df-ui-btn.df-ui-search:before,
.df-ui .df-ui-btn[class*="df-ui-fullscreen"]:before { font-size: 17px; }

/* ── PDF 안 링크 표시색 (수정 38-2) ──
   DearFlip 기본은 형광 노랑(#ff0)입니다. 눈에는 잘 띄지만 IDIS 색이 아니라
   브랜드 계열의 연한 청록으로 바꿉니다.

   왜 진한 시안(#00a2b9)이 아니라 연한 틴트인가 —
   대비만 계산하면 진한 시안도 5.7:1 로 기준(4.5)을 통과합니다. 그런데
   실제로 칠해보니 링크 글씨가 원래 진한 남색이라 시안 위에서 묻혀 버립니다.
   숫자는 통과인데 눈으로는 읽기 힘든 경우라, 실물을 보고 연한 쪽으로 정했습니다.
   (#9fe0e6 은 검정 글씨 기준 11.8:1)

   dflip.min.css 가 우리 <style> 보다 나중에 로드되므로 !important 가 필요합니다. */
.buttonWidgetAnnotation a,
.customHtmlAnnotation,
.customVideoAnnotation,
a.customLinkAnnotation,
a.df-autolink,
a.linkAnnotation,
section.linkAnnotation a {
    background-color: #9fe0e6 !important;
}
.buttonWidgetAnnotation a:hover,
.customHtmlAnnotation:hover,
.customVideoAnnotation:hover,
a.customLinkAnnotation:hover,
a.df-autolink:hover,
a.linkAnnotation:hover,
section.linkAnnotation a:hover {
    background-color: #00a2b9 !important;   /* 올렸을 때만 진한 IDIS 시안 (기본은 파랑이었음) */
}

/* 좁아지면 글씨부터 접어 막대가 넘치지 않게 합니다.
   ① 900px 밑 — 보조 버튼 글씨를 접는다 (다운로드 글씨는 끝까지 남긴다)
   ② 520px 밑 — 다운로드 글씨도 접는다. 색은 그대로라 여전히 눈에 띈다 */
@media (max-width: 900px) {
    .df-ui .df-ui-btn.df-ui-outline,
    .df-ui .df-ui-btn.df-ui-thumbnail,
    .df-ui .df-ui-btn.df-ui-search,
    .df-ui .df-ui-btn[class*="df-ui-fullscreen"] { padding: 10px 5px; gap: 0; }
    .df-ui .df-ui-btn.df-ui-outline span,
    .df-ui .df-ui-btn.df-ui-thumbnail span,
    .df-ui .df-ui-btn.df-ui-search span,
    .df-ui .df-ui-btn[class*="df-ui-fullscreen"] span { display: none; }
}
@media (max-width: 520px) {
    .df-ui .df-ui-btn.df-ui-download { padding: 9px 11px; }
    .df-ui .df-ui-btn.df-ui-download span { display: none; }
}
/* 수정 43 — 쪽을 그리는 동안: 흰 종이 대신 '불러오는 중' 이 또렷이 보이게
   (원래는 22px 작은 동그라미뿐이라 그냥 흰 화면으로 느껴졌습니다) */
.df-page.df-loading:after,
.df-flipbook-3d.df-loading:after {
    background-size: 44px !important; width: 44px !important; height: 44px !important;
    margin: -22px !important; z-index: 5 !important;
}
.df-page.df-loading:before {
    content: "불러오는 중…"; position: absolute; left: 0; right: 0; top: 50%;
    margin-top: 32px; text-align: center; z-index: 5;
    font: 500 13px 'Noto Sans KR', sans-serif; color: #888;
}
.kdf-toast {
    position: fixed; left: 50%; bottom: 34px; transform: translateX(-50%);
    z-index: 100000; padding: 11px 22px; border-radius: 980px;
    background: rgba(29,29,31,.93); color: #fff; font-size: 13.5px;
    font-family: 'Noto Sans KR', sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,.25);
    pointer-events: none;
}