/* tiv-icon-system */

    /* TIV Icon-System ============================== */
    .tiv-icon {
        display: inline-block;
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        background-color: currentColor;
        -webkit-mask: var(--tiv-icon) no-repeat center / contain;
        mask: var(--tiv-icon) no-repeat center / contain;
        flex-shrink: 0;
    }
    /* Größen-Modifier */
    .tiv-icon--sm { width: 0.85em; height: 0.85em; }
    .tiv-icon--lg { width: 1.5em; height: 1.5em; }
    .tiv-icon--xl { width: 2.5em; height: 2.5em; }
    .tiv-icon--xxl { width: 4em; height: 4em; }
    /* Brand-Farben */
    .tiv-icon--green { color: #229466; }
    .tiv-icon--dark  { color: #0A4A4A; }
    .tiv-icon--beige { color: #F7F4EE; }
    .tiv-icon--white { color: #ffffff; }
    /* Schärfe-Stufen (Chili in 3 Intensitäten via opacity-cluster) */
    .tiv-spice {
        display: inline-flex;
        gap: 2px;
        align-items: center;
        color: #c0392b;
    }
    .tiv-spice .tiv-icon { color: inherit; }
    .tiv-spice--mild .tiv-icon:nth-child(n+2) { opacity: 0.2; }
    .tiv-spice--medium .tiv-icon:nth-child(n+3) { opacity: 0.2; }
    /* Schwierigkeit (Chef-Hat in 3 Stufen) */
    .tiv-difficulty {
        display: inline-flex;
        gap: 2px;
        align-items: center;
        color: #0A4A4A;
    }
    .tiv-difficulty .tiv-icon { color: inherit; }
    .tiv-difficulty--einfach .tiv-icon:nth-child(n+2) { opacity: 0.2; }
    .tiv-difficulty--mittel .tiv-icon:nth-child(n+3) { opacity: 0.2; }
    /* Recipe-Card Icon-Reihe */
    .tiv-recipe-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        align-items: center;
        font-size: 14px;
        color: #0A4A4A;
        margin: 12px 0;
        padding: 10px 14px;
        background: #F7F4EE;
        border-radius: 8px;
    }
    .tiv-recipe-meta__item {
        display: inline-flex;
        gap: 6px;
        align-items: center;
        font-weight: 600;
    }
    .tiv-recipe-meta__item .tiv-icon {
        width: 1.25em;
        height: 1.25em;
    }
    /* Diet-Tags Pills (kleine farbige Badges) */
    .tiv-diet-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin: 8px 0;
    }
    .tiv-diet-tag {
        display: inline-flex;
        gap: 4px;
        align-items: center;
        padding: 4px 10px;
        background: #229466;
        color: #fff;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none;
        transition: background 0.2s;
    }
    .tiv-diet-tag:hover { background: #1a7a52; color: #fff; }
    /* Filter-Bar */
    .tiv-filter-bar {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        margin: 24px 0 32px;
        padding: 16px;
        background: #F7F4EE;
        border-radius: 12px;
    }
    .tiv-filter-bar__btn {
        display: inline-flex;
        gap: 6px;
        align-items: center;
        padding: 8px 14px;
        background: #fff;
        color: #0A4A4A;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 600;
        text-decoration: none;
        border: 2px solid transparent;
        transition: all 0.2s;
    }
    .tiv-filter-bar__btn:hover { border-color: #229466; color: #229466; }
    .tiv-filter-bar__btn.is-active { background: #229466; color: #fff; }
    .tiv-filter-bar__btn .tiv-icon { width: 1.1em; height: 1.1em; }
    /* Dark-Mode Auto-Anpassung */
    @media (prefers-color-scheme: dark) {
        .tiv-recipe-meta { background: #1a2a2a; color: #F7F4EE; }
        .tiv-filter-bar { background: #1a2a2a; }
        .tiv-filter-bar__btn { background: #0A4A4A; color: #F7F4EE; }
    }
    /* Mobile */
    @media (max-width: 600px) {
        .tiv-recipe-meta { font-size: 13px; gap: 10px; padding: 10px; }
        .tiv-filter-bar { padding: 12px; gap: 8px; }
        .tiv-filter-bar__btn { font-size: 12px; padding: 6px 10px; }
    }
    
/* tiv-ux-fixes-2026-05 */

    /* === 1) STEADY: komplett ausblenden (war vorher nur .home) === */
    .widget.widget_media_image:has(a[href*="steady"]),
    .widget.media_image-7,
    .widget:has(a[href*="steadyhq"]),
    .widget:has(a[href*="steady"]),
    aside.steady-publication,
    .steady-checkout-widget,
    .steady-widget,
    [class*="steady-"]:not(.steady-keep) {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* === 2) WERBELABEL: Default-Labels im Content unterdrücken, 
            ein einziges kleines kursives "Anzeige" vor dem ersten Ad === */
    .entry-content .advads-label,
    .post-main .advads-label,
    .single .content .advads-label,
    .tiv-inline-ad .advads-label {
        display: none !important;
    }
    /* Single label injected by JS unten */
    .tiv-single-ad-label {
        display: block;
        font-size: 10px;
        font-style: italic;
        font-weight: 400;
        letter-spacing: 0.04em;
        color: #a0a0a0;
        margin: 0 0 4px;
        padding: 0;
        text-align: left;
        line-height: 1;
    }
    /* Sidebar darf eigenes Label behalten (eyebrow style) */
    body.tiv-side-harmonized .tiv-ad-slot .advads-label {
        display: block !important;
    }

    /* === 3) SIDEBAR-TRENDING: img-Fallback aktivieren falls background-image scheitert === */
    .tiv-side-trending-thumb {
        position: relative;
    }
    .tiv-side-trending-thumb img.tiv-thumb-fallback {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
    }