/* BR Simple Image Gallery – compacte fotomozaiek */

.brSigContainer {
    gap: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.brSigContainer .brSigItem {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.brSigContainer .brSigLink {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.brSigContainer .brSigLink img {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}



/* ==========================================
   Slideshow Joomla 6 – zwarte balk en schaduw
   ========================================== */

/* De zwarte balk is 215px hoog */
.container-top-a {
    position: relative;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

/* Zwarte balk over de volledige browserbreedte */
.container-top-a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 258px;
    transform: translateX(-50%);
    background: #000;
    z-index: 0;
}

/* Modules boven de zwarte achtergrond */
.container-top-a > * {
    position: relative;
    z-index: 1;
}

/* Geen witte Joomla-kaders */
.container-top-a .card,
.container-top-a .card-body,
.container-top-a .moduletable,
.container-top-a .mod-custom {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Slideshow is 250px hoog */
.container-top-a iframe {
    display: block;
    width: 100%;
    max-width: 1200px;
    aspect-ratio: 4 / 1;
    height: auto !important;
    margin: 0 auto;
    border: 0;
    background: transparent;
    position: relative;
}

/* Ruimte onder de slideshow voor de schaduw */
.container-top-a {
    margin-bottom: 35px !important;
}


/* ==========================================
   Standaard Cassiopeia-header verbergen
   ========================================== */

.container-header {
    display: none !important;
}


/* Zachte slagschaduw onder de slideshow */

.container-top-a iframe {
    filter: drop-shadow(0 18px 12px rgba(0, 0, 0, 0.65));
}


/* Slideshow: top-a mag de volledige gridbreedte benutten */

.site-grid > .container-top-a {
    grid-column: 1 / -1;
    width: 100%;
    max-width: none;
}

/* Slideshow gecentreerd binnen die brede container */

.container-top-a iframe {
    width: min(1200px, 100%);
    max-width: 1200px;
    aspect-ratio: 4 / 1;
    height: auto !important;
    margin: 0 auto;
}


/* Slideshow: 1200px breed, onafhankelijk van container */

.container-top-a iframe {
    display: block;
    width: min(1200px, 100vw) !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 4 / 1;
    margin-left: 50% !important;
    transform: translateX(-50%);
}