/* Adeo Marketing Webb 2.0 – staging UX cleanup */

/* Keep header height stable without overriding the intentional floating/glass
 * geometry from the core header styles. */
.site-header.is-scrolled .site-header__inner{min-height:var(--header)!important}

/* Inner-page heroes need a reliable safe area below the fixed header. */
.page-hero{
  padding-top:calc(var(--header) + 104px)!important;
}
.page-hero .eyebrow{position:relative;z-index:2}

/* Homepage client logos should read as a trust strip, not another card grid. */
.client-logo-grid{
  align-items:center;
  gap:clamp(20px,4vw,52px)!important;
  padding-block:8px;
}
.client-logo{
  min-height:82px!important;
  padding:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible;
  transition:opacity .25s ease,transform .25s var(--ease)!important;
}
.client-logo:hover{
  background:transparent!important;
  border-color:transparent!important;
  transform:translateY(-2px);
}
html[data-theme="light"] .client-logo{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.client-logo img{opacity:.62;max-height:58px!important}
.client-logo:hover img{opacity:.95}

/* Startpaket: one consistent accent for every included benefit. */
.package-list li:not(.is-excluded):before{
  background:rgba(255,92,0,.13)!important;
  border:1px solid rgba(255,92,0,.24)!important;
  color:var(--orange)!important;
}
html[data-theme="light"] .package-list li:not(.is-excluded):before{
  background:rgba(255,92,0,.10)!important;
  border-color:rgba(255,92,0,.22)!important;
  color:#d94f00!important;
}

/* About: replace repeated cards with an editorial values list. */
.values-grid--editorial{
  grid-template-columns:1fr!important;
  gap:0!important;
  margin-top:34px;
  border-top:1px solid var(--theme-line);
}
.values-grid--editorial .value-card{
  display:grid;
  grid-template-columns:minmax(150px,.36fr) minmax(0,1fr);
  gap:clamp(22px,5vw,72px);
  align-items:start;
  padding:clamp(28px,5vw,48px) 0!important;
  border:0!important;
  border-bottom:1px solid var(--theme-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.values-grid--editorial .value-card__number{margin:4px 0 0!important}
.values-grid--editorial .value-card h3{margin:0 0 12px}
.values-grid--editorial .value-card p{margin:0}
html[data-theme="light"] .values-grid--editorial .value-card{
  background:transparent!important;
  box-shadow:none!important;
}

/* About CTA intentionally differs from the newsletter: open editorial layout
 * with one accent rule instead of another rounded box. */
.about-cta .cta-panel{
  position:relative;
  padding:clamp(24px,5vw,54px) 0 clamp(24px,5vw,54px) clamp(24px,4vw,48px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.about-cta .cta-panel:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,var(--orange),rgba(255,92,0,.08));
}
html[data-theme="light"] .about-cta .cta-panel{
  background:transparent!important;
  box-shadow:none!important;
}

/* Contact process: timeline rather than three disconnected boxes. */
.process-timeline{
  position:relative;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(28px,5vw,64px)!important;
  margin-top:10px;
}
.process-timeline:before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:13px;
  height:1px;
  background:linear-gradient(90deg,var(--orange),var(--champ),var(--blue));
  opacity:.6;
}
.process-timeline .process-card{
  position:relative;
  min-height:0!important;
  padding:48px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.process-timeline .process-card:before{
  content:"";
  position:absolute;
  top:7px;
  left:8px;
  width:13px;
  height:13px;
  border:3px solid var(--theme-canvas);
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 0 1px rgba(255,92,0,.42);
}
.process-timeline .process-card:nth-child(2):before{background:var(--champ);box-shadow:0 0 0 1px rgba(201,183,156,.42)}
.process-timeline .process-card:nth-child(3):before{background:var(--blue);box-shadow:0 0 0 1px rgba(37,120,255,.42)}
.process-timeline .process-card span{margin:0 0 12px!important}
.process-timeline .process-card h3{margin:0 0 8px}
html[data-theme="light"] .process-timeline .process-card{
  background:transparent!important;
  box-shadow:none!important;
}

/* Newsletter: restore the visual chapter and fix the mobile horizontal padding
 * that was lost in the later mobile QA layer. */
.newsletter-band{
  background:
    radial-gradient(circle at 0 0,rgba(255,92,0,.18),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(37,120,255,.15),transparent 38%),
    linear-gradient(135deg,rgba(255,92,0,.07),rgba(255,255,255,.028) 48%,rgba(37,120,255,.065))!important;
}
html[data-theme="light"] .newsletter-band{
  background:
    radial-gradient(circle at 0 0,rgba(255,92,0,.12),transparent 34%),
    radial-gradient(circle at 100% 100%,rgba(37,120,255,.10),transparent 38%),
    linear-gradient(135deg,#fff7f1,#fff 48%,#f4f8ff)!important;
}

@media(max-width:859px){
  .page-hero{
    padding-top:calc(var(--header) + 76px)!important;
    padding-bottom:54px!important;
  }
  .client-logo-grid{gap:18px 12px!important}
  .client-logo{min-height:66px!important;padding:5px!important}
  .client-logo img{max-height:46px!important}

  .values-grid--editorial .value-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:30px 0!important;
  }
  .values-grid--editorial .value-card__number{margin:0!important}

  .process-timeline{
    grid-template-columns:1fr!important;
    gap:0!important;
    padding-left:34px;
  }
  .process-timeline:before{
    left:10px;
    right:auto;
    top:8px;
    bottom:8px;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,var(--orange),var(--champ),var(--blue));
  }
  .process-timeline .process-card{
    padding:0 0 34px 18px!important;
  }
  .process-timeline .process-card:last-child{padding-bottom:0!important}
  .process-timeline .process-card:before{
    top:4px;
    left:-30px;
  }

  .newsletter-band{
    padding:32px 26px 36px!important;
    gap:22px!important;
    border-radius:24px!important;
  }
  .newsletter-band>div{min-width:0}
  .newsletter-band h2{font-size:clamp(2rem,9vw,3.35rem)!important}
  .newsletter-band>div:first-child>p:last-child{margin-bottom:0;line-height:1.6}
}

@media(max-width:520px){
  .page-hero{padding-top:calc(var(--header) + 66px)!important}
  .newsletter-band{
    padding:26px 20px 30px!important;
    border-radius:20px!important;
  }
  .newsletter-band .newsletter-form__row{gap:8px!important}
  .newsletter-band .newsletter-form__row input,
  .newsletter-band .newsletter-form__row button{min-height:52px!important}
  .newsletter-form__consent{font-size:.7rem!important;line-height:1.45!important}
  .about-cta .cta-panel{padding-left:24px!important}
}

@media(prefers-reduced-motion:reduce){
  .site-header,.site-header__inner{transition:none!important}
}