/*
 * Homepage polish overrides.
 * Keeps the existing block content intact while tightening layout, contrast, and mobile readability.
 */

:root {
  --hd-purple: #3a1c71;
  --hd-purple-deep: #241044;
  --hd-orange: #ff8f5a;
  --hd-ink: #22232a;
  --hd-muted: #5f6470;
  --hd-surface: #fffaf6;
  --hd-border: rgba(58, 28, 113, 0.12);
}

body {
  background: #fffaf6;
}

.site-main.humandalas-home {
  margin-top: -80px;
  background: #fffaf6;
}

header.wp-block-template-part {
  background: rgba(58, 28, 113, 0.96) !important;
  box-shadow: 0 14px 34px rgba(29, 12, 57, 0.2);
  backdrop-filter: saturate(140%) blur(14px);
}

header.wp-block-template-part .site-header-inner {
  min-height: 76px;
  padding-left: clamp(1rem, 4vw, 2.5rem) !important;
  padding-right: clamp(1rem, 4vw, 2.5rem) !important;
}

header .wp-block-site-logo a {
  padding: 0.35rem 0.9rem;
  box-shadow: 0 12px 26px rgba(25, 7, 53, 0.18);
}

header .wp-block-navigation-item__content {
  font-weight: 600;
  letter-spacing: 0;
}

.wp-block-cover.humandalas-hero-mockup {
  min-height: min(860px, 100vh) !important;
  padding: 138px clamp(1.25rem, 5vw, 4.5rem) 72px !important;
}

.wp-block-cover.humandalas-hero-mockup::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(19, 32, 24, 0.62) 0%, rgba(19, 32, 24, 0.32) 42%, rgba(19, 32, 24, 0.03) 78%),
    linear-gradient(180deg, rgba(36, 16, 68, 0.2) 0%, rgba(36, 16, 68, 0) 34%);
}

.wp-block-cover.humandalas-hero-mockup .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
  max-width: 1320px;
  margin: 0 auto;
}

.humandalas-hero-panel {
  max-width: 560px !important;
  padding: clamp(2.25rem, 4vw, 3.25rem) !important;
  background: rgba(30, 64, 47, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  box-shadow: 0 24px 70px rgba(11, 20, 16, 0.32);
}

.humandalas-hero-panel h1 {
  max-width: 9.5em;
  font-size: clamp(3rem, 5vw, 4.55rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0;
}

.humandalas-hero-panel p {
  max-width: 30rem;
  margin-top: 1.5rem !important;
  margin-bottom: 2.25rem !important;
  font-size: clamp(1.05rem, 1.3vw, 1.25rem) !important;
  line-height: 1.7 !important;
}

.humandalas-hero-cta-mockup .wp-block-button__link,
.humandalas-cta-epic .wp-block-button__link,
.humandalas-path-step-epic .wp-block-button__link {
  background: var(--hd-orange) !important;
  color: #23133a !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(255, 143, 90, 0.28) !important;
  font-weight: 800 !important;
}

.humandalas-hero-cta-mockup .wp-block-button__link:hover,
.humandalas-cta-epic .wp-block-button__link:hover,
.humandalas-path-step-epic .wp-block-button__link:hover {
  background: #ffb07f !important;
  color: #23133a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 38px rgba(255, 143, 90, 0.34) !important;
}

.humandalas-path-epic {
  padding-left: clamp(1rem, 4vw, 3rem);
  padding-right: clamp(1rem, 4vw, 3rem);
  background:
    radial-gradient(circle at 14% 8%, rgba(255, 143, 90, 0.14), transparent 28rem),
    linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
}

.humandalas-path-epic > .wp-block-spacer:first-child {
  height: clamp(48px, 7vw, 86px) !important;
}

.humandalas-path-epic h2,
.humandalas-founder-epic h2,
.humandalas-testimonials-epic h2,
.humandalas-final-cta-epic h2 {
  letter-spacing: 0;
}

.humandalas-path-epic > p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  color: var(--hd-muted) !important;
}

.humandalas-path-grid-epic {
  gap: 24px !important;
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.humandalas-path-step-epic {
  height: 100%;
  padding: 1.35rem !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid var(--hd-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 48px rgba(44, 24, 74, 0.08) !important;
}

.humandalas-path-step-epic:hover {
  transform: translateY(-5px) !important;
}

.humandalas-path-step-epic .path-step-number p {
  margin: 0 0 0.75rem !important;
  color: rgba(58, 28, 113, 0.16) !important;
  font-size: 2.45rem !important;
  line-height: 1 !important;
}

.humandalas-path-step-epic .wp-block-image {
  margin-bottom: 1.25rem !important;
}

.humandalas-path-step-epic img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 8px !important;
}

.humandalas-path-step-epic h3 {
  margin-top: 0 !important;
  color: var(--hd-purple-deep) !important;
  font-size: clamp(1.3rem, 1.7vw, 1.55rem) !important;
}

.humandalas-path-step-epic p {
  color: var(--hd-muted) !important;
  line-height: 1.65 !important;
}

.humandalas-founder-epic {
  background: #ffffff !important;
}

.humandalas-founder-epic .wp-block-columns {
  max-width: 1120px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.humandalas-founder-image-epic img,
.humandalas-testimonial-epic,
.humandalas-gallery-epic img {
  border-radius: 10px !important;
}

.humandalas-founder-text-epic {
  border-left: 4px solid var(--hd-orange);
}

.humandalas-testimonials-epic {
  background:
    linear-gradient(180deg, rgba(58, 28, 113, 0.04), rgba(255, 143, 90, 0.06)),
    #fffaf6 !important;
}

.humandalas-testimonial-epic {
  border: 1px solid var(--hd-border);
  box-shadow: 0 18px 48px rgba(44, 24, 74, 0.08) !important;
}

.final-cta-cover {
  min-height: clamp(430px, 52vw, 620px) !important;
}

.final-cta-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(36, 16, 68, 0.2), rgba(36, 16, 68, 0.7));
}

.final-cta-cover .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .site-main.humandalas-home {
    margin-top: -72px;
  }

  header.wp-block-template-part .site-header-inner {
    min-height: 72px;
  }

  header .wp-block-site-logo img {
    max-width: 160px;
    height: 44px !important;
  }

  .wp-block-cover.humandalas-hero-mockup {
    min-height: 760px !important;
    padding: 106px 20px 52px !important;
    align-items: flex-end !important;
  }

  .wp-block-cover.humandalas-hero-mockup::after {
    background:
      linear-gradient(180deg, rgba(16, 20, 17, 0.12) 0%, rgba(16, 20, 17, 0.2) 32%, rgba(16, 20, 17, 0.82) 100%),
      linear-gradient(90deg, rgba(16, 20, 17, 0.76), rgba(16, 20, 17, 0.18));
  }

  .wp-block-cover.humandalas-hero-mockup .wp-block-cover__image-background,
  .wp-block-cover.humandalas-hero-mockup img.wp-block-cover__image-background,
  .wp-block-cover.humandalas-hero-mockup img[data-object-fit="cover"] {
    object-position: 58% center !important;
  }

  .wp-block-cover.humandalas-hero-mockup .wp-block-cover__inner-container {
    align-items: flex-end !important;
    padding: 0 !important;
  }

  .humandalas-hero-panel {
    max-width: 100% !important;
    padding: 0 8px 6px !important;
  }

  .humandalas-hero-panel h1 {
    max-width: 11em;
    font-size: clamp(2rem, 8vw, 3rem) !important;
  }

  .humandalas-hero-panel p {
    max-width: 21rem;
    font-size: 1rem !important;
    line-height: 1.55 !important;
    margin-top: 1rem !important;
    margin-bottom: 1.4rem !important;
  }

  .humandalas-path-grid-epic {
    gap: 18px !important;
  }
}

@media (max-width: 480px) {
  .wp-block-cover.humandalas-hero-mockup {
    min-height: 720px !important;
    padding: 96px 18px 42px !important;
  }

  .humandalas-hero-panel h1 {
    font-size: clamp(1.85rem, 8.5vw, 2.45rem) !important;
  }

  .humandalas-hero-cta-mockup .wp-block-button__link {
    padding: 0.82rem 1.75rem !important;
  }

  .humandalas-path-epic h2,
  .humandalas-founder-epic h2,
  .humandalas-testimonials-epic h2,
  .humandalas-final-cta-epic h2 {
    font-size: clamp(2rem, 9vw, 2.7rem) !important;
  }
}