/* ===========================================================
   foodie | Pflancy – plant-based clean design
   Version: 1.0.1
   =========================================================== */

.foodie-pflancy {
  --pflancy-accent: #2d8659; /* Pflancy Grün */
  --text: #222;
  --muted: #666;
  --card-bg: #fff;
  --shadow: 0 6px 22px rgba(0,0,0,.06);

  background: var(--card-bg);
  color: var(--text);
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow: var(--shadow);
  line-height: 1.55;
}

/* Headings */
.foodie-pflancy .fp-title {
  margin: 0 0 .35rem;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem);
  letter-spacing: .2px;
}
.foodie-pflancy h3 {
  margin: 1.2rem 0 .4rem;
  font-size: clamp(1.05rem, 1.6vw, 1.15rem);
  color: var(--pflancy-accent);
}

/* Absätze & Spacing */
.foodie-pflancy p { margin: .4rem 0; }
.foodie-pflancy section + section { margin-top: .6rem; }

/* Teaser */
.foodie-pflancy .fp-teaser p {
  font-weight: 600;
}

/* Falls irgendwo noch ::marker reinfunkt – deaktivieren */
.foodie-pflancy .fp-benefits ul li::marker {
  content: none !important;
}
/* Benefit-Box (Dein Plus) – final */
.foodie-pflancy .fp-benefits {
  background: rgba(45,134,89,.06);
  border: 1px solid rgba(45,134,89,.18);
  border-radius: 12px;
  padding: 10px 14px;
}

/* UL: keine nativen Marker, wir machen eigene Punkte */
.foodie-pflancy .fp-benefits ul {
  list-style: none !important;
  margin: 6px 0 0;
  padding-left: 0;
}

/* LI: Platz schaffen für unseren Punkt */
.foodie-pflancy .fp-benefits li {
  position: relative;
  margin: .3rem 0;
  padding-left: 1.2rem;
}

/* Eigener grüner Punkt links */
.foodie-pflancy .fp-benefits li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 999px;
  background: var(--pflancy-accent);
}

/* Links dezent */
.foodie-pflancy a{ color:var(--pflancy-accent); text-decoration-thickness:2px; text-underline-offset:2px; }

/* Blocksatz für alle Pflancy-Textabschnitte inkl. Brandbox wie bei bedda */
.foodie-pflancy .fp-brandbox p,
.foodie-pflancy .fp-brandintro p,
.foodie-pflancy .fp-brandbox-inner p,
.foodie-pflancy .fp-intro p,
.foodie-pflancy .fp-desc p,
.foodie-pflancy .fp-teaser p,
.foodie-pflancy .fp-meal p,
.foodie-pflancy .fp-tip p { 
   text-align:justify !important; 
}

.fp-brandbox-inner {
  display: flex;
  flex-direction: column;     /* Logo oben, Text darunter */
  align-items: flex-start;    /* Text linksbündig */
  gap: 12px;                  /* Abstand zwischen Logo und Text */
  text-align: justify;        /* Blöcke im Blocksatz */
}
.fp-brandbox-inner img {
  max-width: 140px;
  height: auto;
  flex-shrink: 0;
  margin-bottom: 8px;
}
.fp-brandbox-inner p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #333;
}
/* Pflancy Brand-Masterbox – klassischer Look */
.foodie-pflancy .fp-brandbox {
  background: #f9f9f3;            /* leicht beige */
  border: 1px solid #e1e1dc;      /* zarte Umrandung wie früher */
  padding: 18px 20px;
  border-radius: 8px;
  margin: 32px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.foodie-pflancy .fp-brandbox h3 {
  font-size: 18px;
  margin-bottom: 14px;
  color: #4f936c;                 /* Pflancy-Grün für die Überschrift */
  font-weight: 600;
}

/* Innenleben: Logo + Text wie bisher */
.foodie-pflancy .fp-brandbox-inner {
  display: block;
  text-align: justify;            /* Blocksatz in der Box */
}

.foodie-pflancy .fp-brandbox-inner > img {
  display: block;
  margin: 0 auto 15px;
  max-width: 140px;
  height: auto;
}

.foodie-pflancy .fp-brandbox-inner > p {
  margin: 0 0 0.75em;
}

/* Mobile Anpassung */
@media (max-width:640px){
  .fp-brandbox-inner {
    align-items: center;
    text-align: center;
  }
  .fp-brandbox-inner p {
    text-align: justify;
  }
}

.fp-brandlink {
  display: inline-block;
  margin-top: 6px;
  color: #4f936c;
  font-weight: 500;
  text-decoration: underline;
}
*/
/* Badges */
.foodie-pflancy .fp-quality .fp-badges {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin: 6px 0;
}
.foodie-pflancy .fp-quality .fp-badges * { margin: 0 !important; }
.foodie-pflancy .fp-quality .fp-badges img {
  width: 110px;
  height: 110px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.07));
}
@media (max-width:480px) {
  .foodie-pflancy .fp-quality .fp-badges img { width: 96px; }
}

/* Claim-List mit grünen Häkchen */
.foodie-pflancy .fp-claims {
  list-style: none !important;
  padding: 0;
  margin: 8px 0 0;
}
.foodie-pflancy .fp-claims li {
  position: relative;
  padding-left: 36px;
  margin: .32rem 0;
  line-height: 1.55;
}
.foodie-pflancy .fp-claims li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: var(--pflancy-accent);
  color: #fff;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* Sicherheit: keine nativen Marker oder andere Pseudo-Elemente */
.foodie-pflancy .fp-benefits li::after {
  content: none !important;
}

/* Mobile */
@media (max-width:480px) {
  .foodie-pflancy { padding: 16px; border-radius: 12px; }
}

/* ============================================
   Pflancy: Erzwinge Blocklayout (failsafe)
   Deckt beide DOM-Varianten ab:
   - <section class="foodie-pflancy" data-brand="pflancy"> … <section class="fp-brandbox">…</section>
   - <section class="fp-brandbox" data-brand="pflancy">…</section>
   ============================================ */

/* 1) Display: block statt flex */
body.single-product .woocommerce div.product [data-brand="pflancy"] .fp-brandbox-inner,
body.single-product .woocommerce div.product .fp-brandbox[data-brand="pflancy"] .fp-brandbox-inner {
  display: block !important;
  text-align: justify;
  align-items: flex-start; /* harmless, falls flex irgendwo übrig bleibt */
}

/* 2) Logo oberhalb, zentriert, begrenzt */
body.single-product .woocommerce div.product [data-brand="pflancy"] .fp-brandbox-inner img,
body.single-product .woocommerce div.product .fp-brandbox[data-brand="pflancy"] .fp-brandbox-inner img {
  display: block !important;
  margin: 0 auto 14px !important;
  max-width: 140px !important;
  height: auto !important;
}

/* 3) Text im Blocksatz, ohne Nebeneffekte */
body.single-product .woocommerce div.product [data-brand="pflancy"] .fp-brandbox-inner p,
body.single-product .woocommerce div.product .fp-brandbox[data-brand="pflancy"] .fp-brandbox-inner p {
  display: block !important;
  margin: 0 !important;
  text-align: justify !important;
}

/* Pflancy Masterblock – Logo oben, Text im Blocksatz -------------------- */

.woocommerce-product-details__short-description .foodie-pflancy .fp-brandbox-inner {
    display: block;
    text-align: justify;        /* echter Blocksatz */
}

/* Logo zentriert, mit Abstand nach unten */
.woocommerce-product-details__short-description .foodie-pflancy .fp-brandbox-inner > img {
    display: block;
    margin: 0 auto 15px;
    max-width: 140px;
    height: auto;
}

/* Absätze sauber formatieren */
.woocommerce-product-details__short-description .foodie-pflancy .fp-brandbox-inner > p {
    margin: 0 0 0.75em;
    text-align: justify;        /* falls Theme p{} überschreibt */
}

/* Hard-Override: foodie Meal-Idee immer im Blocksatz */
body.single-product .woocommerce div.product 
.woocommerce-product-details__short-description 
.foodie-pflancy .fp-meal p {
  text-align: justify !important;
}

/* Meal-Links sicher inline halten */
.foodie-pflancy .fp-meal a {
  display: inline;
}

/* Überschrift der Meal-Idee bleibt linksbündig */
body.single-product .woocommerce div.product 
.woocommerce-product-details__short-description 
.foodie-pflancy .fp-meal h3 {
  text-align: left !important;
}

/* Pflancy Texte: Zeilenumbrüche ignorieren, echter Blocksatz */
.foodie-pflancy .fp-desc p,
.foodie-pflancy .fp-brandbox p,
.foodie-pflancy .fp-meal p {
  white-space: normal !important;
  text-align: justify;
}