/* Weinprobe Limburg 0.4.1 – kanonisches Layout/Responsive
   Dieser Layer liegt bewusst nach wpl.css. Hier werden nur Struktur,
   Header und die responsiven Angebotsraster gepflegt. */

.wpl-main-nav-inner{
  max-width:1220px!important;
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  position:relative!important;
}
.wpl-nav-brand{min-width:0!important;justify-self:start!important;max-width:100%!important}
.wpl-nav-brand-copy{min-width:0!important}
.wpl-nav-brand-copy strong{white-space:nowrap!important}
.wpl-nav-actions{display:flex!important;align-items:center!important;gap:9px!important;justify-self:end!important;margin:0!important}
.wpl-nav-toggle{
  display:inline-flex!important;width:38px!important;height:38px!important;flex:0 0 38px!important;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  padding:0!important;border:1px solid rgba(40,33,29,.14)!important;border-radius:12px!important;
  background:rgba(255,255,255,.78)!important;color:var(--wpl-ink)!important;cursor:pointer!important;
}
.wpl-nav-toggle span{display:block!important;width:17px!important;height:1.5px!important;border-radius:2px!important;background:currentColor!important}
.wpl-nav-links{
  position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;
  width:min(320px,calc(100vw - 28px))!important;z-index:1005!important;display:none!important;
  flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:10px!important;
  border:1px solid rgba(40,33,29,.10)!important;border-radius:16px!important;
  background:rgba(252,250,246,.985)!important;box-shadow:0 18px 46px rgba(31,20,18,.11)!important;
}
.wpl-main-nav.is-open .wpl-nav-links{display:flex!important}
.wpl-nav-links>a{width:100%!important;min-height:42px!important;justify-content:flex-start!important;padding:10px 12px!important;border-radius:10px!important;font-size:.85rem!important}
.wpl-nav-links>a:after{display:none!important}
.wpl-nav-cta-desktop{display:inline-flex!important}
.wpl-nav-cta-mobile{display:flex!important;justify-content:center!important;margin-top:3px!important}

/* Hauptangebote: auf Desktop drei gleichwertige, vertikale Karten.
   Keine Sonderbehandlung der ersten Karte – so bleibt die Leserichtung ruhig
   und alle drei Wein-Erlebnisse wirken wie Angebote derselben Ebene. */
.wpl-focus-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:22px!important;align-items:stretch!important}
.wpl-focus-card,.wpl-focus-card:first-child,.wpl-focus-card:nth-child(n+2){
  min-width:0!important;height:auto!important;overflow:hidden!important;
  grid-column:auto!important;grid-row:auto!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
}
.wpl-focus-card .wpl-focus-media,.wpl-focus-card:first-child .wpl-focus-media,.wpl-focus-card:nth-child(n+2) .wpl-focus-media{
  width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;
}
.wpl-focus-card .wpl-focus-media img,.wpl-focus-card:first-child .wpl-focus-media img,.wpl-focus-card:nth-child(n+2) .wpl-focus-media img{
  display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;
}
.wpl-focus-body{min-width:0!important;height:auto!important;overflow:visible!important;flex:1 1 auto!important}
.wpl-focus-body h3,.wpl-focus-body>p{max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important}
.wpl-focus-body .wpl-btn{max-width:100%!important;white-space:normal!important;text-align:center!important}

/* Weitere Formate bleiben auf Desktop bewusst luftig. */
.wpl-experiences .wpl-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
.wpl-experiences .wpl-card,.wpl-experiences .wpl-card-body{min-width:0!important;height:auto!important}
.wpl-experiences .wpl-card h3,.wpl-experiences .wpl-copy{overflow-wrap:anywhere}

/* Sticky Header darf angesprungene Bereiche nicht verdecken. */
#wpl-start,#wpl-anlaesse,#wpl-erlebnisse,#wpl-vorteile,#wpl-termine,#wpl-partner,#wpl-eindruecke,#wpl-ueber-mich,#wpl-buchen{scroll-margin-top:104px!important}
.wpl-event-card{scroll-margin-top:112px}

@media(max-width:900px){
  .wpl-nav-brand-copy small{display:none!important}
  .wpl-nav-cta-desktop{display:none!important}
  .wpl-focus-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .wpl-main-nav-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .wpl-nav-brand-copy strong{font-size:.84rem!important}
  .wpl-nav-links{right:0!important;width:min(300px,calc(100vw - 20px))!important}
  .wpl-experiences .wpl-card-grid{grid-template-columns:1fr!important}
  .wpl-focus-card:first-child .wpl-focus-media,.wpl-focus-card:nth-child(n+2) .wpl-focus-media{aspect-ratio:4/3!important}
}

/* v0.4.3 – Mobile Haltung: alle Kompetenzpunkte exakt bündig. */
@media(max-width:820px){
  .wpl-why-grid > .wpl-why-item,
  .wpl-why-grid > .wpl-why-item + .wpl-why-item{
    width:100%!important;
    margin-left:0!important;
    padding-left:0!important;
    padding-right:0!important;
    border-left:0!important;
    box-sizing:border-box!important;
  }
}

/* v0.4.6 – Mobile Event-Typografie + robuste lange Titel */
@media(max-width:760px){
  .wpl-event-info h3,
  .wpl-event-title-link{
    max-width:100%!important;
    font-size:clamp(1.34rem,6.1vw,1.55rem)!important;
    line-height:1.06!important;
    letter-spacing:-.025em!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
  }
}
@media(max-width:620px){
  .wpl-event-detail-hero-copy{max-width:calc(100% - 44px)!important}
  .wpl-event-detail-hero h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(2.25rem,10.6vw,3.15rem)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    text-wrap:pretty!important;
  }
}
@media(max-width:390px){
  .wpl-event-card .wpl-event-row{grid-template-columns:50px minmax(0,1fr)!important;gap:12px!important;padding:18px 15px 21px!important}
  .wpl-event-date{width:50px!important;height:50px!important}
  .wpl-event-info h3,.wpl-event-title-link{font-size:1.30rem!important}
  .wpl-event-detail-hero-copy{left:18px!important;right:18px!important;max-width:calc(100% - 36px)!important}
  .wpl-event-detail-hero h1{font-size:clamp(2.12rem,10.2vw,2.7rem)!important}
}