/* ================================================
   施術ページのヒーローセクション文字色修正
   ================================================ */

/* ヒーロータイトルの文字色を濃くする */
.hero__title {
  color: var(--black, #2C2C2C) !important;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

/* ヒーローサブタイトルの文字色を濃くする */
.hero__subtitle {
  color: var(--secondary, #2C3E50) !important;
  font-weight: 500;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
}

/* バッジの視認性向上 */
.hero__badges .badge {
  background-color: var(--primary, #C9A88F);
  color: var(--white, #FFFFFF);
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 背景のコントラスト調整 */
.hero {
  background: linear-gradient(
    to bottom,
    rgba(250, 250, 250, 0.95),
    rgba(255, 255, 255, 0.98)
  ) !important;
}

/* モバイル対応 */
@media (max-width: 768px) {
  .hero__title {
    font-size: 1.75rem;
    line-height: 1.3;
  }
  
  .hero__subtitle {
    font-size: 1rem;
    line-height: 1.5;
  }
}