/* CBD Produkt-Manager – Fallback-Styles.
   Wenn das seo-theme aktiv ist, greifen dessen .affiliate-compare/.stars/.aff-btn/.badge
   Styles. Diese Regeln sind eine schlanke Absicherung für andere Themes. */

.cbd-oele{margin-block:1.5rem}
.cbd-oele .cbd-brand{color:#666;font-size:.85em;display:block}
.cbd-oele .cbd-disclosure{color:#666;font-size:.8125rem;margin-top:.5rem}

/* Tabelle nur stylen, falls das Theme es nicht tut (sehr niedrige Spezifität). */
.cbd-oele table:where(:not(.has-theme)){width:100%;border-collapse:collapse}
.cbd-oele :where(th,td){padding:.7rem .7rem;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}
.cbd-oele thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:#666}
.cbd-oele tr.is-top{background:rgba(22,163,74,.06)}
.cbd-oele .product{font-weight:600;text-decoration:none}
.cbd-oele .badge{display:inline-block;background:#16a34a;color:#fff;font-size:.68rem;font-weight:700;
  padding:.14em .5em;border-radius:.4em;margin-inline-end:.45em;text-transform:uppercase}
.cbd-oele .aff-btn{display:inline-block;background:#16a34a;color:#fff;padding:.5rem 1rem;border-radius:.5rem;
  font-weight:600;text-decoration:none;white-space:nowrap}
.cbd-oele .aff-btn:hover{filter:brightness(1.07)}

/* Sterne-Fallback (das Theme bringt eigene .stars mit) */
.cbd-oele .stars:where(:not(.has-theme)){--rating:0;position:relative;display:inline-block;width:5.4em;height:1.05em;
  font-size:1rem;line-height:1;vertical-align:-.12em}
.cbd-oele .stars:where(:not(.has-theme))::before,
.cbd-oele .stars:where(:not(.has-theme))::after{content:"★★★★★";position:absolute;left:0;top:0;letter-spacing:.05em;white-space:nowrap}
.cbd-oele .stars:where(:not(.has-theme))::before{color:#d1d5db}
.cbd-oele .stars:where(:not(.has-theme))::after{color:#f5a623;width:calc(var(--rating)/5*100%);overflow:hidden}

.cbd-specs{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.25rem}
.cbd-specs li{padding:.15rem 0}

/* Mobile: Tabelle zu Karten (greift, falls Theme-Regeln fehlen) */
@media (max-width:46rem){
  .cbd-oele:where(:not(.has-theme)) table,.cbd-oele:where(:not(.has-theme)) thead,
  .cbd-oele:where(:not(.has-theme)) tbody,.cbd-oele:where(:not(.has-theme)) tr,
  .cbd-oele:where(:not(.has-theme)) td{display:block;width:auto}
  .cbd-oele:where(:not(.has-theme)) thead{position:absolute;left:-9999px}
  .cbd-oele:where(:not(.has-theme)) tr{border:1px solid #e5e7eb;border-radius:.6rem;padding:.4rem .9rem;margin-block:.85rem}
  .cbd-oele:where(:not(.has-theme)) td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.4rem 0}
  .cbd-oele:where(:not(.has-theme)) td::before{content:attr(data-label);font-weight:600;color:#666;font-size:.8rem}
  .cbd-oele:where(:not(.has-theme)) td.cell-cta .aff-btn{width:100%;text-align:center}
  .cbd-oele:where(:not(.has-theme)) td.cell-cta::before{display:none}
}