/* ========== Otolaryngology (ENT) Playful Design ========== */
/* Тёплая, природная палитра для ЛОР — оттенки янтаря, шалфея, терракоты */
/* Ассоциации: ухо → янтарь/золото (теплота звука), нос → шалфей (дыхание/свежесть), горло → терракота/коралл */

/* ========== Warm ENT Color Palette ========== */
:root {
  --lor-amber: #C4956A;
  --lor-amber-deep: #B07D55;
  --lor-terracotta: #C4846A;
  --lor-sage: #8ABFBA;
  --lor-sage-deep: #6DA8A2;
  --lor-gold: #C9A96E;
  --lor-coral: #E8A87C;
  --lor-warm-bg: #F5F0E8;
  --lor-soft: #FFF8F0;
  --lor-sound-wave: rgba(196, 149, 106, 0.12);
}

/* ========== Hero - Decorative additions ========== */

/* Title of ENT page - warm amber highlight */
.specialty-hero__title strong {
  position: relative;
  color: #1B5E45 !important;
  font-weight: 700 !important;
}

/* Sound wave decorative line under hero title */
.specialty-hero__title::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    var(--lor-sound-wave) 10%, 
    var(--lor-sound-wave) 30%, 
    transparent 40%,
    var(--lor-sound-wave) 50%,
    var(--lor-sound-wave) 70%,
    transparent 80%,
    var(--lor-sound-wave) 90%,
    transparent 100%
  );
  border-radius: 4px;
  z-index: -1;
  opacity: 0.6;
  pointer-events: none;
}

/* Feature icons - each a different ENT-inspired color */
.specialty-hero__feature:nth-child(1) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, var(--lor-amber), var(--lor-amber-deep)) !important;
  box-shadow: 0 4px 15px rgba(196, 149, 106, 0.3) !important;
}
.specialty-hero__feature:nth-child(2) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, var(--lor-terracotta), var(--lor-coral)) !important;
  box-shadow: 0 4px 15px rgba(196, 132, 106, 0.3) !important;
}
.specialty-hero__feature:nth-child(3) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, var(--lor-sage), var(--lor-sage-deep)) !important;
  box-shadow: 0 4px 15px rgba(138, 191, 186, 0.3) !important;
}
.specialty-hero__feature:nth-child(4) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, var(--lor-gold), var(--lor-amber)) !important;
  box-shadow: 0 4px 15px rgba(201, 169, 110, 0.3) !important;
}

/* Hero badge dot */
.specialty-hero__badge-dot {
  background: linear-gradient(135deg, var(--lor-amber), var(--lor-gold)) !important;
}

/* ========== Section Titles - Warm Underline ========== */
.section-title {
  position: relative;
  display: inline-block;
}

.section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 5px;
  margin: 12px auto 0;
  border-radius: 10px;
  background: linear-gradient(90deg, var(--lor-amber), var(--lor-gold), var(--lor-sage), var(--lor-terracotta));
  animation: lor-gradient-shift 3s ease-in-out infinite;
  background-size: 200% 100%;
}

@keyframes lor-gradient-shift {
  0%, 100% { background-position: 0% 50%; width: 80px; }
  50% { background-position: 100% 50%; width: 120px; }
}

/* ========== Why Section - Cards ========== */

/* Each card icon - ENT warm palette */
.why-section__card:nth-child(1) .why-section__card-icon {
  background: linear-gradient(135deg, var(--lor-amber), var(--lor-amber-deep)) !important;
}

.why-section__card:nth-child(2) .why-section__card-icon {
  background: linear-gradient(135deg, var(--lor-sage), var(--lor-sage-deep)) !important;
}

.why-section__card:nth-child(3) .why-section__card-icon {
  background: linear-gradient(135deg, var(--lor-terracotta), var(--lor-coral)) !important;
}

.why-section__card:nth-child(4) .why-section__card-icon {
  background: linear-gradient(135deg, var(--lor-gold), var(--lor-amber)) !important;
}

.why-section__card:nth-child(5) .why-section__card-icon {
  background: linear-gradient(135deg, #7ABF9E, #5DA88A) !important;
}

.why-section__card:nth-child(6) .why-section__card-icon {
  background: linear-gradient(135deg, var(--lor-sage), var(--lor-gold)) !important;
}

/* Card hover */
.why-section__card:hover {
  transform: translateY(-10px) scale(1.03) !important;
}

.why-section__card:hover .why-section__card-icon {
  animation: lor-icon-bounce 0.5s ease-in-out !important;
}

@keyframes lor-icon-bounce {
  0%, 100% { transform: rotate(0deg); }
  25% { transform: rotate(-8deg) scale(1.1); }
  50% { transform: rotate(8deg) scale(1.15); }
  75% { transform: rotate(-5deg) scale(1.1); }
}

/* ========== Services Accordion ========== */
.services-section__item:nth-child(1) .services-section__header-icon {
  color: var(--lor-amber) !important;
}
.services-section__item:nth-child(2) .services-section__header-icon {
  color: var(--lor-terracotta) !important;
}
.services-section__item:nth-child(3) .services-section__header-icon {
  color: var(--lor-sage) !important;
}
.services-section__item:nth-child(4) .services-section__header-icon {
  color: var(--lor-coral) !important;
}
.services-section__item:nth-child(5) .services-section__header-icon {
  color: var(--lor-gold) !important;
}
.services-section__item:nth-child(6) .services-section__header-icon {
  color: #7ABF9E !important;
}

.services-section__item--active .services-section__header-icon {
  color: white !important;
}

.services-section__includes li i {
  background: var(--lor-amber) !important;
  color: white !important;
}

.services-section__btn {
  background: linear-gradient(135deg, var(--lor-amber), var(--lor-terracotta)) !important;
  box-shadow: 0 4px 20px rgba(196, 149, 106, 0.3) !important;
}

.services-section__btn:hover {
  box-shadow: 0 8px 30px rgba(196, 149, 106, 0.5) !important;
}

/* ========== Equipment Section ========== */
.equipment-section__card:nth-child(1) .equipment-section__icon {
  background: linear-gradient(135deg, var(--lor-amber), var(--lor-amber-deep)) !important;
}
.equipment-section__card:nth-child(2) .equipment-section__icon {
  background: linear-gradient(135deg, var(--lor-sage), var(--lor-sage-deep)) !important;
}
.equipment-section__card:nth-child(3) .equipment-section__icon {
  background: linear-gradient(135deg, var(--lor-terracotta), var(--lor-coral)) !important;
}
.equipment-section__card:nth-child(4) .equipment-section__icon {
  background: linear-gradient(135deg, var(--lor-gold), var(--lor-amber)) !important;
}

/* ========== Reviews Section ========== */
.reviews-section__card-avatar {
  background: linear-gradient(135deg, var(--lor-amber), var(--lor-sage)) !important;
}

.reviews-section__card-rating i.filled {
  color: var(--lor-gold) !important;
}

.reviews-section__card-verified {
  color: var(--lor-amber) !important;
}

/* ========== When to Visit ========== */
.when-to-visit__card:nth-child(1) .when-to-visit__icon {
  background: linear-gradient(135deg, var(--lor-amber), var(--lor-amber-deep)) !important;
}
.when-to-visit__card:nth-child(2) .when-to-visit__icon {
  background: linear-gradient(135deg, var(--lor-sage), var(--lor-sage-deep)) !important;
}
.when-to-visit__card:nth-child(3) .when-to-visit__icon {
  background: linear-gradient(135deg, var(--lor-terracotta), var(--lor-coral)) !important;
}
.when-to-visit__card:nth-child(4) .when-to-visit__icon {
  background: linear-gradient(135deg, var(--lor-gold), var(--lor-amber)) !important;
}
.when-to-visit__card:nth-child(5) .when-to-visit__icon {
  background: linear-gradient(135deg, #7ABF9E, #5DA88A) !important;
}
.when-to-visit__card:nth-child(6) .when-to-visit__icon {
  background: linear-gradient(135deg, var(--lor-sage), var(--lor-gold)) !important;
}

/* ========== Responsive override ========== */
@media (max-width: 768px) {
  .specialty-hero__title::after {
    display: none;
  }
}

@media (max-width: 480px) {
  .section-title::after {
    width: 60px !important;
  }
}