/*
 * Presentaciones de la ficha de receta.
 * Se carga después del tema público para que este no anule la presentación
 * elegida desde Apariencia.
 */
body[class*="recipe-style-"] .recipe-page .recipe-hero figure img {
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
}

body.recipe-style-classic .recipe-page .recipe-hero figure {
    background: #eaecf0;
    border: 8px solid #fff;
    border-radius: 22px;
    outline: 4px solid var(--category-color);
    box-shadow: 0 12px 28px rgba(79, 47, 30, .12);
}
body.recipe-style-classic .recipe-page .ingredients-card {
    background: #fff;
    border: 7px double var(--category-color);
    border-radius: 22px;
    box-shadow: 0 12px 28px rgba(79, 47, 30, .09);
}
body.recipe-style-classic .recipe-page .tata-note {
    background-color: color-mix(in srgb, var(--category-color) 18%, #fff);
    border: 2px dashed color-mix(in srgb, var(--category-color) 72%, #6b5142);
    border-radius: 20px;
}

body.recipe-style-editorial .recipe-page .recipe-hero figure {
    background: #f2eee8;
    border: 4px solid #fff;
    border-radius: 10px;
    outline: 2px solid #d8d1c8;
    box-shadow: 0 8px 22px rgba(79, 47, 30, .08);
}
body.recipe-style-editorial .recipe-page .ingredients-card {
    background: #fff;
    border: 1px solid #d8d1c8;
    border-left: 6px solid var(--category-color);
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(79, 47, 30, .08);
}
body.recipe-style-editorial .recipe-page .tata-note {
    background: #f7f3ed;
    border: 1px solid #d8d1c8;
    border-left: 6px solid var(--category-color);
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(79, 47, 30, .08);
}

body.recipe-style-minimal .recipe-page .recipe-hero figure,
body.recipe-style-minimal .recipe-page .ingredients-card,
body.recipe-style-minimal .recipe-page .tata-note {
    background: var(--surface, #fff);
    border: 1px solid var(--line);
    border-radius: 8px;
    outline: 0;
    box-shadow: none;
}
body.recipe-style-minimal .recipe-page .recipe-hero figcaption {
    background: transparent;
}

body.recipe-style-notebook .recipe-page .recipe-hero figure,
body.recipe-style-notebook .recipe-page .ingredients-card,
body.recipe-style-notebook .recipe-page .tata-note {
    background-color: color-mix(in srgb, var(--category-color) 12%, #fffaf0);
    background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 31px, rgba(92, 132, 151, .13) 32px);
    border: 2px solid color-mix(in srgb, var(--category-color) 55%, #8b7968);
    border-radius: 12px;
    outline: 0;
    box-shadow: 4px 6px 0 rgba(79, 47, 30, .1);
}
body.recipe-style-notebook .recipe-page .tata-note {
    background-image: url("../images/recipe-sections/pattern.webp"), repeating-linear-gradient(to bottom, transparent 0, transparent 31px, rgba(92, 132, 151, .13) 32px);
    background-blend-mode: soft-light;
    background-size: 88px 88px, auto;
}
body.recipe-style-notebook .recipe-page .recipe-hero-copy,
body.recipe-style-notebook .recipe-page .ingredients-card > *,
body.recipe-style-notebook .recipe-page .tata-note > * {
    position: relative;
}

/* Category accents must survive every public theme and recipe presentation. */
body[class*="recipe-style-"] .recipe-page .tata-note {
    border-color: var(--category-color);
}
body[class*="recipe-style-"] .recipe-page .step-number {
    color: var(--category-ink, #fff);
    background: var(--category-color);
}

@media print {
    body[class*="recipe-style-"] .recipe-page .recipe-hero figure,
    body[class*="recipe-style-"] .recipe-page .ingredients-card,
    body[class*="recipe-style-"] .recipe-page .tata-note {
        box-shadow: none;
    }
}