/* FOCUS_ADVENTURES_V8_5_6_SMART_PHOTO_LAYOUT */

body.fa856{
    --fa856-line:rgba(151,177,198,.15);
    --fa856-orange:#ff6418;
}

/* Dagsectie compacter */
body.fa856 :where(
    .fa26-day,
    .fa26-day-section,
    .trip-day
){
    min-height:0!important;
    height:auto!important;
    padding-bottom:20px!important;
}

/* Geen enorme vaste ruimtes boven gallery */
body.fa856 :where(
    .fa26-day-header,
    .fa26-day-top,
    .fa26-day-copy,
    .trip-day-header
){
    min-height:0!important;
    height:auto!important;
}

/* algemene foto card */
body.fa856 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
){
    align-self:start!important;
}

/* alle afbeeldingen eerst natuurlijk */
body.fa856 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
) img{
    height:auto!important;
    max-height:none!important;
}

/* LANDSCAPE */
body.fa856 .fa856-landscape{
    grid-column:span 6!important;
}

body.fa856 .fa856-landscape img{
    width:100%!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
}

/* Alleen geschikte landscape als hero */
body.fa856 .fa856-hero{
    grid-column:1/-1!important;
    max-width:none!important;
}

body.fa856 .fa856-hero img{
    width:100%!important;
    aspect-ratio:16/7.5!important;
    max-height:620px!important;
    object-fit:cover!important;
}

/* PORTRAIT */
body.fa856 .fa856-portrait{
    grid-column:span 6!important;
    width:100%!important;
    max-width:760px!important;
    justify-self:center!important;
}

body.fa856 .fa856-portrait img{
    width:auto!important;
    max-width:100%!important;
    max-height:900px!important;
    margin:0 auto!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    background:#050d14!important;
}

/* SQUARE */
body.fa856 .fa856-square{
    grid-column:span 6!important;
    max-width:820px!important;
    justify-self:center!important;
}

body.fa856 .fa856-square img{
    width:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
}

/* Tekst altijd direct onder de foto */
body.fa856 .fa26-photo-story{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    margin:0!important;
    transform:none!important;
}

/* Foto caption niet als overlay */
body.fa856 :where(
    .fa26-photo-title,
    .fa26-photo-caption,
    .fa26-photo figcaption
){
    position:relative!important;
    inset:auto!important;
    transform:none!important;
}

/* Hero-regels uit oudere V8.5.5 overrulen voor portrait */
body.fa856 .fa855-hero.fa856-portrait{
    grid-column:span 6!important;
    max-width:760px!important;
}

body.fa856 .fa855-hero.fa856-portrait img{
    aspect-ratio:auto!important;
    max-height:900px!important;
    object-fit:contain!important;
}

/* Mobiel */
@media(max-width:900px){

    body.fa856 :where(
        .fa856-landscape,
        .fa856-portrait,
        .fa856-square,
        .fa856-hero
    ){
        grid-column:1/-1!important;
        max-width:100%!important;
    }

    body.fa856 .fa856-portrait img{
        width:100%!important;
        max-height:none!important;
    }

    body.fa856 .fa856-hero img{
        aspect-ratio:auto!important;
        max-height:none!important;
        object-fit:contain!important;
    }
}