/* ================================================ */
/* WIA Book 출판사 사이트 추가 CSS */
/* wiabook.com - 완전 정리본 */
/* 2026-05-31: 사이버틱 네온 다크 → 따뜻한 라이트 전환 */
/*   (브랜드 '온기' 정렬 · 아이보리 + 따뜻 차콜 글자 + 앰버 CTA) */
/*   기능 규칙(메가메뉴/책그리드/이모지/글살림숨김)은 100% 보존 */
/*   네온 원본 백업: wiabook_css_3151_original.bak.css */
/* ================================================ */

/* ================================================ */
/* 1. 기본 레이아웃 */
/* ================================================ */
@media (min-width: 769px) {
    body {
        padding: 30px;
    }
    .site-footer {
        margin-top: 30px;
    }
}

.photo-shadow img {
    box-shadow: 10px 10px 0px rgba(237,235,235,0.8);
}

.woocommerce table.shop_attributes th {
    font-size: 16px;
}

.woocommerce table.shop_attributes td p {
    padding: 8px 16px;
    font-size: 16px;
}

.container {
    max-width: 95% !important;
    margin: 2em auto;
}

/* ================================================ */
/* 2. 메뉴 - 따뜻한 라이트 (구 네온 블루) */
/* ================================================ */
.main-navigation {
    background: #fffaf5 !important;
    border-bottom: 1px solid #ece3d6;
    box-shadow: 0 2px 14px rgba(120,90,50,0.06);
    position: relative;
}

.main-navigation a {
    color: #3a322b !important;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    transition: all 0.25s ease;
    position: relative;
}

.main-navigation a:hover {
    color: #1a1410 !important;
    background: #f4ece0 !important;
    transform: translateY(-1px);
}

.main-navigation .current-menu-item a {
    color: #b56a23 !important;
    font-weight: 700;
}

.main-navigation .sub-menu {
    background: #ffffff !important;
    border: 1px solid #ece3d6;
    box-shadow: 0 12px 34px rgba(120,90,50,0.12);
}

.main-navigation li {
    margin: 0 5px;
}

.menu-toggle {
    background: #fffaf5 !important;
    border: 1px solid #e6dccb !important;
    color: #3a322b !important;
}

.menu-toggle:hover {
    background: #f4ece0 !important;
    box-shadow: 0 2px 10px rgba(120,90,50,0.12);
}

.site-logo img,
.site-title a {
    transition: all 0.3s ease;
}

.site-logo:hover img,
.site-title:hover a {
    filter: drop-shadow(0 3px 8px rgba(120,90,50,0.18));
}

/* ================================================ */
/* 3. 메가메뉴 스타일 - 7개 대분류 (구조 보존, 색만 라이트) */
/* ================================================ */
#menu-item-390664,
#menu-item-391138,
#menu-item-391182,
#menu-item-391200,
#menu-item-391210,
#menu-item-391244,
#menu-item-391718 {
    position: static !important;
}

#menu-item-390664-sub-menu,
#menu-item-391138-sub-menu,
#menu-item-391182-sub-menu,
#menu-item-391200-sub-menu,
#menu-item-391210-sub-menu,
#menu-item-391244-sub-menu,
#menu-item-391718-sub-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    display: none;
    flex-wrap: wrap !important;
    padding: 20px 30px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-top: 2px solid #c47d3a !important;
    box-shadow: 0 14px 34px rgba(120,90,50,0.14) !important;
}

#menu-item-390664:hover > #menu-item-390664-sub-menu,
#menu-item-390664-sub-menu:hover,
#menu-item-391138:hover > #menu-item-391138-sub-menu,
#menu-item-391138-sub-menu:hover,
#menu-item-391182:hover > #menu-item-391182-sub-menu,
#menu-item-391182-sub-menu:hover,
#menu-item-391200:hover > #menu-item-391200-sub-menu,
#menu-item-391200-sub-menu:hover,
#menu-item-391210:hover > #menu-item-391210-sub-menu,
#menu-item-391210-sub-menu:hover,
#menu-item-391244:hover > #menu-item-391244-sub-menu,
#menu-item-391244-sub-menu:hover,
#menu-item-391718:hover > #menu-item-391718-sub-menu,
#menu-item-391718-sub-menu:hover {
    display: flex !important;
}

#menu-item-390664-sub-menu > li,
#menu-item-391138-sub-menu > li,
#menu-item-391182-sub-menu > li,
#menu-item-391200-sub-menu > li,
#menu-item-391210-sub-menu > li,
#menu-item-391244-sub-menu > li,
#menu-item-391718-sub-menu > li {
    width: 11.11% !important;
    min-width: 100px !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 5px 10px !important;
    border-right: 1px solid rgba(120,90,50,0.12);
}

#menu-item-390664-sub-menu > li:nth-child(9n),
#menu-item-391138-sub-menu > li:nth-child(9n),
#menu-item-391182-sub-menu > li:nth-child(9n),
#menu-item-391200-sub-menu > li:nth-child(9n),
#menu-item-391210-sub-menu > li:nth-child(9n),
#menu-item-391244-sub-menu > li:nth-child(9n),
#menu-item-391718-sub-menu > li:nth-child(9n) {
    border-right: none;
}

#menu-item-390664-sub-menu > li > a,
#menu-item-391138-sub-menu > li > a,
#menu-item-391182-sub-menu > li > a,
#menu-item-391200-sub-menu > li > a,
#menu-item-391210-sub-menu > li > a,
#menu-item-391244-sub-menu > li > a,
#menu-item-391718-sub-menu > li > a {
    font-weight: bold !important;
    font-size: 14px !important;
    color: #b56a23 !important;
    border-bottom: 1px solid rgba(180,106,35,0.30);
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* ================================================ */
/* 4. 책 표지 이미지 - 2:3 비율 (책장 스타일) */
/* ⚠️ 메뉴 제외 - 콘텐츠 영역만 적용 */
/* ================================================ */

/* 책 표지 - site-main 안에서만 적용 */
.site-main .woocommerce ul.products li.product a img,
.site-main .gb-query-loop-item .gb-block-image img,
.site-main .book-cover img,
.site-main .product-image img,
.entry-content .book-cover img {
    aspect-ratio: 2/3 !important;
    object-fit: cover !important;
    width: 100% !important;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 책 표지 호버 효과 */
.site-main .woocommerce ul.products li.product a img:hover,
.site-main .book-cover img:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
}

/* 책 그리드 - 5열 (데스크탑) */
@media (min-width: 769px) {
    .site-main .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 25px !important;
    }
}

/* 태블릿 - 3열 */
@media (min-width: 481px) and (max-width: 768px) {
    .site-main .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px !important;
    }
}

/* 모바일 - 2열 */
@media (max-width: 480px) {
    .site-main .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }
}

/* 사이드바 작은 썸네일 */
.sidebar .book-thumbnail img,
.widget .book-cover img {
    aspect-ratio: 2/3 !important;
    width: 80px !important;
    height: 120px !important;
    object-fit: cover !important;
}

/* 책 제목 */
.site-main .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 책 가격 */
.site-main .woocommerce ul.products li.product .price {
    color: #667eea;
    font-weight: bold;
}

/* ================================================ */
/* 5. 이모지 크기 제한 */
/* ================================================ */
img.emoji,
img.wp-smiley {
    height: 1em !important;
    width: 1em !important;
    max-height: 1em !important;
    max-width: 1em !important;
    vertical-align: -0.1em !important;
    display: inline !important;
}

h1 img.emoji,
h2 img.emoji,
h3 img.emoji {
    height: 1em !important;
    width: 1em !important;
    max-height: 48px !important;
    max-width: 48px !important;
}

.entry-content img.emoji {
    height: 1em !important;
    width: 1em !important;
    max-height: 24px !important;
    max-width: 24px !important;
}

/* ================================================ */

/* ================================================ */
/* WIA Book 헤더/히어로 - 아이보리 (구 다크 #0d1b2a) */
/* 무지개 오버레이는 보존하되 밝은 톤에 맞춰 은은하게 */
/* ================================================ */

.site-header, header.site-header {
    background: #fffaf5 !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid #f0e8dc !important;
    position: relative !important;
    overflow: hidden !important;
}
.site-header::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(270deg, rgba(255,0,0,0.10), rgba(255,165,0,0.10), rgba(255,255,0,0.10), rgba(0,255,0,0.10), rgba(0,150,255,0.10), rgba(75,0,130,0.10), rgba(148,0,211,0.10), rgba(255,0,0,0.10));
    background-size: 400% 400%;
    animation: wiaHeroRainbow 20s linear infinite;
    pointer-events: none;
    z-index: 0;
}
.site-header > * { position: relative; z-index: 1; }
@keyframes wiaHeroRainbow {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* inside-header 패딩 오버라이드 */
.inside-header {
    padding: 12px 20px !important;
}

/* 로고 크기 제한 (네온 글로우 제거) */
.site-header .site-logo img,
.site-header .custom-logo {
    max-width: 320px !important;
    height: auto !important;
}

/* 히어로 전체 너비 */
.wiabook-hero-wrap {
    border-radius: 0 !important;
    margin-top: -1px !important;
}

/* 히어로 CTA 호버 */
.wiabook-hero-wrap a[href="/write/"]:hover,
.wiabook-hero-wrap a[href*="write"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(120,90,50,0.22) !important;
}
.wiabook-hero-wrap a[href="/shop/"]:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}

/* 히어로 반응형 */
@media (max-width: 768px) {
    .wiabook-hero-wrap h1 {
        font-size: 2em !important;
    }
    .wiabook-hero-wrap {
        padding: 40px 16px 36px !important;
    }
}

@media (max-width: 480px) {
    .wiabook-hero-wrap h1 {
        font-size: 1.6em !important;
    }
    .wiabook-hero-wrap img[alt="WIA Book"] {
        width: 160px !important;
    }
}
/* End WIA Book CSS */
/* ================================================ */

/* 헤더 메뉴: 글살림(geulsalim) 숨김 - 2026-05-30 */
.menu-item-399722 { display: none !important; }

/* 2026-06-01 라이트 전환: Book Shop·장바구니 메뉴 흰글자 → 먹색 (밝은 헤더 가독) */
li.menu-item-390076 > a, li.menu-item-390070 > a,
li.menu-item-390076 > a span, li.menu-item-390070 > a span { color: #2b2622 !important; }

/* === WIA 라이트 nav 호버 통일 (2026-06-01): 드롭다운 열림/호버 다크(var(--contrast-2)) → 따뜻 라이트 === */
.main-navigation .main-nav ul li.menu-item-has-children:hover > a,
.main-navigation .main-nav ul li.sfHover > a,
.main-navigation .main-nav ul li.menu-item:hover > a,
.main-navigation .main-nav ul li > a:hover,
.main-navigation .main-nav ul li > a:focus {
    background-color: #fdf3e7 !important;
    color: #b56a23 !important;
}
.main-navigation .main-nav ul ul { background-color: #ffffff !important; }
.main-navigation .main-nav ul ul li > a { color: #3a322b !important; }
.main-navigation .main-nav ul ul li > a:hover,
.main-navigation .main-nav ul ul li.sfHover > a {
    background-color: #fdf3e7 !important;
    color: #b56a23 !important;
}

/* === 현재 메뉴 항목(예: /about/의 WIA Book) 회색 박스(#5e5e69) → 크림 (2026-06-01) === */
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
    background-color: #fdf3e7 !important;
    color: #b56a23 !important;
}


/* 검색/아카이브 페이지네이션 중앙정렬 (2026-06-03) */
.paging-navigation .nav-links{text-align:center;justify-content:center;}


/* === Contact 페이지 CF7 폼 모바일 가로 오버플로우 수정 (2026-08-20) ===
   .gb-container-c09c54f7는 flex-direction:column + align-items:center라
   자식 .wpcf7(div)가 컨테이너 폭에 stretch되지 않고 자기 콘텐츠 크기
   (409px)로 fit-content되어 375px 뷰포트를 벗어남 — 라벨 텍스트 좌측이
   잘려 보이던 원인(min-width:0은 원인 오판, 실제 무관 — cross-axis
   align-items:center가 stretch를 막은 것). 원본 템플릿에 이미 있던
   버그(이번 Contact 개편과 무관), width:100%로 해결. */
.gb-container-c09c54f7 .wpcf7 { width: 100%; box-sizing: border-box; }