/* ========== Corporate Pages Design ========== */
/* Профессиональный, деловой стиль для страниц юридическим лицам */
/* Поверх основного корпоративного стиля rauclinic */

/* ========== Corporate Color Palette ========== */
:root {
  --c-navy: #1B3A5C;
  --c-gold: #C8A86E;
  --c-silver: #8E9AAF;
  --c-steel: #4A6FA5;
  --c-charcoal: #2C3E50;
  --c-white: #FFFFFF;
  --c-light: #F0F4F8;
  --c-glass: rgba(255, 255, 255, 0.85);
}

/* ========== Floating Decorative Background ========== */
.specialty-hero {
  position: relative;
}

.why-section {
  position: relative;
  overflow: hidden;
}

.why-section::after {
  content: '';
  position: absolute;
  top: 15%;
  right: -3%;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, rgba(27, 58, 92, 0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-corp 7s ease-in-out infinite;
}

.services-section {
  position: relative;
  overflow: hidden;
}

.services-section::after {
  content: '';
  position: absolute;
  bottom: 5%;
  left: -2%;
  width: 100px;
  height: 100px;
  background: radial-gradient(circle, rgba(200, 168, 110, 0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-corp 8s ease-in-out infinite reverse;
}

.reviews-section {
  position: relative;
  overflow: hidden;
}

.reviews-section::after {
  content: '';
  position: absolute;
  top: 20%;
  left: -3%;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(142, 154, 175, 0.06) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
  animation: float-corp 9s ease-in-out infinite reverse;
}

@keyframes float-corp {
  0%, 100% { transform: translateY(0) scale(1); opacity: 0.5; }
  50% { transform: translateY(-20px) scale(1.1); opacity: 0.8; }
}

/* ========== Hero - Corporate Additions ========== */

/* Gold accent style */
.specialty-hero__title .highlight-corporate {
  color: #C8A86E !important;
  font-weight: 700 !important;
}

/* Gold underline accent */
.specialty-hero__title::after {
  content: '';
  display: block;
  width: 60px;
  height: 4px;
  margin-top: 12px;
  background: linear-gradient(90deg, #C8A86E, #E8D5A0);
  border-radius: 4px;
  animation: gold-stretch 3s ease-in-out infinite;
}

@keyframes gold-stretch {
  0%, 100% { width: 60px; opacity: 0.7; }
  50% { width: 100px; opacity: 1; }
}

/* Feature icons - professional palette */
.specialty-hero__feature:nth-child(1) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #1B3A5C, #2C5282) !important;
}
.specialty-hero__feature:nth-child(2) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #C8A86E, #D4B88A) !important;
}
.specialty-hero__feature:nth-child(3) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #4A6FA5, #6B8FC9) !important;
}
.specialty-hero__feature:nth-child(4) .specialty-hero__feature-icon {
  background: linear-gradient(135deg, #2C3E50, #4A6274) !important;
}

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

.section-title::after {
  content: '';
  display: block;
  width: 80px;
  height: 4px;
  margin: 12px auto 0;
  border-radius: 4px;
  background: linear-gradient(90deg, #C8A86E, #1B3A5C);
  animation: goldbar-stretch 3s ease-in-out infinite;
  background-size: 200% 100%;
}

@keyframes goldbar-stretch {
  0%, 100% { background-position: 0% 50%; width: 80px; }
  50% { background-position: 100% 50%; width: 100px; }
}

/* ========== Why Section - Premium Cards ========== */
.why-section__card {
  position: relative;
  overflow: visible !important;
}

/* Card icons - professional gradient */
.why-section__card:nth-child(1) .why-section__card-icon {
  background: linear-gradient(135deg, #1B3A5C, #2C5282) !important;
}

.why-section__card:nth-child(2) .why-section__card-icon {
  background: linear-gradient(135deg, #C8A86E, #D4B88A) !important;
}

.why-section__card:nth-child(3) .why-section__card-icon {
  background: linear-gradient(135deg, #4A6FA5, #6B8FC9) !important;
}

.why-section__card:nth-child(4) .why-section__card-icon {
  background: linear-gradient(135deg, #2C3E50, #4A6274) !important;
}

.why-section__card:nth-child(5) .why-section__card-icon {
  background: linear-gradient(135deg, #C8A86E, #8E9AAF) !important;
}

.why-section__card:nth-child(6) .why-section__card-icon {
  background: linear-gradient(135deg, #1B3A5C, #4A6FA5) !important;
}

/* Premium hover effect */
.why-section__card:hover {
  transform: translateY(-10px) scale(1.02) !important;
  box-shadow: 0 20px 60px rgba(27, 58, 92, 0.15) !important;
}

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

@keyframes icon-shine {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.15) rotate(-5deg); filter: brightness(1.2); }
}

/* ========== Services Section - Premium ========== */
.services-section__item:nth-child(1) .services-section__header-icon {
  color: #1B3A5C !important;
}
.services-section__item:nth-child(2) .services-section__header-icon {
  color: #C8A86E !important;
}
.services-section__item:nth-child(3) .services-section__header-icon {
  color: #4A6FA5 !important;
}
.services-section__item:nth-child(4) .services-section__header-icon {
  color: #2C3E50 !important;
}
.services-section__item:nth-child(5) .services-section__header-icon {
  color: #8E9AAF !important;
}
.services-section__item:nth-child(6) .services-section__header-icon {
  color: #1B3A5C !important;
}

.services-section__item--active .services-section__header-icon {
  color: white !important;
  animation: icon-rise 0.4s ease-out !important;
}

@keyframes icon-rise {
  0% { transform: scale(0.8); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1.1); }
}

.services-section__includes li i {
  background: #1B3A5C !important;
  color: white !important;
}

.services-section__btn {
  background: linear-gradient(135deg, #1B3A5C, #4A6FA5) !important;
  box-shadow: 0 4px 20px rgba(27, 58, 92, 0.3) !important;
}

.services-section__btn:hover {
  box-shadow: 0 8px 30px rgba(27, 58, 92, 0.5) !important;
}

/* ========== Reviews Section - Premium ========== */
.reviews-section__card-avatar {
  background: linear-gradient(135deg, #C8A86E, #8E9AAF) !important;
}

.reviews-section__card-rating i.filled {
  color: #C8A86E !important;
}

.reviews-section__card-verified {
  color: #1B3A5C !important;
}

/* ========== Hero Badge - Professional ========== */
.specialty-hero__badge {
  border: 1px solid rgba(200, 168, 110, 0.3) !important;
}

/* ========== Responsive ========== */
@media (max-width: 768px) {
  .specialty-hero__title::after {
    margin-left: auto;
    margin-right: auto;
  }
}