/* ============================================================
   SEVEN STAR 테마 (gold) — 색상 전용 레이어

   이 파일은 `sg_color.css`(세븐벳 레드) 를 **대체**한다. 원본 사이트가 처음부터
   '색상 전용 레이어'로 분리해 둔 자리(base.css 다음에 로드 → base.css 를 덮어씀)이며,
   레이아웃(치수/여백/DOM)은 1바이트도 건드리지 않는다.

   시안: `SEVEN BET.dc.html`(PC) / `SEVEN BET Mobile.dc.html`(모바일)
        — Claude Design 캔버스(.dc.html) 산출물.

   ⚠️ 이 파일은 **색만** 담당한다. 이미지 교체·배치 보정처럼 구조가 섞이는 것은
      `sevenstar.css`(마지막 로드)로 보낸다. 둘을 합치지 말 것 —
      원본이 색/구조를 나눠 둔 이유가 그것이고, 색 프리셋 교체가 한 파일로 끝난다.
   ============================================================ */
:root {
    /* 시안 accent — 텍스트/보더/글로우의 기준색 (dc `accentColor` 기본값) */
    --sb-accent: #ffd300;
    /* 시안 hdrGrad('yellow-gradient') — 제목바·주요 버튼의 금색 그라데이션 */
    --sb-hdr-grad: linear-gradient(180deg, rgb(255, 234, 0) 0%, rgb(255, 150, 0) 100%);
    /* 시안 ttlGrad — accent 를 중간에 끼운 3-stop 변형(좌측 제목바용) */
    --sb-ttl-grad: linear-gradient(180deg, rgb(255, 234, 0) 0%, #ffd300 40%, rgb(255, 150, 0) 100%);
    /* 금색 바 **위에** 얹는 보조 텍스트색 — 시안은 rgba(0,0,0,.6) 이다.
       ⚠️ 레드 테마에서는 이 자리가 노랑(#ffd200)이었다. 금색 바 위에 노랑을 쓰면
          대비가 사라져 글자가 안 보인다 — 색이 바뀌면 '위에 얹는 색'도 함께 뒤집어야 한다. */
    --sb-on-gold: rgba(0, 0, 0, .6);
    /* 어두운 면 위에서 쓰는 브랜드 보조 노랑 (카지노/슬롯 버튼의 영문 라벨 등) */
    --sb-gold: #ffd200;
    /* 시안이 제목바에 공통으로 얹는 그림자 */
    --sb-hdr-shadow: inset 0 1px 0 rgba(177, 172, 146, .5), 0 2px 6px rgba(0, 0, 0, .6);
}

.top_right_box a i,
.top_right_box span i { color: #ffffff; }

/* GNB 바 — 시안은 위아래 보더 대신 `menu_bg.gif` 한 장이 바 전체를 그린다.
   보더를 남기면 이미지 위에 금색 선이 두 줄 겹쳐 보이므로 여기서 끈다(배경은 sevenstar.css). */
.gnb_box {
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* GNB hover — 시안 `color:#ffd200; text-shadow:0 0 8px rgba(255,210,0,.5)` */
.gnb_menu_box a:hover,
.gnb_menu_box span:hover {
    color: var(--sb-gold) !important;
    text-shadow: 0 0 8px rgba(255, 210, 0, .5);
}

/* 로그인 버튼 — 시안은 금색 알약에 **검은 글자**다.
   ⚠️ base.css `.btn_top_login` 은 색 지정이 없어 상속으로 흰 글자가 오는데,
      금색 위 흰 글자는 읽히지 않는다. 반드시 색까지 함께 뒤집을 것. */
.btn_top_login {
    border: 0;
    color: #000;
    font-weight: 700;
    background: var(--sb-hdr-grad);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 2px 6px rgba(0, 0, 0, .6);
    transition: filter .15s ease, transform .1s ease;
}
.btn_top_login:hover { filter: brightness(1.12); }
.btn_top_login:active { transform: scale(.97); }

/* 회원가입 / 무기명회원가입 / 텔레그램문의 — 시안은 '금색 테두리 + 반투명 검정' 알약 3종 동일 */
.btn_top_join,
.btn_top_sos,
.btn_top_tele {
    border: 1px solid #ffd300;
    background: rgba(0, 0, 0, .7);
    color: #ffd300;
    font-weight: 700;
    text-shadow: none;
    box-shadow: none;
    transition: background .15s ease, border-color .15s ease;
}
.btn_top_join:hover,
.btn_top_sos:hover,
.btn_top_tele:hover {
    background: rgba(255, 211, 0, .15);
    border-color: var(--sb-accent);
}

/* 좌측 메뉴 상단 3칸(충전·환전·문의) — 시안은 이 3개만 금색 버튼 이미지(btn-gold.svg),
   나머지 15칸은 어두운 그라데이션이다 (dc navGrid: `i < 3 ? gold : dark`).
   ⚠️ `.btn_gray` 는 머니/충환전 페이지의 회색 버튼에도 쓰이므로 `.snb_left` 스코프를 유지할 것. */
.snb_left ul li a.btn_gray {
    background: url(/static/star/btn-gold.svg) center/100% 100% no-repeat;
    color: #000;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .35);
    box-shadow: none;
}
.snb_left ul li a.btn_gray:hover {
    background: url(/static/star/btn-gold.svg) center/100% 100% no-repeat;
    filter: brightness(1.12);
    opacity: 1;
}
/* 상단 3칸 안의 FontAwesome 아이콘도 금색 위라 검게 */
.snb_left ul li a.btn_gray i { color: #000; }

/* 공지/이벤트 제목바 */
.main_bbs_ttl {
    background: var(--sb-hdr-grad);
    box-shadow: var(--sb-hdr-shadow);
}

/* 제목 옆 영문 소제목(NOTICE/RULE · EVENT) — 금색 바 위 어두운 회색 */
.main_bbs_sub { color: var(--sb-on-gold); }

.notice_area .main_bbs_ttl { height: 47px; }
.event_area .main_bbs_ttl { height: 47px; }

/* 좌측 사이드바 제목바(인기스포츠리스트 · 최신 인기게임) */
.left_ttl {
    background: var(--sb-ttl-grad);
    box-shadow: var(--sb-hdr-shadow);
    color: #000;
}