/* SkyWebRace login premium branding patch 027
   로그인 카드 상단을 '고급형'으로 개선
   - 기존 달려라경마 타이틀을 브랜드형 구성으로 정리
   - 금색 포인트 라인
   - 짧은 설명 문구 추가
   - 로그인 기능/필드/배경이미지는 건드리지 않음
*/

/* 로그인 카드 상단 브랜드 영역 */
body.login-branding-page .login-card .login-title,
body.login-branding-page .login-panel .login-title,
body.login-branding-page .login-box .login-title,
body.login-branding-page .login-card h1,
body.login-branding-page .login-panel h1,
body.login-branding-page .login-box h1 {
    color: #173f88 !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -1px !important;
    text-align: center !important;
    margin: 0 !important;
}

/* 타이틀 아래 설명문구 */
body.login-branding-page .login-brand-subtitle {
    margin-top: 8px !important;
    color: #8a6a2f !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
}

/* 브랜드 설명 보조문구 */
body.login-branding-page .login-brand-note {
    margin-top: 3px !important;
    color: #8f8a80 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-align: center !important;
}

/* 금색 포인트 라인 */
body.login-branding-page .login-brand-line {
    width: 74% !important;
    height: 1px !important;
    margin: 14px auto 16px auto !important;
    background: linear-gradient(
        90deg,
        rgba(191,145,40,0),
        rgba(191,145,40,.85),
        rgba(191,145,40,0)
    ) !important;
}

/* 브랜드 영역 전체 */
body.login-branding-page .login-brand-block {
    padding: 4px 0 0 0 !important;
    text-align: center !important;
}

/* 로그인 카드에 은은한 고급 느낌 */
body.login-branding-page .login-card,
body.login-branding-page .login-panel,
body.login-branding-page .login-box {
    background: rgba(255, 252, 246, 0.965) !important;
    border: 1px solid rgba(203, 158, 68, 0.75) !important;
    box-shadow: 12px 12px 28px rgba(91, 64, 20, 0.10) !important;
}

/* 로그인 버튼도 기존 금색 계열을 조금 고급스럽게 */
body.login-branding-page .login-card button[type="submit"],
body.login-branding-page .login-panel button[type="submit"],
body.login-branding-page .login-box button[type="submit"],
body.login-branding-page .login-button {
    background: linear-gradient(180deg, #c99a2e 0%, #b88720 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
    box-shadow: 0 3px 8px rgba(126, 88, 15, 0.18) !important;
}

body.login-branding-page .login-card button[type="submit"]:hover,
body.login-branding-page .login-panel button[type="submit"]:hover,
body.login-branding-page .login-box button[type="submit"]:hover,
body.login-branding-page .login-button:hover {
    filter: brightness(1.03) !important;
}