/* ============================================================================
   W06 브랜드별 글꼴 오버라이드 — 레이아웃에서 **마지막에** 로드한다.

   🔴 W06 은 크라운·긴자 **공용 스킨**이다. 스킨 기본 글꼴(basic.css 의
      `*{font-family:"EsaManru",serif}` + GmarketSans 6규칙)을 직접 바꾸면 크라운까지 바뀐다.
      그래서 `body.brand-<브랜드>` 로 스코프한다(_Layout 이 브랜드 클래스를 붙인다).

   🔴 `body.brand-X *` 가 필요한 이유: 기본 규칙이 **전체선택자 `*`** 라 상속을 이긴다.
      `body.brand-X` 하나만 걸면 자식들은 여전히 `*` 의 EsaManru 를 쓴다.

   🔴 그런데 `*` 로 덮으면 **아이콘 폰트가 깨진다**(remixicon·Font Awesome 은 글리프를
      글꼴로 그린다 — 본문 글꼴을 씌우면 네모·엉뚱한 글자가 나온다).
      그래서 아이콘 요소를 `:not()` 으로 **매칭 자체에서 제외**한다.
      (제외된 요소는 이 규칙이 아예 안 붙으므로 아이콘 CSS 가 그대로 이긴다 — 우선순위 싸움이 아니다.)
      remixicon: `[class^="ri-"]` · `[class*=" ri-"]` / FA: `.fa` `.fas` `.far` `.fab` `.fa-*`
   ============================================================================ */

/* 긴자(ginza) — 업체요청 2026-10-07: 전 화면 Noto Sans KR.
   Noto Sans KR 자체는 basic.css 가 이미 구글에서 @import 하고 있다(추가 로드 없음). */
body.brand-ginza,
body.brand-ginza *:not([class*="ri-"]):not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab) {
    font-family: 'Noto Sans KR', sans-serif;
}

/* ============================================================================
   긴자 — 상단 메뉴 (업체요청 2026-10-07, PPT 2장)
   ============================================================================ */

/* 🔴 데스크톱만. 모바일(≤1024px)은 스킨의 기존 `.order-1~6` 규칙이 지배하므로 건드리지 않는다
      (여기서 같이 바꾸면 모바일 세로 메뉴 순서까지 흔들린다). */
@media (min-width: 1025px) {
    /* 순서 — 시안: 충전·환전·카지노·슬롯·공지사항·고객센터·지인정산·이벤트·출석체크·포인트전환.
       🔴 `<li>` 에 data-nav 식별자를 새로 달아 지정한다(마크업은 공용이라 순서를 직접 못 바꾼다).
          목록에 없는 항목(스포츠·마이크로게이밍·로그아웃)은 뒤로 보낸다. */
    body.brand-ginza ul.menu > li[data-nav="charge"]      { order: 1; }
    body.brand-ginza ul.menu > li[data-nav="exchange"]    { order: 2; }
    body.brand-ginza ul.menu > li[data-nav="casino"]      { order: 3; }
    body.brand-ginza ul.menu > li[data-nav="slot"]        { order: 4; }
    body.brand-ginza ul.menu > li[data-nav="notice"]      { order: 5; }
    body.brand-ginza ul.menu > li[data-nav="customer"]    { order: 6; }
    body.brand-ginza ul.menu > li[data-nav="referral"]    { order: 7; }
    body.brand-ginza ul.menu > li[data-nav="event"]       { order: 8; }
    body.brand-ginza ul.menu > li[data-nav="attendance"]  { order: 9; }
    body.brand-ginza ul.menu > li[data-nav="point"]       { order: 10; }
    body.brand-ginza ul.menu > li[data-nav="sports"]      { order: 11; }
    body.brand-ginza ul.menu > li[data-nav="microgaming"] { order: 12; }
    body.brand-ginza ul.menu > li[data-nav="logout"]      { order: 13; }
}

/* 🔴 메뉴 글자색은 **바꾸지 않는다**. 시안(PPT 2장)의 빨간 글씨는 "이 색으로 해달라"가 아니라
      **순서·추가 항목을 눈에 띄게 적어 둔 주석**이었다(업체 확인 2026-10-07).
      한 번 빨강(#ff3b30)으로 넣었다가 되돌렸다 — 다시 넣지 말 것. */

/* ============================================================================
   긴자 — 로그인/추천인 팝업에 CI 로고 (업체요청 2026-10-07, PPT 1장)
   "로그인창을 키우고 로고를 넣어달라" + "모든 로고 적용영역에 전달한 로고로 교체".

   🔴 로고 표시 자체는 CSS 가 아니라 ConfigMap 의 `Site__Brand__ShowLoginLogo=true` 가 켠다
      (user3.env). 공용 파셜 _LoginPopup 이 그 값으로 `.intro-logo` 블록을 렌더한다.
   🔴 W06 스킨에는 `.intro-logo` 규칙이 **하나도 없다** — 켜기만 하면 에셋 원본 폭(560px)이
      그대로 나와 패널(폼 컬럼 300px)을 넘치고 `overflow:hidden` 에 잘린다. 그래서 여기서 크기를 준다.
   🔴 크라운도 같은 W06 을 쓰므로 반드시 `body.brand-ginza` 스코프 (크라운은 ShowLoginLogo 미설정).

   창 높이는 **직접 지정하지 않는다** — `.intro-wrap` 은 `height:auto` 라 로고 블록이
   들어간 만큼 알아서 늘어난다. 데스크톱 기준 약 360px → 약 516px (시안의 "+45%" 와 일치).
   (세로만 늘고 가로 760px 는 그대로 — 시안 요구와 같다.) */
body.brand-ginza .intro-popup .intro-logo {
    position: relative;
    margin: 0 auto 18px auto;
    padding: 0;
    width: 100%;
    text-align: center;
}
body.brand-ginza .intro-popup .intro-logo > img {
    display: inline-block;
    width: 190px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* 좁은 화면에서는 패널 자체가 420px 로 줄어드니 로고도 같이 줄인다. */
@media (max-width: 470px) {
    body.brand-ginza .intro-popup .intro-logo > img { width: 150px; }
    body.brand-ginza .intro-popup .intro-logo { margin-bottom: 14px; }
}

/* ============================================================================
   긴자 — 헤더 로고 확대 (업체요청 2026-10-08 PPT "로고크기 약간만 더 키워주세요")
   ============================================================================
   🔴 스킨 기본 상한은 layout.css 의 `.logo > img {max-height:102px; max-width:390px}` 인데
      **크라운과 공용**이라 거기서 올리면 크라운 헤더까지 커진다 → 브랜드 스코프로 덮는다.
   🔴 가로형 로고(768×204, 비율 3.76)는 **높이 상한이 먼저 걸린다**(102/204=0.500 < 390/768=0.508).
      그래서 max-height 만 올리면 곧 가로 상한에 막힌다 — **둘을 같이** 올려야 실제로 커진다.
      96/204=0.471 < 366/768=0.477 → 362×96.
   🔴 **2026-10-12 업체 재요청으로 축소** — "로고 이미지를 조금 줄여달라"(PPT 1장).
      10-08 에 키운 444×118 → **362×96**(약 -19%). 스킨 기본(384×102)보다도 살짝 작다.
      같은 자리를 두 번 조정했으므로, 또 요청이 오면 **이 값 하나만** 고칠 것(중복 규칙 금지).
   🔴 데스크톱만. 모바일(≤1024)은 `.top-notice`·`.before-tnb` 가 로고 66px 을 전제로
      `top:80px/112px` 절대배치라 건드리지 않는다. */
@media (min-width: 1025px) {
    body.brand-ginza .logo > img { max-height: 96px; max-width: 366px; }
}

/* ============================================================================
   긴자 — 메인 히어로 배너를 아래 카드와 같은 컨테이너에 맞춤
   (업체요청 2026-10-08 PPT: A 영역이 B·C 와 좌우가 맞아야 한다)
   ============================================================================
   🔴 스킨 원본은 히어로를 **전체폭**으로 깐다(`.hero-inner{width:100%}`). 크라운 배너는 그 전제로
      만들어져 괜찮지만, 긴자 배너는 고정 비율 이미지라 넓은 화면에서 혼자 끝까지 늘어나
      아래 `.container`(1430px 중앙)와 좌우가 어긋났다(실측 1898px 화면에서 히어로만 L0 W1898).
   🔴 수치는 `.container` 와 **같은 값**을 쓴다(layout.css:106 width:1430 / padding:0 15px,
      그리고 106행과 짝인 1460px 미디어쿼리에서 100%). 둘이 갈라지면 다시 어긋난다. */
body.brand-ginza .hero-inner { width: 1430px; padding: 0 15px; }
@media (max-width: 1460px) {
    body.brand-ginza .hero-inner { width: 100%; }
}