/* GJ Suite v1.2.108.457 – Frontend Conversion Pro */
:root{
  --gj-fc-red:#a9342e;
  --gj-fc-red-dark:#87221e;
  --gj-fc-ink:#172033;
  --gj-fc-muted:#64748b;
  --gj-fc-line:#eadbd7;
  --gj-fc-soft:#fff7f4;
  --gj-fc-gold:#b88927;
  --gj-fc-violet:#6d4bc2;
}

/* Karten wirken hochwertiger, bleiben aber kompatibel mit dem vorhandenen Design-System. */
html body .gjdt-conversion-card,
html body .gjlr-business-live-card-shell .gjdt-custom-card,
html body .gj-business-directory-landing .gjdt-custom-card,
html body .gjlr-community .gjdt-custom-card,
html body .gjlr-tiles-wrap .gjdt-custom-card{
  position:relative!important;
  isolation:isolate!important;
  border-radius:22px!important;
  border:1px solid rgba(169,52,46,.12)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.075)!important;
  transform:translateZ(0);
}
html body .gjdt-conversion-card:hover,
html body .gjlr-business-live-card-shell .gjdt-custom-card:hover,
html body .gj-business-directory-landing .gjdt-custom-card:hover,
html body .gjlr-community .gjdt-custom-card:hover,
html body .gjlr-tiles-wrap .gjdt-custom-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(169,52,46,.24)!important;
  box-shadow:0 28px 58px rgba(15,23,42,.13)!important;
}
html body .gjdt-conversion-card::before,
html body .gj-business-directory-landing .gjdt-custom-card::before,
html body .gjlr-community .gjdt-custom-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  background:linear-gradient(90deg,rgba(169,52,46,.95),rgba(184,137,39,.70));
  opacity:.0;
  z-index:2;
  pointer-events:none;
}
html body .gjdt-card-package-premium::before,
html body [data-gj-card-package="premium"]::before{
  opacity:1!important;
  background:linear-gradient(90deg,#a9342e,#c8922e,#f4d58c)!important;
}
html body .gjdt-card-package-partner::before,
html body [data-gj-card-package="partner"]::before{
  opacity:1!important;
  background:linear-gradient(90deg,#a9342e,#7b61ff)!important;
}
html body .gjdt-card-package-premium,
html body [data-gj-card-package="premium"]{
  border-color:rgba(184,137,39,.34)!important;
  box-shadow:0 22px 56px rgba(184,137,39,.13),0 14px 34px rgba(15,23,42,.07)!important;
}
html body .gjdt-card-package-partner,
html body [data-gj-card-package="partner"]{
  border-color:rgba(109,75,194,.23)!important;
  box-shadow:0 20px 48px rgba(109,75,194,.10),0 14px 34px rgba(15,23,42,.06)!important;
}

/* Premium/Partner/Mehrwert-Badges hochwertiger und klarer. */
html body .gjdt-custom-badge--premium,
html body .gjdt-card-value-badge--premium{
  background:linear-gradient(135deg,#fff9ea,#f3d99b)!important;
  border-color:rgba(184,137,39,.42)!important;
  color:#7d5515!important;
  box-shadow:0 8px 18px rgba(184,137,39,.17)!important;
}
html body .gjdt-custom-badge--partner,
html body .gjdt-card-value-badge--partner{
  background:linear-gradient(135deg,#f7f2ff,#e5dcff)!important;
  border-color:rgba(109,75,194,.26)!important;
  color:#56369c!important;
  box-shadow:0 8px 18px rgba(109,75,194,.12)!important;
}
html body .gjdt-custom-status--open,
html body .gjlr-status--offen,
html body .gjdt-card-value-badge--offen,
html body .gjdt-card-value-badge--open{
  box-shadow:0 10px 22px rgba(21,155,56,.18)!important;
}
html body .gjdt-perg-gutschein-badge,
html body .gjdt-card-value-badge--perg-gutschein{
  background:linear-gradient(135deg,var(--gj-fc-red),#c84b42)!important;
}

/* Schnellaktionen direkt auf der Karte. */
html body .gjdt-card-quick-actions,
html body .gjlr-business-quick-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:14px 0 0!important;
  padding-top:12px!important;
  border-top:1px solid rgba(234,219,215,.72)!important;
}
html body .gjdt-card-action,
html body .gjlr-business-quick-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(169,52,46,.16)!important;
  color:var(--gj-fc-red)!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
}
html body .gjdt-card-action--details,
html body .gjlr-business-quick-actions a:first-child{
  background:linear-gradient(135deg,var(--gj-fc-red),#c34a42)!important;
  color:#fff!important;
  border-color:transparent!important;
}
html body .gjdt-card-action:hover,
html body .gjlr-business-quick-actions a:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 24px rgba(15,23,42,.09)!important;
}

/* Gemeinde-Betriebe: professionelle Kennzahlen-Leiste über den Ergebnissen. */
html body .gjlr-business-front-summary{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:stretch!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:14px!important;
  border:1px solid rgba(234,219,215,.95)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff,#fff7f4)!important;
  box-shadow:0 16px 36px rgba(15,23,42,.055)!important;
}
html body .gjlr-summary-chip{
  min-height:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 13px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(169,52,46,.11)!important;
  color:var(--gj-fc-ink)!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(15,23,42,.04)!important;
}
html body .gjlr-summary-chip strong{
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  color:var(--gj-fc-red)!important;
}
html body .gjlr-summary-chip span{
  font-size:12px!important;
  line-height:1.1!important;
  font-weight:800!important;
  color:#5b6675!important;
}
html body .gjlr-summary-chip.is-open strong{color:#16833a!important;}
html body .gjlr-summary-chip.is-gutschein strong{color:var(--gj-fc-red)!important;}
html body .gjlr-summary-chip.is-jobs strong{color:#a85b08!important;}
html body .gjlr-summary-chip.is-filter{
  margin-left:auto!important;
  background:#fffaf7!important;
}

/* Filter und Trefferbereiche ruhiger, app-artiger. */
html body .gjlr-business-tabs,
html body .gjdt-location-tabs,
html body .gjdt-branch-tabs{
  gap:8px!important;
}
html body .gjlr-business-tab,
html body .gjdt-location-tab,
html body .gjdt-branch-tab{
  border-radius:999px!important;
  font-weight:850!important;
  box-shadow:0 6px 16px rgba(15,23,42,.04)!important;
}
html body .gjlr-business-tab.is-active,
html body .gjdt-location-tab.is-active,
html body .gjdt-branch-tab.is-active{
  box-shadow:0 10px 22px rgba(169,52,46,.13)!important;
}
html body .gjdt-landing-no-results,
html body .gjlr-empty-state{
  border-radius:22px!important;
  border:1px solid rgba(234,219,215,.95)!important;
  background:linear-gradient(135deg,#fff,#fff7f4)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.055)!important;
}

/* Skeleton Loader etwas hochwertiger. */
html body .gjdt-skeleton-card{
  border-radius:22px!important;
  border:1px solid rgba(234,219,215,.9)!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
html body .gjdt-skeleton-thumb,
html body .gjdt-skeleton-line{
  background:linear-gradient(90deg,#f4ece9,#fff7f4,#f4ece9)!important;
  background-size:220% 100%!important;
  animation:gjFcSkeleton 1.25s ease-in-out infinite!important;
}
@keyframes gjFcSkeleton{0%{background-position:0% 0}100%{background-position:-220% 0}}

/* Mobile Conversion: mehr App-Feeling, schnellere Aktionen. */
@media (max-width:767px){
  html body .gjdt-custom-card,
  html body .gjlr-business-live-card-shell .gjdt-custom-card,
  html body .gjlr-business-card{
    border-radius:20px!important;
  }
  html body .gjdt-custom-body{
    padding:14px 14px 12px!important;
  }
  html body .gjdt-custom-title,
  html body .gjdt-custom-title a{
    font-size:16.5px!important;
    line-height:1.22!important;
    letter-spacing:-.025em!important;
  }
  html body .gjdt-custom-badge-row{
    gap:5px!important;
    margin-bottom:10px!important;
  }
  html body .gjdt-card-quick-actions,
  html body .gjlr-business-quick-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:12px!important;
  }
  html body .gjdt-card-action,
  html body .gjlr-business-quick-actions a{
    width:100%!important;
    min-height:36px!important;
    padding:9px 8px!important;
    font-size:12px!important;
  }
  html body .gjlr-business-front-summary{
    border-radius:18px!important;
    padding:10px!important;
    gap:7px!important;
  }
  html body .gjlr-summary-chip{
    min-height:46px!important;
    flex:1 1 calc(50% - 7px)!important;
    padding:9px 10px!important;
    border-radius:14px!important;
  }
  html body .gjlr-summary-chip.is-filter{
    margin-left:0!important;
    flex-basis:100%!important;
  }
  html body .gjlr-summary-chip strong{font-size:18px!important;}
  html body .gjlr-business-tabs{
    position:sticky!important;
    top:8px!important;
    z-index:5!important;
    padding:8px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(234,219,215,.85)!important;
    box-shadow:0 12px 26px rgba(15,23,42,.08)!important;
    backdrop-filter:blur(12px)!important;
  }
}

@media (max-width:420px){
  html body .gjdt-card-quick-actions,
  html body .gjlr-business-quick-actions{
    grid-template-columns:1fr 1fr!important;
  }
  html body .gjlr-summary-chip{
    flex-basis:100%!important;
  }
}