/* Вариант: Weblium «Курс психологии» — спокойный, чистый, insight-driven
   Палитра: #79A9C5, #E7ECF2, #F5F5F5, #262626
   https://ru.weblium.com/templates/demo/psychology-course-website-design-319 */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');

html[data-site-theme="weblium"] {
  --brand-primary: #79a9c5;
  --brand-accent: #5f8fa8;
  --brand-bg: #e7ecf2;
  --brand-bg-alt: #f5f5f5;
  --brand-dark: #262626;
  --brand-muted: #6b7280;
  --brand-radius: 50px;
  --text-line: 1.75;
  --card-radius: 20px;
  --card-shadow: 0 4px 24px rgba(121, 169, 197, 0.1);
  --card-shadow-hover: 0 10px 36px rgba(121, 169, 197, 0.16);
}

html[data-site-theme="weblium"] body {
  font-family: 'Nunito', 'Roboto', sans-serif;
  background-color: #fff;
  color: var(--brand-dark);
}

/* Шапка — лёгкая, воздушная */
html[data-site-theme="weblium"] .navbar {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 rgba(121, 169, 197, 0.15);
}

html[data-site-theme="weblium"] .navbar-brand,
html[data-site-theme="weblium"] .site-brand__text {
  color: var(--brand-dark) !important;
  font-size: 1.125rem;
  font-weight: 800;
}

html[data-site-theme="weblium"] .site-logo--nav {
  opacity: 1;
  filter: none;
}

html[data-site-theme="weblium"] .nav-link {
  color: var(--brand-muted);
  font-weight: 600;
  transition: color 0.25s ease;
}

html[data-site-theme="weblium"] .nav-link:hover {
  color: var(--brand-accent);
}

html[data-site-theme="weblium"] .navbar .btn-brand {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  border-radius: var(--brand-radius);
  box-shadow: 0 4px 16px rgba(121, 169, 197, 0.28);
  font-weight: 700;
}

html[data-site-theme="weblium"] .navbar .btn-brand:hover {
  background-color: var(--brand-accent);
  border-color: var(--brand-accent);
}

/* Hero — мягкий облачный фон */
html[data-site-theme="weblium"] .hero-section {
  background: linear-gradient(165deg, #e7ecf2 0%, #f5f5f5 45%, #fff 100%);
  padding: 4.5rem 0;
}

html[data-site-theme="weblium"] .hero-photo {
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow-hover);
}

html[data-site-theme="weblium"] .hero-title {
  color: var(--brand-dark);
  font-weight: 800;
  letter-spacing: -0.02em;
}

html[data-site-theme="weblium"] .section-text {
  color: var(--brand-muted);
}

html[data-site-theme="weblium"] .btn-brand {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  border-radius: var(--brand-radius);
  box-shadow: 0 4px 18px rgba(121, 169, 197, 0.28);
  font-weight: 700;
}

html[data-site-theme="weblium"] .btn-brand:hover {
  background-color: var(--brand-accent);
  border-color: var(--brand-accent);
}

html[data-site-theme="weblium"] .btn-outline-brand {
  color: var(--brand-accent);
  border-color: var(--brand-primary);
  border-radius: var(--brand-radius);
  font-weight: 600;
}

html[data-site-theme="weblium"] .btn-outline-brand:hover {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff;
}

/* Карточки — мягкие, «дышащие» */
html[data-site-theme="weblium"] .format-card,
html[data-site-theme="weblium"] .service-card,
html[data-site-theme="weblium"] .review-card {
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  border: none;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

html[data-site-theme="weblium"] .format-card:hover,
html[data-site-theme="weblium"] .service-card:hover,
html[data-site-theme="weblium"] .review-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--card-shadow-hover);
}

html[data-site-theme="weblium"] .format-card-title {
  font-size: 1.1875rem;
  font-weight: 700;
  color: var(--brand-dark);
}

html[data-site-theme="weblium"] .service-price {
  font-size: 1.25rem;
  color: var(--brand-accent);
  font-weight: 800;
}

html[data-site-theme="weblium"] .service-card {
  padding: 1.85rem !important;
}

html[data-site-theme="weblium"] .service-card-pricing {
  border-top-color: rgba(121, 169, 197, 0.15);
}

/* Секции */
html[data-site-theme="weblium"] .section-cream {
  background-color: var(--brand-bg);
}

html[data-site-theme="weblium"] .section-title {
  color: var(--brand-dark);
  font-weight: 800;
  letter-spacing: -0.01em;
}

html[data-site-theme="weblium"] .section-subtitle {
  color: var(--brand-dark);
  font-weight: 700;
}

html[data-site-theme="weblium"] .about-photo-wrap {
  box-shadow: 0 10px 40px rgba(121, 169, 197, 0.22);
  outline: 4px solid rgba(121, 169, 197, 0.2);
  outline-offset: 6px;
}

html[data-site-theme="weblium"] .about-stat {
  background: #fff;
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
}

html[data-site-theme="weblium"] .about-stat__icon {
  color: var(--brand-primary);
}

html[data-site-theme="weblium"] .about-stat__value {
  color: var(--brand-dark);
  font-weight: 800;
}

html[data-site-theme="weblium"] .about-highlight {
  border-left: none;
  border-radius: var(--card-radius);
  background: var(--brand-bg-alt);
  box-shadow: none;
}

html[data-site-theme="weblium"] .about-block {
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  background: #fff;
}

html[data-site-theme="weblium"] .about-quote {
  border-left: none;
  border-radius: var(--card-radius);
  background: var(--brand-bg-alt);
  text-align: center;
  box-shadow: none;
}

html[data-site-theme="weblium"] .about-quote__text {
  font-style: normal;
  font-weight: 600;
  color: var(--brand-dark);
}

html[data-site-theme="weblium"] .about-emphasis {
  color: var(--brand-accent);
}

html[data-site-theme="weblium"] .step-number {
  background: var(--brand-primary);
  font-weight: 800;
}

html[data-site-theme="weblium"] .problem-accordion .accordion-button {
  border-radius: var(--card-radius) !important;
  font-weight: 600;
}

html[data-site-theme="weblium"] .problem-accordion .accordion-button:not(.collapsed) {
  background-color: var(--brand-bg);
  color: var(--brand-dark);
}

html[data-site-theme="weblium"] .booking-section {
  background: linear-gradient(180deg, var(--brand-bg) 0%, var(--brand-bg-alt) 100%);
  background-image: none;
}

html[data-site-theme="weblium"] .booking-section .card {
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow-hover);
}

html[data-site-theme="weblium"] .faq-slide-card {
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  background: #fff;
}

html[data-site-theme="weblium"] .faq-carousel-indicators [data-bs-target] {
  background-color: #c5d9e8;
}

html[data-site-theme="weblium"] .faq-carousel-indicators .active {
  background-color: var(--brand-primary);
}

html[data-site-theme="weblium"] .faq-edge-nav {
  border-color: rgba(121, 169, 197, 0.45);
  color: var(--brand-primary);
}

html[data-site-theme="weblium"] .text-muted {
  color: var(--brand-muted) !important;
}

html[data-site-theme="weblium"] .partner-card {
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
}

html[data-site-theme="weblium"] .partner-card-badge {
  background: var(--brand-primary);
}

html[data-site-theme="weblium"] #format,
html[data-site-theme="weblium"] #services {
  background-color: var(--brand-bg-alt);
}

html[data-site-theme="weblium"] .review-card {
  background: var(--brand-bg-alt);
}
