/**
 * Matsnakk.no Phase 3V v1b
 * Oppskriftsside: luft under header, bytte bilde/tekst i hero, svart lesbar tittel,
 * og større author/profilfelt i hero.
 * Avgrenset til .mn-recipe-detail. Rører ikke router, terminal, database, /grill,
 * kategori-sider eller godkjent recipe-columns V3.
 */

/* Luft mellom global header og oppskriftens hovedinnhold. */
.mn-main > .mn-recipe-detail,
.mn-recipe-detail {
    margin-top: clamp(1.35rem, 2.6vw, 3rem) !important;
}

/* Hero: bilde til venstre, lyst tekstpanel til høyre. */
.mn-recipe-detail .mn-recipe-hero {
    grid-template-columns: minmax(460px, 1fr) minmax(390px, .52fr) !important;
    align-items: stretch !important;
}

.mn-recipe-detail .mn-recipe-hero__image {
    order: 1 !important;
    min-width: 0 !important;
}

.mn-recipe-detail .mn-recipe-hero__content {
    order: 2 !important;
    min-width: 0 !important;
    border-right: 0 !important;
    border-left: 2px solid rgba(70, 38, 18, .18) !important;
    color: #21140c !important;
    background:
        linear-gradient(rgba(255,255,255,.30) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.22) 1px, transparent 1px),
        linear-gradient(135deg, #fff8ea 0%, #f3e2ca 100%) !important;
}

/* Lesbarhet i lyst felt: mørk tittel, ingen hvit skygge. */
.mn-recipe-detail .mn-recipe-hero__content h1,
.mn-recipe-detail .mn-recipe-hero h1,
body.mn-phase3h-public-recipe-detail .mn-recipe-hero__content h1,
body.mn-phase3h-public-recipe-detail .mn-recipe-hero h1,
body.mn-phase3f-public-recipes .mn-recipe-hero__content h1,
body.mn-phase3f-public-recipes .mn-recipe-hero h1 {
    color: #1f130b !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.mn-recipe-detail .mn-recipe-hero__intro,
body.mn-phase3h-public-recipe-detail .mn-recipe-hero__intro,
body.mn-phase3f-public-recipes .mn-recipe-hero__intro {
    color: #3d281a !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.mn-recipe-detail .mn-recipe-hero .mn-v30-kicker,
.mn-recipe-detail .mn-recipe-hero__content .mn-v30-kicker,
body.mn-phase3h-public-recipe-detail .mn-recipe-hero .mn-v30-kicker {
    color: #8f542d !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

.mn-recipe-detail .mn-recipe-hero__content .mn-recipe-chip,
.mn-recipe-detail .mn-recipe-hero__content .mn-recipe-owner-actions__button {
    color: #24160e !important;
    text-shadow: none !important;
}

/* Author/profilfelt i hero: tekst ett hakk opp, avatar/profilring to hakk opp. */
.mn-recipe-detail .mn-recipe-hero__meta {
    gap: .85rem 1.1rem !important;
    align-items: center !important;
    color: #4d3321 !important;
    text-shadow: none !important;
}

.mn-recipe-detail .mn-recipe-hero__meta .mn-v30-author-badge {
    gap: 13px !important;
    color: #2b1a10 !important;
    font-size: 1.06rem !important;
    line-height: 1.16 !important;
    text-shadow: none !important;
}

.mn-recipe-detail .mn-recipe-hero__meta .mn-v30-author-badge .mn-author-badge__avatar {
    width: 60px !important;
    height: 60px !important;
    flex: 0 0 60px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #f0d69f 0%, #b77a43 45%, #4a2b1a 100%) !important;
    box-shadow: 0 12px 28px rgba(61, 29, 19, .24) !important;
}

.mn-recipe-detail .mn-recipe-hero__meta .mn-v30-author-badge .mn-author-badge__avatar img {
    border-radius: inherit !important;
}

.mn-recipe-detail .mn-recipe-hero__meta .mn-v30-author-badge .mn-author-badge__text {
    gap: 2px !important;
}

.mn-recipe-detail .mn-recipe-hero__meta .mn-v30-author-badge .mn-author-badge__text strong {
    color: #24160e !important;
    font-size: 1.08rem !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    text-shadow: none !important;
}

.mn-recipe-detail .mn-recipe-hero__meta .mn-v30-author-badge .mn-author-badge__text small,
.mn-recipe-detail .mn-recipe-hero__meta time {
    color: #60412d !important;
    font-size: .92rem !important;
    font-weight: 800 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

@media (max-width: 1100px) {
    .mn-recipe-detail .mn-recipe-hero {
        grid-template-columns: 1fr !important;
    }

    .mn-recipe-detail .mn-recipe-hero__image {
        order: 1 !important;
    }

    .mn-recipe-detail .mn-recipe-hero__content {
        order: 2 !important;
        border-left: 0 !important;
        border-top: 2px solid rgba(70, 38, 18, .18) !important;
        border-bottom: 0 !important;
    }
}

@media (max-width: 720px) {
    .mn-main > .mn-recipe-detail,
    .mn-recipe-detail {
        margin-top: 1rem !important;
    }

    .mn-recipe-detail .mn-recipe-hero__meta .mn-v30-author-badge .mn-author-badge__avatar {
        width: 54px !important;
        height: 54px !important;
        flex-basis: 54px !important;
    }
}