/* WEISS PADEL CONNECT · Editorial Header V06
   Shared light page introduction for all public search directories.
   This component intentionally uses its own DOM contract so legacy hero layers
   cannot change its geometry. Header, search logic and filter visibility remain untouched. */

:root {
  --wper-ink:#172235;
  --wper-copy:#526176;
  --wper-petrol:#087f7a;
  --wper-teal:#0b8f8c;
  --wper-kicker-size:.65rem;
  --wper-title-size:clamp(2.95rem,3.55vw,3.75rem);
  --wper-title-line-height:.98;
  --wper-lead-size:.92rem;
}

body.wp-excellence .wp-editorial-hero {
  --wper-ink:#172235;
  --wper-copy:#526176;
  --wper-muted:#7b8797;
  --wper-line:#d3dde3;
  --wper-line-strong:#c4d0d8;
  --wper-paper:#fff;
  --wper-mist:#eef3f5;
  --wper-violet:#7549e4;
  --wper-petrol:#087f7a;
  --wper-teal:#0b8f8c;
  --wper-dark:#121c29;
  --wper-kicker-size:.65rem;
  --wper-title-size:clamp(2.95rem,3.55vw,3.75rem);
  --wper-title-line-height:.98;
  --wper-lead-size:.92rem;
  position:relative;
  isolation:isolate;
  width:100%;
  margin:0;
  overflow:hidden;
  border-bottom:1px solid var(--wper-line);
  background:
    linear-gradient(118deg,rgba(117,73,228,.035),transparent 34%,rgba(11,143,140,.07)),
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(239,244,246,.97)),
    var(--wper-mist);
  color:var(--wper-ink);
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}

body.wp-excellence .wp-editorial-hero::before {
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(rgba(23,34,53,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,34,53,.022) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 78%);
  mask-image:linear-gradient(90deg,#000,transparent 78%);
  content:"";
  pointer-events:none;
}

body.wp-excellence .wp-editorial-hero__inner {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,380px);
  align-items:center;
  gap:30px;
  box-sizing:border-box;
  width:calc(100% - 44px);
  max-width:1500px;
  min-height:260px;
  margin:0 auto;
  padding:28px 4px 26px;
}

body.wp-excellence .wp-editorial-hero__copy {
  min-width:0;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
}

body.wp-excellence .wp-editorial-hero__kicker,
body.wp-excellence .wp-editorial-hero__action-label {
  margin:0;
  color:var(--wper-petrol);
  font-size:var(--wper-kicker-size);
  font-weight:650;
  letter-spacing:.18em;
  line-height:1.35;
  text-transform:uppercase;
}

body.wp-excellence .wp-editorial-hero__title {
  max-width:860px;
  margin:12px 0 13px;
  color:var(--wper-ink);
  font-size:var(--wper-title-size);
  font-weight:580;
  letter-spacing:-.048em;
  line-height:var(--wper-title-line-height);
}

body.wp-excellence .wp-editorial-hero__title>span {
  display:block;
  color:var(--wper-teal);
}

body.wp-excellence .wp-editorial-hero__lead {
  max-width:740px;
  margin:0;
  color:var(--wper-copy);
  font-size:var(--wper-lead-size);
  line-height:1.58;
}

body.wp-excellence .wp-editorial-hero__action {
  position:relative;
  align-self:center;
  display:flex;
  justify-content:center;
  flex-direction:column;
  box-sizing:border-box;
  min-width:0;
  height:218px;
  min-height:218px;
  max-height:218px;
  padding:20px 22px;
  overflow:hidden;
  border:1px solid rgba(156,178,190,.68);
  border-radius:18px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,249,248,.94)),
    var(--wper-paper);
  box-shadow:0 18px 44px rgba(23,34,53,.075);
}
body.wp-excellence .wp-editorial-hero__action::before {
  position:absolute;
  top:14%;
  left:-1px;
  width:4px;
  height:72%;
  border-radius:0 999px 999px 0;
  background:linear-gradient(var(--wper-violet),var(--wper-teal));
  content:"";
}
body.wp-excellence .wp-editorial-hero__action-title {
  margin:11px 0 8px;
  min-height:50px;
  color:var(--wper-ink);
  font-size:1.38rem;
  font-weight:580;
  letter-spacing:-.026em;
  line-height:1.12;
}

body.wp-excellence .wp-editorial-hero__action-title>span {
  color:var(--wper-petrol);
}

body.wp-excellence .wp-editorial-hero__action-copy {
  width:100%;max-width:none;min-height:48px;
  margin:0;
  color:var(--wper-copy);
  font-size:.76rem;
  line-height:1.5;
}

body.wp-excellence :is(a,button).wp-editorial-hero__action-link {
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  align-items:center;
  gap:18px;
  width:100%;
  min-height:44px;
  margin-top:12px;
  padding:0 8px 0 14px;
  border:1px solid var(--wper-dark);
  border-radius:11px;
  background:var(--wper-dark);
  box-shadow:none;
  color:#fff;
  font-size:.76rem;
  font-weight:650;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
body.wp-excellence .wp-editorial-hero__action-arrow {
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:.88rem;
  transition:transform .18s ease,background-color .18s ease,color .18s ease;
}
body.wp-excellence :is(a,button).wp-editorial-hero__action-link:hover,
body.wp-excellence :is(a,button).wp-editorial-hero__action-link:focus-visible {
  border-color:var(--wper-petrol);
  background:var(--wper-petrol);
}

body.wp-excellence :is(a,button).wp-editorial-hero__action-link:hover .wp-editorial-hero__action-arrow,
body.wp-excellence :is(a,button).wp-editorial-hero__action-link:focus-visible .wp-editorial-hero__action-arrow {
  background:#fff;
  color:var(--wper-petrol);
  transform:translateX(3px);
}
body.wp-excellence :is(a,button).wp-editorial-hero__action-link:focus-visible {
  outline:3px solid rgba(8,127,122,.2);
  outline-offset:4px;
}

body.wp-excellence .wp-editorial-hero+.feature-layout {
  margin-top:22px!important;
}

body.wp-excellence .wp-editorial-hero+.feature-layout>.wp-search-filter-panel>form:first-child {
  margin-top:0;
}

@media (min-width:981px) and (max-width:1280px) {
  body.wp-excellence .wp-editorial-hero {
    --wper-title-size:clamp(2.65rem,3.8vw,3.2rem);
    box-sizing:border-box;
    height:260px;
    min-height:260px;
    max-height:260px;
  }
  body.wp-excellence .wp-editorial-hero__inner {
    grid-template-columns:minmax(0,1fr) minmax(320px,350px);
    gap:22px;
    height:260px;
    min-height:260px;
    max-height:260px;
    padding:24px 0 22px;
  }

  body.wp-excellence .wp-editorial-hero__copy { height:174px;min-height:174px;max-height:174px; }
  body.wp-excellence .wp-editorial-hero__title { font-size:var(--wper-title-size); }
  body.wp-excellence .wp-editorial-hero__action { height:218px;min-height:218px;max-height:218px;padding:20px; }
  body.wp-excellence .wp-editorial-hero__action-title { font-size:1.25rem; }
}

@media (max-width:980px) {
  body.wp-excellence .wp-editorial-hero__inner {
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:20px;
    width:calc(100% - 30px);
    min-height:0;
    padding:24px 0 22px;
  }

  body.wp-excellence .wp-editorial-hero__action {
    grid-column:1;
    min-height:212px;
    margin-top:2px;
    padding:20px 22px;
  }

  body.wp-excellence .wp-editorial-hero+.feature-layout { margin-top:16px!important; }
}

@media (min-width:681px) and (max-width:980px) {
  body.wp-excellence .wp-editorial-hero {
    box-sizing:border-box;
    height:472px;
    min-height:472px;
    max-height:472px;
  }

  body.wp-excellence .wp-editorial-hero__inner {
    height:472px;
    min-height:472px;
    max-height:472px;
  }

  body.wp-excellence .wp-editorial-hero__copy {
    height:185px;
    min-height:185px;
    max-height:185px;
  }

  body.wp-excellence .wp-editorial-hero__action {
    box-sizing:border-box;
    height:212px;
    min-height:212px;
    max-height:212px;
  }
}

@media (max-width:680px) {
  body.wp-excellence .wp-editorial-hero {
    --wper-title-size:clamp(2.45rem,11.7vw,3.25rem);
    --wper-title-line-height:1;
    --wper-lead-size:.86rem;
    box-sizing:border-box;
    height:508px;
    min-height:508px;
    max-height:508px;
  }

  body.wp-excellence .wp-editorial-hero__inner {
    display:block;
    width:calc(100% - 24px);
    height:508px;
    min-height:508px;
    max-height:508px;
    padding:27px 0 0;
  }

  body.wp-excellence .wp-editorial-hero__copy {
    box-sizing:border-box;
    height:220px;
    min-height:220px;
    max-height:220px;
  }

  body.wp-excellence .wp-editorial-hero__title {
    margin-top:11px;
    font-size:var(--wper-title-size);
    line-height:var(--wper-title-line-height);
  }

  body.wp-excellence .wp-editorial-hero__lead { font-size:var(--wper-lead-size); }

  body.wp-excellence .wp-editorial-hero__action {
    box-sizing:border-box;
    height:243px;
    min-height:243px;
    max-height:243px;
    margin:18px 0 0;
    padding:20px;
    border:1px solid rgba(156,178,190,.68);
    border-radius:16px;
  }

  body.wp-excellence .wp-editorial-hero__action::before { display:block; }
  body.wp-excellence .wp-editorial-hero__action-copy { max-width:none; }

}

@media (prefers-reduced-motion:reduce) {
  body.wp-excellence .wp-editorial-hero__action-arrow { transition:none; }
}

/* Editorial Header V06 compact action card · no redundant bridge */
@media (min-width:1281px) {
  body.wp-excellence .wp-editorial-hero {
    box-sizing:border-box;
    height:260px;
    min-height:260px;
    max-height:260px;
  }

  body.wp-excellence .wp-editorial-hero__inner {
    height:260px;
    min-height:260px;
    max-height:260px;
  }
}

body.wp-excellence .wp-editorial-hero+.shop-shell {
  margin-top:0!important;
  padding-top:22px!important;
  background:#dce3e8;
}

body.wp-excellence .wp-editorial-hero+.assistant-shell {
  padding-top:22px!important;
}

body.wp-excellence .assistant-hero.assistant-hero--workspace {
  display:block;
  grid-template-columns:1fr;
  gap:0;
  padding:30px;
}

body.wp-excellence .assistant-hero--workspace>.assistant-console {
  width:100%;
  max-width:none;
}

@media (min-width:681px) and (max-width:980px) {
  body.wp-excellence .wp-editorial-hero {
    box-sizing:border-box;
    height:472px;
    min-height:472px;
    max-height:472px;
  }

  body.wp-excellence .wp-editorial-hero__inner {
    height:472px;
    min-height:472px;
    max-height:472px;
  }

  body.wp-excellence .wp-editorial-hero__copy {
    height:185px;
    min-height:185px;
    max-height:185px;
  }

  body.wp-excellence .wp-editorial-hero__action {
    box-sizing:border-box;
    height:212px;
    min-height:212px;
    max-height:212px;
  }
}

@media (max-width:680px) {
  body.wp-excellence .wp-editorial-hero+.shop-shell,
  body.wp-excellence .wp-editorial-hero+.assistant-shell {
    padding-top:16px!important;
  }

  body.wp-excellence .assistant-hero.assistant-hero--workspace {
    padding:12px;
  }
}