/* [PromoCity-Core] /theme/Weblease-Simple/css/betpromo_branding.css */
/* Version: v1.0.0 (Stable) */
/* Date: 2024-02-26 */
/* Author: Web-lease_Claude */
/* [변경 이력] */
/* - v1.0.0 : 최초 생성 - BetPromo 브랜딩 전용 스타일 */
/* [기능 요약] */
/* 1. BetPromo 로고 및 브랜드 아이덴티티 스타일 */
/* 2. promocity.net 도메인 유지하면서 BetPromo 브랜드 강조 */
/* 3. 베팅 업계 특유의 고급스러운 골드/레드 그라데이션 */
/* 4. 모바일 우선 반응형 디자인 */

/********************************************************
■ BetPromo 메인 로고 스타일
********************************************************/
.betpromo-logo-container {
  text-decoration: none !important;
  display: block;
  transition: opacity 0.3s ease;
}

.betpromo-logo-container:hover {
  opacity: 0.9;
  text-decoration: none !important;
}

.betpromo-brand {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  line-height: 1;
}

.betpromo-main {
  font-size: 2.2rem;
  font-weight: 800;
  background: linear-gradient(135deg, #ff4b4b 0%, #ffd700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: "Roboto", sans-serif;
  letter-spacing: -0.5px;
}

.betpromo-sub {
  font-size: 0.75rem;
  color: #868e96;
  font-weight: 500;
  align-self: flex-end;
  letter-spacing: 0;
}

.betpromo-tagline {
  font-size: 0.7rem;
  color: #adb5bd;
  margin-top: 0.3rem;
  font-weight: 400;
  letter-spacing: -0.2px;
  line-height: 1.2;
}

/********************************************************
■ 모바일 로고
********************************************************/
.betpromo-mobile {
  font-size: 1.6rem;
  font-weight: 800;
  background: linear-gradient(135deg, #ff4b4b 0%, #ffd700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-decoration: none !important;
}

.betpromo-mobile:hover {
  text-decoration: none !important;
  opacity: 0.9;
}

/********************************************************
■ Hero Section 브랜딩
********************************************************/
.betpromo-hero-brand {
  display: inline-block;
  font-size: 3.2rem;
  font-weight: 800;
  background: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 2px 2px 8px rgba(255, 215, 0, 0.3);
  margin-bottom: 0.5rem;
}

.betpromo-highlight {
  color: #ffd700;
  font-weight: 700;
  text-shadow: 1px 1px 2px rgba(255, 215, 0, 0.3);
}

/********************************************************
■ Footer 브랜딩
********************************************************/
.betpromo-footer-brand {
  font-weight: 700;
  background: linear-gradient(135deg, #ff4b4b 0%, #ffd700 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/********************************************************
■ 브랜드 배지 및 강조 요소
********************************************************/
.betpromo-badge {
  display: inline-block;
  background: linear-gradient(135deg, #ff4b4b, #ffd700);
  color: white;
  padding: 3px 12px;
  border-radius: 15px;
  font-size: 0.7rem;
  font-weight: 700;
  margin-left: 0.5rem;
  vertical-align: middle;
  box-shadow: 0 2px 8px rgba(255, 75, 75, 0.3);
}

.premium-badge-inline {
  background: linear-gradient(135deg, #ffd700, #ffa500);
  color: #000;
  padding: 4px 12px;
  border-radius: 15px;
  font-size: 0.75rem;
  font-weight: 700;
  margin-right: 0.5rem;
  vertical-align: middle;
}

/********************************************************
■ 반응형 최적화
********************************************************/
@media (max-width: 991.98px) {
  .betpromo-main {
    font-size: 2rem;
  }

  .betpromo-hero-brand {
    font-size: 2.8rem;
  }
}

@media (max-width: 767.98px) {
  .betpromo-main {
    font-size: 1.8rem;
  }

  .betpromo-tagline {
    display: none;
  }

  .betpromo-mobile {
    font-size: 1.5rem;
  }

  .betpromo-hero-brand {
    font-size: 2.4rem;
  }
}

@media (max-width: 575.98px) {
  .betpromo-main {
    font-size: 1.6rem;
  }

  .betpromo-mobile {
    font-size: 1.4rem;
  }

  .betpromo-hero-brand {
    font-size: 2rem;
  }
}