/* FOCUS_ADVENTURES_V8_5_2026_REDESIGN */

:root{
    --fa85-bg:#06111b;
    --fa85-card:#0d1b28;
    --fa85-card2:#111f2d;
    --fa85-line:rgba(150,177,200,.15);
    --fa85-line2:rgba(150,177,200,.24);
    --fa85-text:#f5f7fa;
    --fa85-muted:#9eafbf;
    --fa85-orange:#ff6418;
    --fa85-orange2:#ff8a4a;
    --fa85-green:#2bd993;
    --fa85-shadow:0 18px 60px rgba(0,0,0,.28);
}

html{
    scroll-behavior:smooth;
    background:var(--fa85-bg)
}

body.fa85-2026{
    margin:0;
    color:var(--fa85-text);
    background:
        radial-gradient(
            circle at 76% -10%,
            rgba(39,104,137,.15),
            transparent 32rem
        ),
        linear-gradient(
            180deg,
            #06111b,
            #07131e 48%,
            #050d14
        );
    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    letter-spacing:-.01em
}

body.fa85-2026 *{
    box-sizing:border-box
}

body.fa85-2026 img{
    max-width:100%;
    display:block
}

body.fa85-2026 a{
    color:inherit
}

/* HEADER */

body.fa85-2026 :where(
    header,
    .site-header,
    .fa26-header,
    .fa26-topbar
){
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    background:rgba(3,12,20,.9)!important;
    border-bottom:1px solid var(--fa85-line)!important;
    box-shadow:0 8px 32px rgba(0,0,0,.16);
    position:sticky;
    top:0;
    z-index:80
}

/* PAGINA */

body.fa85-2026 :where(
    main,
    .fa26-main,
    .fa26-wrap,
    .fa26-page,
    .trip-page
){
    width:min(1580px,calc(100% - 28px));
    margin-inline:auto
}

/* SIDEBAR + CONTENT */

body.fa85-2026 :where(
    .fa26-layout,
    .fa26-shell,
    .fa26-trip-layout,
    .trip-layout
){
    display:grid!important;
    grid-template-columns:
        minmax(235px,285px)
        minmax(0,1fr);
    gap:22px!important;
    align-items:start
}

body.fa85-2026 :where(
    .fa26-sidebar,
    .fa26-days-nav,
    .fa26-day-nav,
    .fa26-toc,
    .trip-sidebar
){
    position:sticky!important;
    top:88px!important;
    max-height:calc(100vh - 108px);
    overflow:auto;
    padding:16px!important;
    border:1px solid var(--fa85-line)!important;
    border-radius:20px!important;
    background:
        linear-gradient(
            180deg,
            rgba(13,28,42,.97),
            rgba(7,19,29,.97)
        )!important;
    box-shadow:var(--fa85-shadow)
}

/* DAG LINKS */

body.fa85-2026 :where(
    .fa26-day-link,
    .fa26-toc a,
    .fa26-day-nav a,
    .fa26-days-nav a
){
    display:grid;
    gap:4px;
    margin:5px 0;
    padding:11px 12px;
    border:1px solid transparent;
    border-radius:13px;
    color:#dce6ee;
    text-decoration:none;
    transition:.18s ease
}

body.fa85-2026 :where(
    .fa26-day-link,
    .fa26-toc a,
    .fa26-day-nav a,
    .fa26-days-nav a
):hover{
    background:rgba(255,255,255,.035);
    border-color:var(--fa85-line)
}

body.fa85-2026 :where(
    .fa26-day-link.active,
    .fa26-day-link[aria-current="true"],
    .fa26-toc a.active,
    .fa26-day-nav a.active
){
    background:
        linear-gradient(
            90deg,
            rgba(255,100,24,.13),
            rgba(255,255,255,.025)
        );
    border-color:rgba(255,100,24,.65);
    box-shadow:
        inset 3px 0 0 var(--fa85-orange)
}

/* DAG KAART */

body.fa85-2026 :where(
    .fa26-day,
    .fa26-day-section,
    .trip-day
){
    position:relative;
    margin:0 0 26px!important;
    padding:26px!important;
    border:1px solid var(--fa85-line)!important;
    border-radius:22px!important;
    background:
        linear-gradient(
            145deg,
            rgba(16,31,46,.98),
            rgba(8,20,30,.98)
        )!important;
    box-shadow:var(--fa85-shadow);
    overflow:hidden
}

/* DATUM */

body.fa85-2026 :where(
    .fa26-date,
    .fa26-day-date,
    .fa26-eyebrow
){
    color:var(--fa85-orange2)!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.1em!important;
    text-transform:uppercase
}

/* TITEL */

body.fa85-2026 :where(
    .fa26-title,
    .fa26-day-title,
    .fa26-day h2,
    .trip-day h2
){
    max-width:18ch;
    margin:.35rem 0 .8rem!important;
    color:var(--fa85-text)!important;
    font-size:clamp(34px,4.5vw,72px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    font-weight:850!important;
    text-wrap:balance
}

/* LOCATIE CHIPS */

body.fa85-2026 :where(
    .fa26-chip,
    .fa26-tag,
    .fa26-location,
    .fa26-loc,
    .fa26-pill
){
    display:inline-flex!important;
    align-items:center;
    min-height:28px;
    padding:6px 10px!important;
    margin:2px 2px 2px 0;
    border:1px solid var(--fa85-line2)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.025)!important;
    color:#aebdca!important;
    font-size:11px!important
}

/* DAGVERHAAL */

body.fa85-2026 .fa26-day-story{
    position:relative;
    max-width:none!important;
    margin:18px 0 24px!important;
    padding:20px 22px 20px 26px!important;
    border:1px solid var(--fa85-line)!important;
    border-left:
        3px solid var(--fa85-orange)!important;
    border-radius:16px!important;
    background:
        linear-gradient(
            135deg,
            rgba(12,27,41,.97),
            rgba(15,25,36,.95)
        )!important;
    box-shadow:
        0 16px 36px rgba(0,0,0,.16)
}

body.fa85-2026 .fa26-day-story::before{
    content:"“";
    position:absolute;
    left:14px;
    top:2px;
    color:var(--fa85-orange);
    opacity:.18;
    font:900 64px/1 Georgia,serif
}

body.fa85-2026 .fa26-day-story-label{
    position:relative;
    display:block;
    margin:0 0 9px 14px!important;
    color:var(--fa85-orange2)!important;
    font-size:10px!important;
    letter-spacing:.11em!important;
    font-weight:900!important;
    text-transform:uppercase
}

body.fa85-2026 .fa26-day-story p{
    position:relative;
    margin:0 0 0 14px!important;
    max-width:82ch;
    color:#e3e9ef!important;
    font-size:15px!important;
    line-height:1.72!important
}

/* FOTO GRID */

body.fa85-2026 :where(
    .fa26-photo-grid,
    .fa26-photos,
    .fa26-gallery,
    .trip-gallery
){
    display:grid!important;
    grid-template-columns:
        repeat(12,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:start
}

body.fa85-2026 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
){
    grid-column:span 4;
    min-width:0;
    overflow:hidden!important;
    border:1px solid var(--fa85-line)!important;
    border-radius:15px!important;
    background:#091620!important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.16);
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease
}

body.fa85-2026 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
):hover{
    transform:translateY(-2px);
    border-color:
        rgba(255,100,24,.32)!important;
    box-shadow:
        0 18px 32px rgba(0,0,0,.25)
}

body.fa85-2026 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
) img{
    width:100%!important;
    aspect-ratio:4/3;
    object-fit:cover!important;
    background:#08131d;
    transition:transform .35s ease
}

body.fa85-2026 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
):hover img{
    transform:scale(1.018)
}

/* OM DE PAAR FOTO'S GROTER */

body.fa85-2026 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
):nth-child(7n+1){
    grid-column:span 8
}

body.fa85-2026 :where(
    .fa26-photo,
    .fa26-photo-card,
    .fa26-media,
    .trip-photo
):nth-child(7n+1) img{
    aspect-ratio:16/9
}

/* FOTO VERHAAL */

body.fa85-2026 .fa26-photo-story{
    padding:14px!important;
    border-top:
        1px solid var(--fa85-line)!important;
    background:
        linear-gradient(
            180deg,
            #0c1925,
            #09151f
        )!important
}

body.fa85-2026
.fa26-photo-story
.fa26-story-kicker{
    color:var(--fa85-orange2)!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.11em!important
}

body.fa85-2026 .fa26-photo-story p{
    color:#d8e0e7!important;
    font-size:12px!important;
    line-height:1.6!important
}

body.fa85-2026 .fa26-fun-fact{
    margin-top:10px!important;
    padding:10px 11px!important;
    border:
        1px solid
        rgba(255,100,24,.18)!important;
    border-radius:11px!important;
    background:
        rgba(255,100,24,.045)!important
}

/* TECHNISCHE FOTO DETAILS */

body.fa85-2026 details.fa26-photo-info{
    border-top:
        1px solid var(--fa85-line)!important;
    background:#08141e!important;
    color:var(--fa85-muted)!important
}

body.fa85-2026
details.fa26-photo-info summary{
    padding:10px 13px!important;
    color:#9babb9!important;
    font-size:10px!important;
    cursor:pointer
}

/* TERUG NAAR BOVEN */

.fa85-to-top{
    position:fixed;
    right:22px;
    bottom:22px;
    width:48px;
    height:48px;
    border:0;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:var(--fa85-orange);
    color:white;
    font-size:20px;
    box-shadow:
        0 14px 30px rgba(255,100,24,.28);
    z-index:70;
    opacity:0;
    transform:translateY(12px);
    pointer-events:none;
    transition:.18s ease
}

.fa85-to-top.show{
    opacity:1;
    transform:none;
    pointer-events:auto
}

/* TABLET */

@media(max-width:1050px){

    body.fa85-2026 :where(
        .fa26-layout,
        .fa26-shell,
        .fa26-trip-layout,
        .trip-layout
    ){
        grid-template-columns:1fr!important
    }

    body.fa85-2026 :where(
        .fa26-sidebar,
        .fa26-days-nav,
        .fa26-day-nav,
        .fa26-toc,
        .trip-sidebar
    ){
        position:relative!important;
        top:auto!important;
        max-height:none;
        display:flex;
        gap:7px;
        overflow-x:auto;
        padding:10px!important
    }

    body.fa85-2026 :where(
        .fa26-day-link,
        .fa26-toc a,
        .fa26-day-nav a,
        .fa26-days-nav a
    ){
        min-width:150px;
        margin:0
    }
}

/* MOBIEL */

@media(max-width:760px){

    body.fa85-2026 :where(
        main,
        .fa26-main,
        .fa26-wrap,
        .fa26-page,
        .trip-page
    ){
        width:min(100% - 16px,1580px)
    }

    body.fa85-2026 :where(
        .fa26-day,
        .fa26-day-section,
        .trip-day
    ){
        padding:17px!important;
        border-radius:16px!important
    }

    body.fa85-2026 :where(
        .fa26-title,
        .fa26-day-title,
        .fa26-day h2,
        .trip-day h2
    ){
        font-size:
            clamp(32px,11vw,52px)!important;
        max-width:100%
    }

    body.fa85-2026 :where(
        .fa26-photo,
        .fa26-photo-card,
        .fa26-media,
        .trip-photo
    ),
    body.fa85-2026 :where(
        .fa26-photo,
        .fa26-photo-card,
        .fa26-media,
        .trip-photo
    ):nth-child(7n+1){
        grid-column:span 12
    }

    body.fa85-2026 :where(
        .fa26-photo,
        .fa26-photo-card,
        .fa26-media,
        .trip-photo
    ) img{
        aspect-ratio:4/3
    }
}