/*
  site-polish-v15.css
  Purpose:
  - calm down the lower half of the landing page from bridge -> footer
  - lock the bridge CTA into a clearer desktop composition
  - add a more even vertical rhythm from no-office to the footer
*/

:root{
  --wbs-lower-gap-1: clamp(22px, 2.8vw, 34px);
  --wbs-lower-gap-2: clamp(34px, 4.4vw, 50px);
  --wbs-lower-gap-3: clamp(40px, 5vh, 58px);
  --wbs-lower-gap-end: clamp(18px, 2.8vh, 26px);
}

/* Service block -> bridge handoff */
#block4_service_premium_v1 .b3-trust{
  margin-top: clamp(24px, 2.6vw, 34px);
  padding-top: 16px;
}

/* Bridge CTA: quieter band, clearer desktop geometry */
.officeBridge{
  padding-top: var(--wbs-lower-gap-1);
  padding-bottom: var(--wbs-lower-gap-2);
}

.officeBridge__wrap{
  grid-template-areas: "cta text" !important;
  grid-template-columns: minmax(220px, max-content) minmax(0, 1fr) !important;
  align-items: center;
  gap: clamp(22px, 3vw, 40px);
  padding: clamp(20px, 2.3vw, 28px) clamp(20px, 2.7vw, 32px);
}

.officeBridge__cta{
  justify-self: start;
  align-self: center;
}

.officeBridge__text{
  max-width: 70ch;
  line-height: 1.72;
}

/* Open-office microblock: give it a calmer entry after the bridge */
[data-block-id="m2.no-open-office.v3"]{
  padding-top: clamp(28px, 3.2vw, 40px);
  padding-bottom: clamp(44px, 5vw, 62px);
}

[data-block-id="m2.no-open-office.v3"] .wbs-container::before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0 0 clamp(20px, 2.4vw, 28px);
  background: linear-gradient(90deg, transparent, var(--wbs-black-a06), transparent);
}

/* Lower-half rhythm: bridge -> proof -> slider -> abschluss -> faq -> final cta -> footer */
[data-block-id="b5.proof.ultrarefined.v1.2"]{
  padding-top: clamp(42px, 5vh, 56px) !important;
  padding-bottom: clamp(44px, 5vh, 58px) !important;
}

#block6_v13{
  padding-top: clamp(36px, 4.6vh, 50px) !important;
  padding-bottom: clamp(40px, 5vh, 56px) !important;
}

#block9{
  padding-top: clamp(36px, 4.4vh, 48px) !important;
  padding-bottom: clamp(40px, 5vh, 54px) !important;
}

[data-faq-2l] .section{
  padding-top: clamp(38px, 4.8vh, 52px) !important;
  padding-bottom: clamp(42px, 5vh, 56px) !important;
}

#block12_v3{
  padding-top: clamp(34px, 4.4vh, 46px) !important;
  padding-bottom: var(--wbs-lower-gap-end) !important;
}

#footer_v2_2{
  padding-top: clamp(16px, 2.6vh, 24px) !important;
}

#footer_v2_2 .footer__brandWrap{
  margin-top: clamp(18px, 2.6vh, 26px) !important;
}

@media (max-width: 980px){
  .officeBridge__wrap{
    grid-template-areas:
      "cta"
      "text" !important;
    grid-template-columns: 1fr !important;
    gap: 14px;
  }

  .officeBridge__cta{
    align-self: start;
  }

  [data-block-id="m2.no-open-office.v3"] .wbs-container::before{
    margin-bottom: 18px;
  }
}

@media (max-width: 720px){
  .officeBridge{
    padding-top: 18px;
    padding-bottom: 28px;
  }

  [data-block-id="m2.no-open-office.v3"]{
    padding-top: 22px;
    padding-bottom: 34px;
  }

  [data-block-id="b5.proof.ultrarefined.v1.2"],
  #block6_v13,
  #block9{
    padding-top: 30px !important;
    padding-bottom: 34px !important;
  }

  [data-faq-2l] .section{
    padding-top: 32px !important;
    padding-bottom: 36px !important;
  }

  #block12_v3{
    padding-top: 30px !important;
  }
}