@media (max-width: 900px) {

    .video-grid {
        grid-template-columns: 1fr;
    }

    .gallery-grid {
        grid-template-columns: 1fr;
    }

    .press-grid {
        grid-template-columns: 1fr;
    }

    .agenda-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .contact-container {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 1000px) {

    nav {
        display: none;
    }

    .header-right {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    #hero {

        height: 100vh;

        padding-top: 120px;

        padding-left: 25px;
        padding-right: 25px;

        background-position: 65% center;

    }



    .hero-content h1 {

        font-size: 2.8rem;

        line-height: 1;

    }

    .hero-content p {

        font-size: 1.1rem;

    }

}
@media (max-width: 1000px) {

    nav {

        position: fixed;

        top: 100px;
        left: 0;

        width: 100%;

        background: white;

        flex-direction: column;

        padding: 30px;

        display: none;

        box-shadow: 0 10px 30px rgba(0,0,0,.08);

    }

    nav.mobile-open {

        display: flex;

    }

}
@media (max-width: 900px) {

    .about-container {

        grid-template-columns: 1fr;

        gap: 40px;

    }

    .about-text {

        text-align: center;

    }

}
/* MOBIELE GALERIJ */

@media (max-width: 768px) {

    .gallery-grid {
        display: flex;
        overflow-x: auto;
        gap: 12px;

        scroll-snap-type: x mandatory;

        padding: 0 16px;
    }

    .gallery-grid img {
        min-width: 85vw;

        height: 70vw;

        object-fit: cover;

        scroll-snap-align: center;

        border-radius: 12px;
    }

    .gallery-grid::-webkit-scrollbar {
        display: none;
    }

}
/* =========================================
   MOBIEL FIXES
========================================= */

@media (max-width:768px){

    /* OVER MARIA */

    .about-container{
        display:flex;
        flex-direction:column;
        gap:30px;
    }

    .about-image{
        order:1;
        width:100%;
    }

    .about-image img{
        width:100%;
        height:auto;
    }

    .about-text{
        order:2;
        text-align:center;
    }

    .about-text p{
        max-width:100%;
    }



    /* CONTACT */

    .contact-container{
        display:flex;
        flex-direction:column;
        gap:40px;
    }

    .contact-info{
        text-align:center;
    }



    /* VIDEO'S */

    .video-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:20px;
    }



    /* PERS */

    .press-grid{
        display:flex;
        overflow-x:auto;
        gap:20px;
        padding-bottom:10px;
    }

    .press-card {

    flex: 0 0 70vw;

    width: 70vw;

}



    /* AGENDA */

    .agenda-item{
        flex-direction:column;
        text-align:center;
        gap:15px;
    }



    /* FOOTER */

    footer{
        text-align:center;
    }

}
/* ZWEVENDE BOEKKNOP */

.floating-book {

    position: fixed;

    right: 20px;
    bottom: 20px;

    background: var(--accent);

    color: white;

    text-decoration: none;

    padding: 16px 26px;

    border-radius: 50px;

    font-weight: 600;

    box-shadow: 0 8px 25px rgba(0,0,0,.15);

    z-index: 9999;

    opacity: 0;

    visibility: hidden;

    transform: translateY(20px);

    transition: all .3s ease;

}

.floating-book.show {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}

/* Alleen mobiel */

@media (min-width: 769px) {

    .floating-book {

        display: none;

    }

}
/* =====================================
   MOBIELE TAALKNOP
===================================== */

.floating-language {

    position: fixed;

    left: 20px;
    bottom: 20px;

    width: 52px;
    height: 52px;

    border: none;

    border-radius: 50%;

    background: var(--accent);

    color: white;

    font-size: 22px;

    cursor: pointer;

    z-index: 9999;

    box-shadow: 0 8px 25px rgba(0,0,0,.15);

}

.language-popup {

    position: fixed;

    left: 20px;
    bottom: 85px;

    display: none;

    flex-direction: column;

    gap: 8px;

    padding: 12px;

    background: white;

    border-radius: 16px;

    box-shadow: 0 8px 30px rgba(0,0,0,.15);

    z-index: 9999;

}

.language-popup.show {

    display: flex;

}

.language-popup button {

    border: none;

    background: none;

    text-align: left;

    padding: 8px;

    cursor: pointer;

    font-size: 15px;

}

.language-popup button:disabled {

    opacity: .4;

    cursor: default;

}

@media (min-width: 769px) {

    .floating-language,
    .language-popup {

        display: none !important;

    }

}
/* SWIPE INDICATOR */

.swipe-indicator {

    width: 80px;

    height: 5px;

    background: #d9d9d9;

    border-radius: 999px;

    margin: 18px auto 0 auto;

}

@media (min-width: 769px) {

    .swipe-indicator {

        display: none;

    }

}
/* =====================================
   DESKTOP TAALMENU
===================================== */

#language-switch {

    width: 38px;
    height: 38px;

    border: none;

    border-radius: 50%;

    background: var(--accent);

    color: white;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

    display: flex;

    align-items: center;
    justify-content: center;

    box-shadow: 0 8px 25px rgba(0,0,0,.15);

}

.desktop-language-popup {

    position: absolute;

    top: 80px;
    right: 20px;

    display: none;

    flex-direction: column;

    gap: 8px;

    padding: 12px;

    background: white;

    border-radius: 16px;

    box-shadow: 0 8px 30px rgba(0,0,0,.15);

    z-index: 9999;

}

.desktop-language-popup.show {

    display: flex;

}

.desktop-language-popup button {

    border: none;

    background: none;

    text-align: left;

    padding: 8px;

    cursor: pointer;

    font-size: 15px;

}

@media (max-width:1000px){

    #language-switch,
    .desktop-language-popup{

        display:none !important;

    }

}