/* Minnestund har sitt eget uttrykk: gammeldags papirbakgrunn, antikva og
   botanikk — nærmere et invitasjonskort enn resten av menysidene.
   Alt er scopet til .side-minnestund, så ingen andre sider påvirkes. */

.side-minnestund{
    --papir:#f7f1e6;
    --papir-lys:#fdfaf4;
    --blekk:#3f352c;
    --blekk-dus:#6d6154;
    --gull:#b5883a;
    --gull-mork:#946c26;
    --salvie:#8ba383;
    --kant:#e7dcc8;
    background-color:var(--papir);
}

/* Navbaren tones i samme papirfarge, ellers legger det hvite feltet seg
   som en fremmed stripe over toppen av siden. */
.side-minnestund .navbar-custom{
    background-color:var(--papir-lys);
    border-bottom:1px solid var(--kant);
}

/* Antikva på overskriftene — men bare i sideinnholdet, ikke i footeren,
   som deles med resten av nettstedet. */
.side-minnestund .invitasjon h1,
.side-minnestund .menu-page h2,
.side-minnestund .menu-page h3{
    font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    color:var(--blekk);
    font-weight:500;
}

/* ---------- Invitasjonen øverst ---------- */

.invitasjon{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:68vh;
    padding:4.5rem 1.5rem 5rem;
    background-color:var(--papir-lys);
    border-bottom:3px solid var(--salvie);
    overflow:hidden;
}

.invitasjon-botanikk{
    position:absolute;
    width:min(38vw, 30rem);
    height:auto;
    pointer-events:none;
    user-select:none;
}

.invitasjon-botanikk-topp{
    top:-1.5rem;
    right:-1.5rem;
    /* Hjørnestykket er tegnet for øvre venstre hjørne — speiles hit. */
    transform:scaleX(-1);
}

.invitasjon-botanikk-bunn{
    bottom:-1.5rem;
    left:-1.5rem;
    transform:scaleY(-1);
}

.invitasjon-innhold{
    position:relative;
    z-index:1;
    max-width:40rem;
    text-align:center;
}

.invitasjon-eyebrow{
    font-family:'Reem Kufi', sans-serif;
    font-size:0.78rem;
    letter-spacing:0.32em;
    text-transform:uppercase;
    color:var(--gull);
    margin:0;
}

.invitasjon h1{
    font-size:clamp(2.8rem, 7vw, 5.4rem);
    font-weight:300;
    line-height:1.05;
    letter-spacing:0.16em;
    text-transform:uppercase;
    /* Sperret skrift gir luft til høyre for siste bokstav — tas igjen her. */
    margin:1.5rem 0 0 0.16em;
}

.invitasjon-undertittel{
    font-family:'Reem Kufi', sans-serif;
    font-size:0.92rem;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--blekk-dus);
    margin:1.5rem 0 0;
}

.invitasjon-strek{
    display:block;
    width:8rem;
    height:1px;
    background-color:var(--kant);
    margin:2rem auto;
}

.invitasjon-ingress{
    font-family:'Reem Kufi', sans-serif;
    font-size:1.12rem;
    line-height:1.75;
    color:var(--blekk-dus);
    margin:0;
}

.invitasjon-lenke{
    display:inline-block;
    font-family:'Reem Kufi', sans-serif;
    font-size:0.82rem;
    letter-spacing:0.24em;
    text-transform:uppercase;
    color:var(--gull-mork) !important;
    border-bottom:1px solid var(--gull);
    padding-bottom:0.35rem;
    margin-top:2.5rem;
    transition:color 0.3s ease, border-color 0.3s ease;
}

.invitasjon-lenke:hover{
    color:var(--blekk) !important;
    border-color:var(--blekk);
}

/* ---------- Felles pynt i sideinnholdet ---------- */

.side-minnestund .menu-page{
    padding-bottom:6rem;
}

.avsnitt-eyebrow{
    font-family:'Reem Kufi', sans-serif;
    font-size:0.75rem;
    letter-spacing:0.28em;
    text-transform:uppercase;
    color:var(--gull);
    margin:0 0 1rem;
}

.avsnitt-eyebrow.midtstilt{
    text-align:center;
}

.side-minnestund .section-title{
    font-size:clamp(2rem, 3.6vw, 2.9rem);
    font-weight:500;
    letter-spacing:0.01em;
    color:var(--gull-mork);
}

/* Erstatter den korte streken under overskriftene med et lite bladmotiv. */
.side-minnestund .section-title::after{
    content:"";
    width:7rem;
    height:10px;
    background-color:transparent;
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M2 6h40M78 6h40' stroke='%23d8cbb3' stroke-width='1' stroke-linecap='round' fill='none'/%3E%3Cellipse cx='60' cy='6' rx='9' ry='4.5' fill='%238ba383'/%3E%3Cpath d='M51 6h18' stroke='%23f7f1e6' stroke-width='1' fill='none'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    margin-top:1.15rem;
}

.side-minnestund .section-lead{
    font-family:'Reem Kufi', sans-serif;
    color:var(--blekk-dus);
    font-size:1.08rem;
    line-height:1.7;
}

.side-minnestund .menu-intro p{
    font-family:'Reem Kufi', sans-serif;
    color:var(--blekk-dus);
    line-height:1.75;
}

.knapp-gull{
    display:inline-block;
    font-family:'Reem Kufi', sans-serif;
    font-size:0.85rem;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:white !important;
    background-color:var(--gull);
    padding:1rem 2.5rem;
    border-radius:50px;
    margin-top:2.25rem;
    transition:background-color 0.3s ease;
}

.knapp-gull:hover{
    background-color:var(--gull-mork);
    color:white !important;
}

.side-minnestund .btn-order{
    background-color:var(--gull);
    font-size:0.9rem;
    letter-spacing:0.18em;
    text-transform:uppercase;
}

.side-minnestund .btn-order:hover{
    background-color:var(--gull-mork);
}

/* ---------- «Fiks ferdig»: bildekollasj og tekst ---------- */

.forteller{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:4.5rem;
    align-items:center;
    max-width:70rem;
    margin:4.5rem auto 0;
}

.forteller-bilder{
    position:relative;
    padding-bottom:2rem;
}

.forteller-stor{
    display:block;
    width:72%;
    aspect-ratio:3 / 4.3;
    object-fit:cover;
    /* Kapselform, som i forbildet */
    border-radius:999px;
}

.forteller-liten{
    position:absolute;
    aspect-ratio:1 / 1;
    object-fit:cover;
    border-radius:50%;
    /* Papirfarget ring gjør at sirklene løsner fra bildet bak */
    border:9px solid var(--papir);
}

.forteller-liten-topp{
    top:6%;
    right:0;
    width:46%;
}

.forteller-liten-bunn{
    bottom:0;
    right:8%;
    width:38%;
}

.forteller-tekst h2{
    font-size:clamp(2rem, 3.4vw, 2.9rem);
    line-height:1.18;
    color:var(--gull-mork);
    margin:0;
}

.forteller-tekst > p{
    font-family:'Reem Kufi', sans-serif;
    font-size:1.05rem;
    line-height:1.75;
    color:var(--blekk-dus);
    margin:1.5rem 0 0;
}

.minne-liste{
    list-style:none;
    font-family:'Reem Kufi', sans-serif;
    font-size:1.05rem;
    padding:0;
    margin:1.75rem 0 0;
}

.minne-liste li{
    position:relative;
    padding-left:2.1rem;
    margin-bottom:0.9rem;
    color:var(--blekk);
}

.minne-liste li:last-child{
    margin-bottom:0;
}

/* Lite blad i stedet for kulepunkt */
.minne-liste li::before{
    content:"";
    position:absolute;
    left:0;
    top:0.42rem;
    width:1.1rem;
    height:0.66rem;
    background-color:var(--salvie);
    border-radius:0 100% 0 100%;
    transform:rotate(-12deg);
}

/* ---------- Pakkene ---------- */

.pakke-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:2.25rem;
    margin-top:3rem;
}

.pakke-kort{
    display:flex;
    flex-direction:column;
    background-color:var(--papir-lys);
    border:1px solid var(--kant);
    /* Portalbue øverst */
    border-radius:9rem 9rem 1.25rem 1.25rem;
    overflow:hidden;
}

.pakke-bilde{
    display:block;
    width:100%;
    height:15rem;
    object-fit:cover;
}

/* Plassholder der vi ennå ikke har et passende bilde. */
.pakke-bilde-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#f0e7d6;
    border-bottom:1px solid var(--kant);
}

.pakke-bilde-logo img{
    width:54%;
    max-width:11rem;
    height:auto;
    opacity:0.5;
}

.pakke-tekst{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:2rem 2.15rem 2.35rem;
    text-align:center;
}

.pakke-navn{
    font-size:1.85rem;
    font-weight:500;
    letter-spacing:0.08em;
    text-transform:uppercase;
    margin:0;
}

.pakke-pris{
    font-family:'Reem Kufi', sans-serif;
    font-size:1.35rem;
    color:var(--gull-mork);
    margin:0.6rem 0 0;
}

.pakke-pris span{
    display:block;
    font-size:0.78rem;
    letter-spacing:0.2em;
    text-transform:uppercase;
    color:var(--blekk-dus);
    margin-top:0.35rem;
}

.pakke-innhold{
    list-style:none;
    font-family:'Reem Kufi', sans-serif;
    font-size:1.02rem;
    flex:1;
    padding:1.5rem 0 0;
    margin:1.5rem 0 0;
    border-top:1px solid var(--kant);
    color:var(--blekk);
}

.pakke-innhold li{
    margin-bottom:0.6rem;
}

.pakke-allergen{
    font-family:'Reem Kufi', sans-serif;
    font-size:1rem;
    color:var(--blekk-dus);
    margin:1.5rem 0 0;
}

/* ---------- Pakkene som catering ---------- */

.catering-blokk{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:4.5rem;
    align-items:center;
    max-width:70rem;
    margin:3rem auto 0;
}

.catering-bilde{
    display:block;
    width:100%;
    aspect-ratio:4 / 4.6;
    object-fit:cover;
    /* Samme buemotiv som pakkekortene */
    border-radius:16rem 16rem 1.25rem 1.25rem;
}

.catering-tekst h2,
.catering-tekst h3{
    font-size:clamp(1.8rem, 3vw, 2.5rem);
    line-height:1.2;
    color:var(--gull-mork);
    margin:0;
}

.catering-tekst > p{
    font-family:'Reem Kufi', sans-serif;
    font-size:1.05rem;
    line-height:1.75;
    color:var(--blekk-dus);
    margin:1.35rem 0 0;
}

.minne-priser{
    list-style:none;
    padding:0;
    margin:2rem 0 0;
}

.minne-priser li{
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:1.5rem;
    font-family:'Reem Kufi', sans-serif;
    font-size:1rem;
    letter-spacing:0.06em;
    color:var(--blekk-dus);
    padding:0.85rem 0;
    border-bottom:1px solid var(--kant);
}

.minne-priser li:first-child{
    border-top:1px solid var(--kant);
}

.minne-priser strong{
    font-family:'Reem Kufi', sans-serif;
    font-size:1.3rem;
    font-weight:normal;
    color:var(--gull-mork);
    white-space:nowrap;
}

/* ---------- Praktisk og allergener ---------- */

.side-minnestund .menu-note{
    background-color:var(--papir-lys);
    border:1px solid var(--kant);
    border-left:3px solid var(--salvie);
    border-radius:0 12px 12px 0;
    padding:2rem 2.25rem;
}

.side-minnestund .menu-note p{
    font-family:'Reem Kufi', sans-serif;
    color:var(--blekk-dus);
    line-height:1.7;
}

.side-minnestund .allergen-legend{
    background-color:var(--papir-lys);
    border:1px solid var(--kant);
}

.side-minnestund .allergen-legend h2{
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--gull-mork);
}

.side-minnestund .allergen-legend ol,
.side-minnestund .allergen-legend .legend-footer{
    color:var(--blekk-dus);
}

/* ---------- Mobil og nettbrett ---------- */

@media only screen and (max-width: 991px) {
    .invitasjon{
        min-height:0;
        padding:4rem 1.5rem 4.5rem;
    }

    .invitasjon-botanikk{
        width:min(58vw, 19rem);
    }

    .invitasjon h1{
        letter-spacing:0.12em;
        margin-left:0.12em;
    }

    .invitasjon-undertittel{
        font-size:0.82rem;
        letter-spacing:0.18em;
    }

    .forteller,
    .catering-blokk{
        grid-template-columns:minmax(0, 1fr);
        gap:2.75rem;
        margin-top:3rem;
    }

    /* Bildet skal komme først på catering-blokka også når teksten står først i koden. */
    .catering-bilde-felt{
        order:-1;
    }

    .forteller-stor{
        width:68%;
    }

    .catering-bilde{
        aspect-ratio:4 / 3.4;
        border-radius:9rem 9rem 1.25rem 1.25rem;
    }

    .pakke-grid{
        grid-template-columns:minmax(0, 1fr);
        gap:2rem;
        margin-top:2.5rem;
    }

    .pakke-kort{
        border-radius:11rem 11rem 1.25rem 1.25rem;
    }

    .pakke-bilde{
        height:13rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .forteller,
    .catering-blokk{
        gap:3rem;
    }

    .pakke-grid{
        gap:1.5rem;
    }

    .pakke-tekst{
        padding:1.75rem 1.5rem 2rem;
    }
}

/* ---------- Cateringkortene ----------
   Overskriften skal leses som menykortene på huset: versaler med sperring
   og gullfargen på prisen, i stedet for menyarkets brune aksent. Størrelsen
   er skalert ned, siden disse kortene står tre i bredden. */

.side-minnestund .dish-name{
    font-size:1.35rem;
    font-weight:500;
    letter-spacing:0.08em;
    text-transform:uppercase;
}

.side-minnestund .dish-price{
    font-size:1.2rem;
    color:var(--gull-mork);
}

/* Kaffeprisen er linje to i overskriften — full bredde gjør at den bryter
   under navn og pris i stedet for å presse seg inn ved siden av. */
.side-minnestund .dish-head .dish-meta{
    flex:0 0 100%;
    margin:0.2rem 0 0;
    color:var(--blekk-dus);
}

.side-minnestund .dish-list li::before{
    background-color:var(--gull);
}

/* Brødtekst i kortene skal ikke være mindre enn 1rem — det ble for smått
   mot antikvaen i overskriftene. Etikettene med versaler og sperring står
   igjen som de er; de leses som merkelapper og ikke som tekst. */
.side-minnestund .dish-allergen,
.side-minnestund .allergen-legend .legend-footer,
.side-minnestund .allergen-legend ol{
    font-size:1rem;
}