/* nopickle UI v15 - v13 좋은거 + v14 헤더/메뉴 병합본
   - v13의 h2, li(빨간점/숫자뱃지/형광펜 strong), 테이블, 태그, 댓글 전부 복구
   - v14의 싱글 헤더 카드 + 상단 메뉴 리디자인 추가
   Path: /assets/css/nopickle-game-optimized.css
*/
:root{--ac:#ef4444;--bd:#eceff3;--rd:16px;--sp:cubic-bezier(.34,1.56,.64,1);--sm:cubic-bezier(.22,1,.36,1)}
body{background:#f6f7f9!important}

/* 검색 */
.wp-block-search__label{display:block!important;font-size:17px!important;font-weight:800!important;color:#111827!important;padding:14px 16px 6px!important;margin:0!important}
.widget-area .widget{background:#fff!important;border:1px solid var(--bd)!important;border-radius:var(--rd)!important;box-shadow:0 2px 12px rgba(0,0,0,.04)!important;overflow:visible!important;transition:transform .4s var(--sp),box-shadow .3s var(--sm)!important}
.widget-area .widget:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.08)!important}
.widget-title{font-size:15px!important;font-weight:800!important;padding:12px 14px!important;margin:0!important;border-bottom:1px solid #f1f5f9!important}
.wp-block-search__inside-wrapper,.widget_search .search-form{display:flex!important;gap:6px!important;padding:10px 12px 12px!important;align-items:center!important}
.wp-block-search__input,.widget_search .search-field{flex:1!important;width:0!important;min-width:0!important;height:40px!important;border-radius:10px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:0 12px!important;position:static!important}
.wp-block-search__button,.widget_search .search-submit{height:40px!important;min-width:58px!important;border-radius:10px!important;background:#111827!important;position:static!important;flex:0 0 auto!important}
#right-sidebar .widget:nth-of-type(2),#block-8{background:#151821!important;border:1px solid #232636!important;border-radius:14px!important;overflow:hidden!important}
#right-sidebar .widget:nth-of-type(2) .widget-title,#block-8 .widget-title{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border:0!important;font-size:13px!important;padding:10px 12px!important;display:flex!important;justify-content:space-between!important}
#right-sidebar .widget:nth-of-type(2) ul li{padding:9px 12px!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:#cbd5e1!important;font-size:13px!important;transition:all .25s var(--sp)!important}
#right-sidebar .widget:nth-of-type(2) ul li:hover{background:rgba(255,255,255,.07)!important;transform:translateX(4px);color:#fff!important}

/* 썸네일 작게 */
.post-image,.featured-image{width:100%!important;max-width:680px!important;display:block!important;float:none!important;overflow:hidden!important;border-radius:12px!important;margin:0 auto 20px auto!important;background:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.07)!important;transition:transform .4s var(--sp),box-shadow .35s var(--sm)!important;will-change:transform!important}
.post-image img,.featured-image img{width:100%!important;height:auto!important;max-height:380px!important;object-fit:contain!important;display:block!important;transition:transform .5s var(--sm),filter .3s ease!important}
.post-image:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
.post-image:hover img{transform:scale(1.02)!important;filter:brightness(1.02)!important}
.post-image::after,.featured-image::after{display:none!important}

/* ===== entry-title - 목록은 형광펜, 싱글은 카드 ===== */
/* 목록(아카이브)용 - v13 스타일 유지 */
.entry-title{margin:0 0 10px 0!important;padding:0!important;font-size:0!important;line-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.entry-title a{
  display:inline!important;font-size:26px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:-.04em!important;
  color:#111827!important;text-decoration:none!important;
  background:linear-gradient(180deg, transparent 62%, #fee2e2 62%)!important;
  background-repeat:no-repeat!important;background-size:0% 100%!important;background-position:0 0!important;
  padding:2px 0!important;transition:background-size .45s var(--sm),color .2s ease!important;word-break:keep-all!important;overflow-wrap:break-word!important;
}
.entry-title a:hover{background-size:100% 100%!important;color:#111827!important}

/* 싱글용 - v14 카드 스타일로 덮어쓰기 */
.single .inside-article .entry-header{
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%)!important;
  border:1px solid #eef2f7!important;border-radius:16px!important;
  padding:26px 28px 18px!important;margin:-8px -8px 22px -8px!important;
  box-shadow:0 4px 20px rgba(0,0,0,.04)!important;position:relative!important;overflow:hidden!important;
}
.single .inside-article .entry-header::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg, #ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6)}
.single .entry-header .entry-title{font-size:0!important;margin:0 0 14px 0!important;padding:0!important;background:none!important;border:0!important}
.single .entry-header .entry-title,
.single .entry-header .entry-title a,
.single h1.entry-title{
  font-size:34px!important;line-height:1.25!important;letter-spacing:-.04em!important;font-weight:900!important;
  color:#0f172a!important;display:block!important;background:none!important;padding:0!important;margin:0!important;
}
.single .entry-header .entry-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;margin:0!important;font-size:13px!important;color:#64748b!important}
.single .entry-meta .posted-on,.single .entry-meta .byline{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  background:#f8fafc!important;border:1px solid #eef2f7!important;border-radius:999px!important;padding:6px 12px!important;font-weight:500!important;
}
.single .entry-meta .posted-on::before{content:"📅";font-size:12px}
.single .entry-meta .byline::before{content:"✍️";font-size:12px}
.single .entry-meta a{color:#0f172a!important;font-weight:700!important;text-decoration:none!important}
.single .entry-meta a:hover{color:var(--ac)!important}
.entry-header{margin-bottom:16px!important}
.entry-meta{font-size:13px!important;color:#94a3b8!important;margin-top:8px!important}
.entry-meta a{color:#64748b!important;text-decoration:none!important}
.entry-meta a:hover{color:var(--ac)!important}

/* ===== h2 복구 - v13 스타일 ===== */
.entry-content h2.wp-block-heading,.entry-content h2{
  position:relative!important;font-size:24px!important;font-weight:800!important;line-height:1.35!important;color:#111827!important;
  margin:40px 0 18px 0!important;padding:12px 16px 12px 18px!important;
  background:#fff!important;border:1px solid #eef2f7!important;border-left:5px solid var(--ac)!important;border-radius:0 10px 10px 0!important;
  box-shadow:0 2px 10px rgba(0,0,0,.03)!important
}
.ez-toc-section{scroll-margin-top:90px!important}

/* ===== li 복구 - 빨간점 + 숫자뱃지 + 형광펜 strong ===== */
.entry-content ul,.entry-content ol{margin:18px 0!important;padding:0!important;list-style:none!important}
.entry-content ul li,.entry-content ol li{
  position:relative!important;background:#fff!important;border:1px solid #eef2f7!important;border-radius:10px!important;
  padding:12px 16px 12px 38px!important;margin:0 0 8px 0!important;font-size:15px!important;line-height:1.6!important;color:#334155!important;
  box-shadow:0 1px 3px rgba(0,0,0,.03)!important;transition:all .22s var(--sp)!important
}
.entry-content ul li::before{
  content:""!important;position:absolute!important;left:14px!important;top:18px!important;
  width:7px!important;height:7px!important;background:var(--ac)!important;border-radius:50%!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.15)!important
}
.entry-content ol{counter-reset:np-ol!important}
.entry-content ol li{counter-increment:np-ol!important}
.entry-content ol li::before{
  content:counter(np-ol)!important;position:absolute!important;left:10px!important;top:11px!important;
  width:22px!important;height:22px!important;background:#111827!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;display:grid!important;place-items:center!important;border-radius:6px!important
}
.entry-content li strong{
  color:#111827!important;font-weight:800!important;
  background:linear-gradient(180deg,transparent 60%,#fef2f2 60%)!important;padding:0 2px!important;border-radius:3px!important
}
.entry-content ul li:hover,.entry-content ol li:hover{transform:translateX(4px)!important;border-color:#e2e8f0!important;box-shadow:0 6px 18px rgba(0,0,0,.06)!important;background:#fff!important}
.entry-content li ul,.entry-content li ol{margin:10px 0 0 0!important}
.entry-content li ul li,.entry-content li ol li{background:#f8fafc!important;border:1px dashed #e2e8f0!important;box-shadow:none!important;padding:10px 14px 10px 32px!important}
.entry-content li ul li::before{width:6px!important;height:6px!important;background:#94a3b8!important;box-shadow:none!important;top:17px!important;left:12px!important}

/* 테이블 */
.wp-block-table{margin:20px 0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 3px 16px rgba(0,0,0,.05)!important;border:1px solid #eef2f7!important}
.wp-block-table table{width:100%!important;border-collapse:collapse!important;margin:0!important;table-layout:fixed!important}
.wp-block-table thead{background:linear-gradient(135deg,#111827 0%,#1e293b 100%)!important}
.wp-block-table thead th{color:#fff!important;font-weight:700!important;font-size:13px!important;padding:12px 14px!important;text-align:left!important;border:0!important;white-space:nowrap!important}
.wp-block-table tbody tr{background:#fff!important;border-bottom:1px solid #f1f5f9!important;transition:background .2s ease!important}
.wp-block-table tbody tr:nth-child(even){background:#f8fafc!important}
.wp-block-table tbody tr:hover{background:#fef2f2!important}
.wp-block-table tbody td{padding:10px 14px!important;font-size:13px!important;color:#334155!important;border:0!important;word-break:keep-all!important}
.wp-block-table tbody td:first-child{font-weight:600!important;color:#111827!important}

/* 카테고리/태그 */
.cat-links,.tags-links{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;margin:6px 0!important;padding:0!important;background:transparent!important;border:0!important}
.cat-links .gp-icon,.tags-links .gp-icon,.cat-links .screen-reader-text,.tags-links .screen-reader-text{display:none!important}
.cat-links a{display:inline-flex!important;align-items:center!important;gap:6px!important;background:#111827!important;color:#fff!important;border-radius:999px!important;padding:6px 12px!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;transition:all .2s var(--sp)!important}
.cat-links a:hover{transform:translateY(-2px) scale(1.03)!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important;background:#000!important;color:#fff!important}
.tags-links a{display:inline-flex!important;align-items:center!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:999px!important;padding:5px 10px!important;font-size:11px!important;font-weight:500!important;color:#475569!important;text-decoration:none!important;transition:all .2s var(--sp)!important}
.tags-links a:hover{background:#111827!important;color:#fff!important;border-color:#111827!important;transform:translateY(-1px) scale(1.04)!important}
.tags-links a::before{content:"#";margin-right:2px;color:#94a3b8;font-weight:700}
.tags-links a:hover::before{color:#fff}

/* 댓글 */
.comments-area{margin-top:28px!important;background:#fff!important;border:1px solid var(--bd)!important;border-radius:var(--rd)!important;box-shadow:0 2px 12px rgba(0,0,0,.04)!important;padding:20px!important}
.comment-reply-title{font-size:18px!important;font-weight:800!important;margin:0 0 16px 0!important;padding-bottom:12px!important;border-bottom:2px solid #f1f5f9!important;display:flex!important;align-items:center!important;gap:8px!important}
.comment-reply-title::before{content:"💬";font-size:18px}
.logged-in-as{background:#f8fafc!important;border:1px solid #eef2f7!important;border-radius:10px!important;padding:10px 14px!important;font-size:13px!important;color:#64748b!important;margin-bottom:16px!important}
#comment{width:100%!important;min-height:120px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;padding:14px!important;font-size:14px!important;box-sizing:border-box!important;transition:all .25s var(--sm)!important;resize:vertical!important}
#comment:focus{background:#fff!important;border-color:#111827!important;box-shadow:0 0 0 3px rgba(17,24,39,.08)!important;outline:0!important}
.form-submit{margin:0!important;display:flex!important;justify-content:flex-end!important}
#submit.submit{background:linear-gradient(135deg,#111827,#000)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:10px 20px!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;transition:all .25s var(--sp)!important}
#submit.submit:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 20px rgba(0,0,0,.2)!important}

/* ===== 상단 메뉴 - v14 유지 ===== */
.site-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px) saturate(180%)!important;border-bottom:1px solid var(--bd)!important;position:sticky!important;top:0!important;z-index:100!important}
.inside-header{max-width:1320px!important;margin:0 auto!important;padding:8px 18px!important}
.main-navigation .inside-navigation{display:flex!important;align-items:center!important;gap:12px!important}
#menu-menu1.menu.sf-menu{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;align-items:center!important;overflow-x:auto!important;scrollbar-width:none!important;padding:4px 0!important}
#menu-menu1.menu.sf-menu::-webkit-scrollbar{display:none!important}
#menu-menu1 > li{margin:0!important}
#menu-menu1 > li > a{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:10px 14px!important;border-radius:999px!important;font-size:14px!important;font-weight:600!important;
  color:#334155!important;background:transparent!important;border:1px solid transparent!important;white-space:nowrap!important;
  transition:all .2s var(--sp)!important;text-decoration:none!important
}
#menu-menu1 > li > a:hover,#menu-menu1 > li.current-menu-item > a,#menu-menu1 > li.current-post-ancestor > a{
  background:#111827!important;color:#fff!important;border-color:#111827!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important
}
#menu-menu1 .sub-menu{
  background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px)!important;border:1px solid #eef2f7!important;border-radius:14px!important;
  box-shadow:0 12px 40px rgba(0,0,0,.12)!important;padding:8px!important;min-width:210px!important;top:calc(100% + 8px)!important;
  opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:all .25s var(--sm)!important;display:block!important
}
#menu-menu1 li:hover > .sub-menu{opacity:1!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}
#menu-menu1 .sub-menu li{margin:0!important;width:100%!important}
#menu-menu1 .sub-menu li a{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-radius:10px!important;font-size:13px!important;font-weight:500!important;color:#334155!important;background:transparent!important;transition:all .18s ease!important}
#menu-menu1 .sub-menu li a:hover{background:#f8fafc!important;color:#0f172a!important;transform:translateX(3px)!important}
#menu-menu1 .sub-menu .sub-menu{left:100%!important;top:0!important;margin-left:8px!important}
.dropdown-menu-toggle{display:none!important}

@media(max-width:768px){
  .entry-title a{font-size:21px!important}
  .single .entry-header .entry-title,.single h1.entry-title{font-size:26px!important}
  .single .inside-article .entry-header{padding:18px 16px 14px!important;margin:-6px -6px 18px -6px!important}
  .post-image,.featured-image{max-width:100%!important}
  .entry-content h2.wp-block-heading,.entry-content h2{font-size:20px!important}
  .entry-content ul li,.entry-content ol li{padding:10px 12px 10px 34px!important;font-size:14px!important}
  #menu-menu1 > li > a{padding:8px 10px!important;font-size:13px!important}
}


/* ===== 다운로드 센터 카테고리 겹침 최종 패치 - v15 뒤에 덮어쓰기 ===== */
.cat-links{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;
  align-items:center!important;margin:12px 0!important;
  line-height:1!important;
}
.cat-links a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:7px!important;
  background:#111827!important;color:#fff!important;
  border-radius:999px!important;padding:8px 14px 8px 12px!important;
  font-size:13px!important;font-weight:700!important;line-height:1.2!important;
  text-decoration:none!important;white-space:nowrap!important;
  position:relative!important;z-index:1!important;
  overflow:visible!important;
  box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
}
.cat-links a img.emoji,
.cat-links a .emoji{
  display:inline-block!important;
  width:18px!important;height:18px!important;min-width:18px!important;
  margin:0!important;padding:0!important;
  vertical-align:middle!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  position:relative!important;z-index:2!important;
  flex:0 0 auto!important;
}
/* 텍스트가 뒤로 가는거 방지 */
.cat-links a{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.cat-links a:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important}


/* ===== 2차 메뉴 안보임 긴급 패치 - v16 위에 덮어쓰기 ===== */
/* 1. 부모들의 overflow 잘림 전부 해제 */
.site-header, .inside-header, .main-navigation, .main-navigation .inside-navigation{
  overflow:visible!important;
}
#menu-menu1.menu.sf-menu{
  overflow:visible!important; /* auto 때문에 잘리던거 해제 */
  flex-wrap:wrap!important; /* 줄바꿈 허용해야 드롭다운 공간 확보 */
}

/* 2. 2차 메뉴 강제 표시 */
#menu-menu1 .sub-menu{
  display:block!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:0!important;
  top:100%!important;
  z-index:9999!important;
  background:#fff!important;
  border:1px solid #e2e8f0!important;
  border-radius:12px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.15)!important;
  padding:8px!important;
  min-width:220px!important;
  margin-top:10px!important;
  transform:translateY(10px)!important;
  transition:all .22s cubic-bezier(.22,1,.36,1)!important;
}
#menu-menu1 li{position:relative!important}
#menu-menu1 li:hover > .sub-menu,
#menu-menu1 li:focus-within > .sub-menu{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
#menu-menu1 .sub-menu .sub-menu{
  left:100%!important;
  top:-8px!important;
  margin-left:8px!important;
  margin-top:0!important;
}

/* 3. 모바일에서는 가로 스크롤 유지하되 호버는 클릭으로 */
@media(max-width:1024px){
  #menu-menu1.menu.sf-menu{overflow-x:auto!important;flex-wrap:nowrap!important}
  #menu-menu1 .sub-menu{position:absolute!important}
}