/*
 * NaturFreunde Essen Designsystem 3.2.0
 * Clean Base: only rules that are intentionally global and verified.
 */

/* Header: use exactly the supplied NaturFreunde Essen logo.
   Existing theme logo/text children are hidden; no runtime JavaScript required. */
.nf7-brand {
    display: flex !important;
    align-items: center !important;
    width: 54px;
    min-width: 54px !important;
    height: 54px;
    overflow: visible;
}
.nf7-brand > * {
    display: none !important;
}
.nf7-brand::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    background-image: url("images/NF_EWO_Logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media (max-width: 620px) {
    .nf7-brand,
    .nf7-brand::before {
        width: 46px;
        min-width: 46px !important;
        height: 46px;
        flex-basis: 46px;
    }
}

/* v3.5.1 – Geschützter Bereich: Ortsgruppenbüro-Karte immer kontrastreich */
body.nfe-designsystem :is(
  .nfe-protected-office-card,
  .nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"]
){
  background:linear-gradient(145deg,#153d2d 0%,#236247 100%)!important;
  color:#fff!important;
  border-color:#245c43!important;
  box-shadow:0 15px 38px rgba(20,61,44,.15)!important;
}
body.nfe-designsystem :is(
  .nfe-protected-office-card,
  .nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"]
) :is(.nfe-protected-cardcopy,small,strong,em,p,span){
  color:#fff!important;
}
body.nfe-designsystem :is(
  .nfe-protected-office-card,
  .nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"]
) :is(em,p){
  color:rgba(255,255,255,.78)!important;
}
body.nfe-designsystem :is(
  .nfe-protected-office-card,
  .nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"]
) b{
  color:#dce97b!important;
}
body.nfe-designsystem :is(
  .nfe-protected-office-card,
  .nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"]
) .nfe-protected-icon{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}


/* v3.5.2 – endgültiger Kontrastfix für die Karte „Digitales Ortsgruppenbüro“.
   Die tatsächliche geschützte Übersicht verwendet nf-district-hub-card /
   nfe-protected-admin und nicht zwingend nfe-protected-card. */
html body.nfe-designsystem .nfe-protected-hub-clean :is(
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a[href*="digitales-ortsgruppenbuero"].nfe-ds-office-contrast,
  .nfe-ds-office-contrast
){
  background:#176b49!important;
  background-image:linear-gradient(145deg,#153d2d 0%,#236247 100%)!important;
  color:#fff!important;
  border-color:#245c43!important;
  box-shadow:0 15px 38px rgba(20,61,44,.17)!important;
}
html body.nfe-designsystem .nfe-protected-hub-clean :is(
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a[href*="digitales-ortsgruppenbuero"].nfe-ds-office-contrast,
  .nfe-ds-office-contrast
) :is(span,strong,small,p,em,i){
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
}
html body.nfe-designsystem .nfe-protected-hub-clean :is(
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a[href*="digitales-ortsgruppenbuero"].nfe-ds-office-contrast,
  .nfe-ds-office-contrast
) small{
  color:rgba(255,255,255,.82)!important;
}
html body.nfe-designsystem .nfe-protected-hub-clean :is(
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a[href*="digitales-ortsgruppenbuero"].nfe-ds-office-contrast,
  .nfe-ds-office-contrast
) b{
  color:#dce97b!important;
  -webkit-text-fill-color:#dce97b!important;
}


/* v3.5.3 – Geschützter Bereich: Ortsgruppenbüro-Karte robust kontrastreich.
   Bewusst im zentralen Designsystem und ohne separates Fix-Plugin. */
html body.nfe-designsystem :is(
  .nfe-ds-office-contrast,
  a.nfe-ds-office-contrast,
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  .nfe-protected-office-card,
  .nfe-office-rendered-entry
){
  background:#176b49!important;
  background-image:linear-gradient(145deg,#153d2d 0%,#236247 100%)!important;
  color:#fff!important;
  border-color:#245c43!important;
  box-shadow:0 15px 38px rgba(20,61,44,.17)!important;
}
html body.nfe-designsystem :is(
  .nfe-ds-office-contrast,
  a.nfe-ds-office-contrast,
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  .nfe-protected-office-card,
  .nfe-office-rendered-entry
) :is(h1,h2,h3,h4,p,span,strong,small,em,i,b,div){
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
}
html body.nfe-designsystem :is(
  .nfe-ds-office-contrast,
  a.nfe-ds-office-contrast,
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  .nfe-protected-office-card,
  .nfe-office-rendered-entry
) :is(p,small,em){
  color:rgba(255,255,255,.80)!important;
}
html body.nfe-designsystem :is(
  .nfe-ds-office-contrast,
  a.nfe-ds-office-contrast,
  a.nf-district-hub-card.nfe-protected-admin,
  .nf-district-hub-card.nfe-protected-admin,
  a.nf-district-hub-card[href*="digitales-ortsgruppenbuero"],
  a.nfe-protected-card[href*="digitales-ortsgruppenbuero"],
  .nfe-protected-office-card,
  .nfe-office-rendered-entry
) b{
  color:#dce97b!important;
  -webkit-text-fill-color:#dce97b!important;
}


/* v3.5.4 – Geschützter Bereich: auch „Mein Bereich“ klar kontrastreich.
   Bleibt vollständig im zentralen Designsystem. */
html body.nfe-designsystem :is(
  .nfe-ds-myarea-contrast,
  a[href*="mitgliederbereich"].nfe-ds-myarea-contrast,
  a[href*="mein-bereich"].nfe-ds-myarea-contrast,
  .nfe-protected-member-wide,
  .nfe-protected-card[href*="mitgliederbereich"],
  .nfe-protected-card[href*="mein-bereich"],
  .nf-district-hub-card[href*="mitgliederbereich"],
  .nf-district-hub-card[href*="mein-bereich"]
){
  background:#fff!important;
  background-image:none!important;
  color:#173d2c!important;
  border:1px solid #cfdcd4!important;
  box-shadow:0 12px 34px rgba(25,35,25,.07)!important;
}
html body.nfe-designsystem :is(
  .nfe-ds-myarea-contrast,
  a[href*="mitgliederbereich"].nfe-ds-myarea-contrast,
  a[href*="mein-bereich"].nfe-ds-myarea-contrast,
  .nfe-protected-member-wide,
  .nfe-protected-card[href*="mitgliederbereich"],
  .nfe-protected-card[href*="mein-bereich"],
  .nf-district-hub-card[href*="mitgliederbereich"],
  .nf-district-hub-card[href*="mein-bereich"]
) :is(h1,h2,h3,h4,p,span,strong,small,em,i,b,div){
  color:#173d2c!important;
  -webkit-text-fill-color:currentColor!important;
}
html body.nfe-designsystem :is(
  .nfe-ds-myarea-contrast,
  a[href*="mitgliederbereich"].nfe-ds-myarea-contrast,
  a[href*="mein-bereich"].nfe-ds-myarea-contrast,
  .nfe-protected-member-wide,
  .nfe-protected-card[href*="mitgliederbereich"],
  .nfe-protected-card[href*="mein-bereich"],
  .nf-district-hub-card[href*="mitgliederbereich"],
  .nf-district-hub-card[href*="mein-bereich"]
) :is(p,small,em){
  color:#607067!important;
}
html body.nfe-designsystem :is(
  .nfe-ds-myarea-contrast,
  a[href*="mitgliederbereich"].nfe-ds-myarea-contrast,
  a[href*="mein-bereich"].nfe-ds-myarea-contrast,
  .nfe-protected-member-wide,
  .nfe-protected-card[href*="mitgliederbereich"],
  .nfe-protected-card[href*="mein-bereich"],
  .nf-district-hub-card[href*="mitgliederbereich"],
  .nf-district-hub-card[href*="mein-bereich"]
) b{
  color:#176b47!important;
  -webkit-text-fill-color:#176b47!important;
}