/*
 * Alles Koscher – zentrale Designanpassungen
 * Ehemals separates Plugin: _AK_ Buttons abgerundete Ecken
 */
.wp-block-button__link.wp-element-button {
    border-radius: 12px !important;
}

/*
 * Hauptnavigation – Rezeptbereich bewusst hervorheben.
 * Der Desktop-Link erhält eine kompakte Pill-Fläche innerhalb der bestehenden
 * Menüzeile. Im mobilen Kadence-Menü wird daraus eine gut erreichbare Touchfläche.
 */
@media (min-width: 769px) {
    .site-header .menu-item > a[href$="/rezepte/"],
    .site-header .menu-item > a[href$="/rezepte"] {
        position: relative;
        isolation: isolate;
        padding-right: 16px !important;
        padding-left: 16px !important;
        color: #fff !important;
        font-weight: 750;
    }

    .site-header .menu-item > a[href$="/rezepte/"]::before,
    .site-header .menu-item > a[href$="/rezepte"]::before {
        position: absolute;
        z-index: -1;
        inset: 8px 4px;
        border-radius: 999px;
        background: #2f5d50;
        box-shadow: 0 2px 8px rgba(31, 48, 42, .14);
        content: "";
        transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }

    .site-header .menu-item > a[href$="/rezepte/"]:hover::before,
    .site-header .menu-item > a[href$="/rezepte"]:hover::before,
    .site-header .menu-item > a[href$="/rezepte/"]:focus-visible::before,
    .site-header .menu-item > a[href$="/rezepte"]:focus-visible::before {
        background: #244a40;
        box-shadow: 0 3px 10px rgba(31, 48, 42, .2);
        transform: translateY(-1px);
    }

    .site-header .menu-item > a[href$="/rezepte/"]:focus-visible,
    .site-header .menu-item > a[href$="/rezepte"]:focus-visible {
        outline: 3px solid #111;
        outline-offset: 3px;
    }
}

@media (max-width: 768px) {
    .mobile-navigation .menu-item > a[href$="/rezepte/"],
    .mobile-navigation .menu-item > a[href$="/rezepte"],
    .drawer-navigation .menu-item > a[href$="/rezepte/"],
    .drawer-navigation .menu-item > a[href$="/rezepte"] {
        display: flex;
        min-height: 48px;
        align-items: center;
        justify-content: center;
        margin: 7px 10px;
        padding: 12px 16px !important;
        border-radius: 12px;
        background: #2f5d50 !important;
        color: #fff !important;
        font-weight: 750;
        line-height: 1.25;
        text-align: center;
    }

    .mobile-navigation .menu-item > a[href$="/rezepte/"]:hover,
    .mobile-navigation .menu-item > a[href$="/rezepte"]:hover,
    .mobile-navigation .menu-item > a[href$="/rezepte/"]:focus-visible,
    .mobile-navigation .menu-item > a[href$="/rezepte"]:focus-visible,
    .drawer-navigation .menu-item > a[href$="/rezepte/"]:hover,
    .drawer-navigation .menu-item > a[href$="/rezepte"]:hover,
    .drawer-navigation .menu-item > a[href$="/rezepte/"]:focus-visible,
    .drawer-navigation .menu-item > a[href$="/rezepte"]:focus-visible {
        background: #244a40 !important;
        color: #fff !important;
    }
}


/*
 * Affiliate-Hinweis – allgemein gehaltene Transparenzdarstellung.
 * Der redaktionelle Inhalt bleibt normal in WordPress bearbeitbar.
 */
.ak-affiliate-hinweis-page .entry-content,
.ak-affiliate-hinweis-page .site-main {
    --ak-affiliate-green: #2f5d50;
    --ak-affiliate-green-dark: #244a40;
    --ak-affiliate-soft: #f3f7f5;
    --ak-affiliate-border: #d8e4df;
}

.ak-affiliate-page {
    max-width: 980px;
}

.ak-affiliate-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 26px 0 38px;
}

.ak-affiliate-summary-card {
    display: flex;
    min-width: 0;
    gap: 14px;
    align-items: flex-start;
    padding: 20px;
    border: 1px solid var(--ak-affiliate-border);
    border-radius: 16px;
    background: linear-gradient(145deg, #fff 0%, var(--ak-affiliate-soft) 100%);
    box-shadow: 0 8px 24px rgba(31, 48, 42, .06);
}

.ak-affiliate-summary-icon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--ak-affiliate-green);
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.ak-affiliate-summary-card h2 {
    margin: 1px 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--ak-affiliate-green-dark);
    font-size: 1.02rem !important;
    line-height: 1.25;
}

.ak-affiliate-summary-card p {
    margin: 0;
    color: #46534f;
    font-size: .94rem;
    line-height: 1.55;
}

.ak-affiliate-content > p:first-child {
    margin-bottom: 30px;
    padding: 18px 20px;
    border-left: 4px solid var(--ak-affiliate-green);
    border-radius: 0 12px 12px 0;
    background: #f7faf8;
    font-size: 1.04rem;
    line-height: 1.7;
}

.ak-affiliate-content h2 {
    margin-top: 34px;
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--ak-affiliate-border);
    color: var(--ak-affiliate-green-dark);
}

.ak-affiliate-content p {
    line-height: 1.72;
}

.ak-affiliate-content .wp-block-group.has-background {
    margin: 28px 0 34px !important;
    padding: 24px 26px !important;
    border: 1px solid #cadbd4;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #e7eee9 0%, #f5f8f6 100%) !important;
    box-shadow: 0 8px 24px rgba(31, 48, 42, .06);
}

.ak-affiliate-content .wp-block-group.has-background h2 {
    margin-top: 0;
    border-bottom-color: rgba(47, 93, 80, .18);
}

.ak-affiliate-content a {
    text-underline-offset: 3px;
}

.ak-affiliate-admin-hint {
    margin: 0 0 24px;
    padding: 14px 16px;
    border: 2px solid #b42318;
    border-radius: 10px;
    background: #fff2f0;
    color: #8a1c13;
    font-size: .94rem;
    line-height: 1.5;
}

@media (max-width: 760px) {
    .ak-affiliate-summary {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .ak-affiliate-summary-card {
        padding: 17px;
    }

    .ak-affiliate-content > p:first-child {
        padding: 15px 16px;
    }

    .ak-affiliate-content .wp-block-group.has-background {
        padding: 20px !important;
    }
}

/*
 * Alles Laktosefrei – warmes Sand-/Terrakotta-Farbschema.
 * Die Klasse wird installationsbezogen über die Seitenverwaltung gesetzt.
 */
body.ak-theme-lactose-free {
    --ak-lf-page: #eee2d1;
    --ak-lf-surface: #faf5ed;
    --ak-lf-card: #d8c09b;
    --ak-lf-card-hover: #cfb286;
    --ak-lf-accent: #995f43;
    --ak-lf-accent-dark: #70432f;
    --ak-lf-accent-soft: #efd8c8;
    --ak-lf-border: #b9976d;
    --ak-lf-ink: #342820;
    --ak-lf-muted: #6c594b;
    background: var(--ak-lf-page);
    color: var(--ak-lf-ink);
}

body.ak-theme-lactose-free .site,
body.ak-theme-lactose-free .site-main,
body.ak-theme-lactose-free .content-area {
    background: var(--ak-lf-page);
}

/* Kadence legt den eigentlichen Seiteninhalt auf eine eigene Content-Fläche. */
body.ak-theme-lactose-free .content-bg,
body.ak-theme-lactose-free .entry-content-wrap,
body.ak-theme-lactose-free .site-content .content-container,
body.ak-theme-lactose-free #primary,
body.ak-theme-lactose-free #main {
    background-color: #f4eadc !important;
}

body.ak-theme-lactose-free .ak-recipes-site {
    --ak-green: var(--ak-lf-accent);
    --ak-green-dark: var(--ak-lf-accent-dark);
    --ak-green-soft: var(--ak-lf-accent-soft);
    --ak-ink: var(--ak-lf-ink);
    --ak-muted: var(--ak-lf-muted);
    --ak-line: var(--ak-lf-border);
    --ak-paper: var(--ak-lf-surface);
    --ak-warm: var(--ak-lf-card);
}

body.ak-theme-lactose-free .ak-recipe-card {
    border-color: var(--ak-lf-border);
    background: var(--ak-lf-card);
    box-shadow: 0 10px 28px rgba(92, 61, 39, .13);
}

body.ak-theme-lactose-free .ak-recipe-card:hover {
    background: var(--ak-lf-card-hover);
    border-color: #9f7b50;
}

body.ak-theme-lactose-free .ak-recipe-card-image,
body.ak-theme-lactose-free .ak-recipe-of-day-image {
    background: #c9ad83;
}

body.ak-theme-lactose-free .ak-recipe-hero,
body.ak-theme-lactose-free .ak-recipe-panel,
body.ak-theme-lactose-free .ak-sidebar-card,
body.ak-theme-lactose-free .ak-recipe-search,
body.ak-theme-lactose-free .ak-similar-recipes,
body.ak-theme-lactose-free .ak-order-selection-form,
body.ak-theme-lactose-free .ak-order-transfer-source {
    border-color: var(--ak-lf-border);
    background: var(--ak-lf-surface);
    box-shadow: 0 10px 28px rgba(92, 61, 39, .09);
}

body.ak-theme-lactose-free .ak-core-button,
body.ak-theme-lactose-free .wp-block-button__link,
body.ak-theme-lactose-free .wp-element-button,
body.ak-theme-lactose-free .entry-content .button,
body.ak-theme-lactose-free .ak-search-primary button,
body.ak-theme-lactose-free .ak-search-filter-actions button,
body.ak-theme-lactose-free .ak-affiliate-button,
body.ak-theme-lactose-free .ak-context-ad a {
    border-color: var(--ak-lf-accent-dark) !important;
    background: var(--ak-lf-accent-dark) !important;
    color: #fff !important;
}

body.ak-theme-lactose-free .ak-core-button:hover,
body.ak-theme-lactose-free .wp-block-button__link:hover,
body.ak-theme-lactose-free .wp-element-button:hover,
body.ak-theme-lactose-free .entry-content .button:hover,
body.ak-theme-lactose-free .ak-search-primary button:hover,
body.ak-theme-lactose-free .ak-search-filter-actions button:hover,
body.ak-theme-lactose-free .ak-affiliate-button:hover,
body.ak-theme-lactose-free .ak-context-ad a:hover {
    border-color: var(--ak-lf-accent) !important;
    background: var(--ak-lf-accent) !important;
}

body.ak-theme-lactose-free .ak-core-button--secondary {
    border-color: var(--ak-lf-accent-dark) !important;
    background: var(--ak-lf-surface) !important;
    color: var(--ak-lf-accent-dark) !important;
}

body.ak-theme-lactose-free .ak-core-button--secondary:hover {
    background: var(--ak-lf-accent-soft) !important;
}

body.ak-theme-lactose-free .ak-recipe-of-day-card,
body.ak-theme-lactose-free .ak-affiliate-recommendations,
body.ak-theme-lactose-free .ak-context-ad {
    border-color: var(--ak-lf-border);
    background: var(--ak-lf-card);
    color: var(--ak-lf-ink);
}

body.ak-theme-lactose-free .ak-affiliate-product,
body.ak-theme-lactose-free .ak-context-ad-product {
    border-color: var(--ak-lf-border);
    background: var(--ak-lf-surface);
}

body.ak-theme-lactose-free .ak-recipe-of-day-eyebrow,
body.ak-theme-lactose-free .ak-recipe-of-day-link,
body.ak-theme-lactose-free .ak-affiliate-disclosure,
body.ak-theme-lactose-free .ak-context-ad-disclosure {
    color: var(--ak-lf-accent-dark);
}

body.ak-theme-lactose-free .ak-home-feature__left h2,
body.ak-theme-lactose-free .ak-recipe-of-day-title {
    color: var(--ak-lf-ink);
}

body.ak-theme-lactose-free .ak-home-feature__left p,
body.ak-theme-lactose-free .ak-recipe-of-day-meta,
body.ak-theme-lactose-free .ak-affiliate-product p,
body.ak-theme-lactose-free .ak-affiliate-statement,
body.ak-theme-lactose-free .ak-context-ad span:not(.ak-screen-reader-text),
body.ak-theme-lactose-free .ak-context-ad small {
    color: var(--ak-lf-muted);
}

body.ak-theme-lactose-free.home .ak-home-feature {
    margin: 0 0 54px;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid var(--ak-lf-border);
    border-radius: 16px;
    background: var(--ak-lf-surface);
    box-shadow: 0 14px 34px rgba(92, 61, 39, .1);
}

body.ak-theme-lactose-free.home .ak-recipe-of-day-empty {
    min-height: 100%;
    display: flex;
    align-items: center;
    background: var(--ak-lf-card);
}

body.ak-theme-lactose-free.home .ak-recipe-of-day-empty p:not(.ak-recipe-of-day-eyebrow) {
    color: var(--ak-lf-muted);
}

/* Die bisherige große Einleitung wird durch den neuen Startbereich ersetzt. */
body.ak-theme-lactose-free.home .entry-content > p.has-large-font-size:first-of-type {
    display: none;
}

/* Die drei vorhandenen Einstiegs-Spalten werden zu bebilderten Sandkarten. */
body.ak-theme-lactose-free.home .entry-content > .wp-block-columns:first-of-type {
    gap: 24px;
    margin-block: 24px 56px;
}

body.ak-theme-lactose-free.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column {
    overflow: hidden;
    padding: 0 22px 24px;
    border: 1px solid var(--ak-lf-border);
    border-radius: 14px;
    background: var(--ak-lf-card);
    box-shadow: 0 10px 24px rgba(92, 61, 39, .1);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body.ak-theme-lactose-free.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column:hover {
    transform: translateY(-3px);
    background: var(--ak-lf-card-hover);
    box-shadow: 0 14px 30px rgba(92, 61, 39, .15);
}

body.ak-theme-lactose-free.home .entry-content > .wp-block-columns:first-of-type > .wp-block-column::before {
    content: "";
    display: block;
    width: calc(100% + 44px);
    aspect-ratio: 16 / 9;
    margin: 0 -22px 20px;
    background-color: #c9ad83;
    background-position: center;
    background-size: cover;
}

body.ak-theme-lactose-free.ak-affiliate-hinweis-page .entry-content,
body.ak-theme-lactose-free.ak-affiliate-hinweis-page .site-main {
    --ak-affiliate-green: var(--ak-lf-accent);
    --ak-affiliate-green-dark: var(--ak-lf-accent-dark);
    --ak-affiliate-soft: #f3e5d7;
    --ak-affiliate-border: var(--ak-lf-border);
}

@media (min-width: 769px) {
    body.ak-theme-lactose-free .site-header .menu-item > a[href$="/rezepte/"]::before,
    body.ak-theme-lactose-free .site-header .menu-item > a[href$="/rezepte"]::before {
        background: var(--ak-lf-accent-dark);
        box-shadow: 0 2px 8px rgba(92, 61, 39, .2);
    }

    body.ak-theme-lactose-free .site-header .menu-item > a[href$="/rezepte/"]:hover::before,
    body.ak-theme-lactose-free .site-header .menu-item > a[href$="/rezepte"]:hover::before,
    body.ak-theme-lactose-free .site-header .menu-item > a[href$="/rezepte/"]:focus-visible::before,
    body.ak-theme-lactose-free .site-header .menu-item > a[href$="/rezepte"]:focus-visible::before {
        background: var(--ak-lf-accent);
    }
}

@media (max-width: 768px) {
    body.ak-theme-lactose-free .mobile-navigation .menu-item > a[href$="/rezepte/"],
    body.ak-theme-lactose-free .mobile-navigation .menu-item > a[href$="/rezepte"],
    body.ak-theme-lactose-free .drawer-navigation .menu-item > a[href$="/rezepte/"],
    body.ak-theme-lactose-free .drawer-navigation .menu-item > a[href$="/rezepte"] {
        background: var(--ak-lf-accent-dark) !important;
    }
}