/* ==========================================================================
   promo.css — 고정 노출 슬롯 (신규)
   --------------------------------------------------------------------------
   순위 목록 1위 카드 **바로 위**에 붙는 카드.

   카드 모양은 일반 순위 카드와 **완전히 같게** 둔다 (사용자 지시 2026-09-13).
   달라지는 건 순위 숫자 자리에 들어가는 NEW 배지 하나뿐이다. 그래서 여기에는
   배경·테두리를 따로 칠하지 않는다 — 각 페이지의 .ad-list-item 규칙이
   그대로 적용된다.

   ⚠️ 그 .ad-list-item / .pc-* 규칙의 출처가 페이지마다 다르다:
     /webhard → v2-port.css 가 전역으로 정의
     홈       → top3-widget.css 가 전부 `.widget-top3-container` 스코프로 정의
   그래서 홈의 슬롯 div 에는 `widget-top3-container` 클래스를 같이 준다
   (index.php). 안 주면 홈에서만 카드가 맨 HTML 로 떨어진다.
   ========================================================================== */

.promo-slot { margin: 0; }

/* 슬롯 안에서는 카드가 유일한 자식이라 `:last-child` 규칙에 걸린다 — filetop 목록은
   그걸 2px 로, webchart 홈은 `border-bottom:0 !important` 로 만든다. 둘 다 이기도록
   명시도를 올리고 !important 를 쓴다. 목록 카드와 같은 1px 가 되어야 한다.
   윗선은 목록이 원래 갖고 있던 2px 보다 연하게 — 카드가 허공에 뜨지 않게 경계만 준다. */
.promo-slot.has-promo .ad-list-item.promo-item {
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #ddd !important;
}
[data-theme="dark"] .promo-slot.has-promo .ad-list-item.promo-item { border-top-color: #2a2a2a !important; border-bottom-color: #333 !important; }

/* 순위 숫자 자리의 NEW 배지 — .pc-rank 는 폭 50px 라 작게 유지한다.
   홈 스코프의 `* { margin:0; padding:0 }` 리셋이 promo.css 보다 나중에
   주입되므로 .promo-slot 을 앞에 붙여 명시도를 올린다. */
.promo-slot .pc-rank-new {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 4px;
  background: #f97316;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: .03em;
  white-space: nowrap;
}

/* 로고가 아직 없는 사업자 — core.js 의 whAttachLogoFallback 이 여기로 떨어뜨린다.
   깨진 이미지 아이콘 대신 사이트 이름을 보여준다. 크기·테두리는 .pc-logo 가
   그대로 쥐고 있으므로 여기서는 안쪽 배치만 정한다. */
.pc-logo--empty {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  color: #6b7280;
  word-break: keep-all;
  padding: 6px !important;
}

@media (max-width: 1024px) {
  .promo-slot .pc-rank-new { padding: 2px 5px; font-size: 10px; }
  .pc-logo--empty { font-size: 11px; }
}

[data-theme="dark"] .pc-logo--empty { color: #9ca3af; }

/* 슬롯이 실제로 떠 있을 때만 뒤 목록의 윗 테두리를 지운다 — 1위 카드에 그대로
   이어 붙이기 위해서다(이중선·틈 방지). 홈 위젯 컨테이너는 top3-embed.js 가
   border-top 을 인라인으로 박아서 !important 가 필요하다. */
.promo-slot.has-promo + .ad-list-container { border-top: 0 !important; }
.promo-slot.has-promo + .widget-top3-container { border-top: 0 !important; }