/**
 * 배너 텍스트 색상 강제 적용
 * text_color 값이 제대로 적용되도록 하는 CSS
 */

/* PC 배너 텍스트 색상 강제 적용 */
.banner-content[style*='color'] h2.banner-title,
.banner-content[style*='color'] .banner-title {
  color: inherit !important;
}

.banner-content[style*='color'] p.banner-subtitle,
.banner-content[style*='color'] .banner-subtitle {
  color: inherit !important;
}

/* 모바일 배너 텍스트 색상 강제 적용 */
.mobile-banner-content[style*='color'] h3,
.mobile-banner-content[style*='color'] p {
  color: inherit !important;
}

/* 배너 아이템에 스타일이 적용된 경우 하위 요소에 색상 상속 */
.banner-item[style*='color'] .banner-title,
.banner-item[style*='color'] .banner-subtitle {
  color: inherit !important;
}

.mobile-banner-item[style*='color'] h3,
.mobile-banner-item[style*='color'] p {
  color: inherit !important;
}

/* 데이터베이스에서 설정된 텍스트 색상 적용 */
.banner-content {
  color: inherit;
}

.banner-content * {
  color: inherit !important;
}

.mobile-banner-content {
  color: inherit;
}

.mobile-banner-content * {
  color: inherit !important;
}

/* 특정 클래스에 대한 텍스트 색상 override */
.banner-title,
h2.banner-title {
  color: inherit !important;
}

.banner-subtitle,
p.banner-subtitle {
  color: inherit !important;
}

.mobile-banner-content h3 {
  color: inherit !important;
}

.mobile-banner-content p {
  color: inherit !important;
}

/* 디버깅을 위한 스타일 - 개발 시에만 사용 */
.banner-debug .banner-content {
  border: 2px solid red !important;
}

.banner-debug .banner-title {
  background: rgba(255, 0, 0, 0.2) !important;
}

.banner-debug .banner-subtitle {
  background: rgba(0, 255, 0, 0.2) !important;
}