/* ---- Algemene Pagina Structuur ---- */

.custom-slot-page-wrapper {

    max-width: 1290px;

    margin: 0 auto;

    padding: 20px 15px;

}



.section-title {

    color: #fff;

    font-size: 1.8rem;

    margin-bottom: 20px;

    border-bottom: 2px solid #A18FFF;

    padding-bottom: 10px;

}



/* ---- Header & Navigatie (Jouw CSS) ---- */

.slot-header-section .container {

    padding-left: 0;

    padding-right: 16px;

}

.slot-header-section .breadcrumbs ol {

    display: flex;

    list-style: none;

    padding-left: 0;

    margin: 0 0 16px 0;

    font-family: Arial, sans-serif;

    font-size: 13px;

}

.slot-header-section .breadcrumbs ol li + li::before {

    content: "»";

    margin: 0 6px;

    color: #c8c8e8;

}

.slot-header-section .breadcrumbs-link {

    color: #FFEA00;

    text-decoration: none;

}

.slot-header-section .breadcrumbs-link:hover,

.slot-header-section .breadcrumbs-link:focus {

    text-decoration: underline;

}

.slot-header-section [aria-current="page"] {

    color: #c8c8e8;

    font-weight: 600;

}

.slot-header-section .page-title {

    font-family: Arial, sans-serif;

    font-weight: 700;

    font-size: 24px !important;

    line-height: 1.2;

    margin: 0;

    display: inline;

}

.slot-header-section .page-subtitle {

    font-family: Arial, sans-serif;

    font-weight: 600;

    font-size: 14px !important;

    color: #FFFFFF;

    margin-left: 10px;

    line-height: 1.2;

    display: inline;

}

.slot-header-section .page-nav {

    margin-top: 24px;

    margin-bottom: 32px;

    font-family: Arial, sans-serif;

    font-size: 14px;

    border-bottom: 1px solid #444;

    padding-bottom: 15px;

}

.slot-header-section .nav-list {

    list-style: none;

    padding-left: 0;

    margin-left: 0;

    display: flex;

    flex-wrap: nowrap;

    justify-content: flex-start;

}

.slot-header-section .nav-item {

    flex-shrink: 1;

    padding: 0 8px;

    white-space: nowrap;

    border-left: 1px solid #444;

}

.slot-header-section .nav-item.first-item {

    border-left: none;

    padding-left: 0;

}

.slot-header-section .nav-link {

    color: #FFEA00;

    text-decoration: none;

    font-weight: 600;

    font-size: 13px;

    display: inline-block;

}

.slot-header-section .nav-link[aria-current="true"] {

    color: #fff;

    text-decoration: underline;

}

@media (max-width: 600px) {

    .slot-header-section .breadcrumbs ol { margin-bottom: 12px !important; }

    .slot-header-section .page-title { font-size: 20px !important; margin-bottom: 16px !important; display: inline !important; }

    .slot-header-section .page-subtitle { font-size: 12px !important; margin-left: 6px !important; display: inline !important; margin-top: 0 !important; color: #FFFFFF !important; }

    .slot-header-section .page-nav { margin-top: 16px !important; margin-bottom: 24px !important; }

    .slot-header-section .nav-link { font-size: 12px !important; }

}

@media (max-width: 400px) {

    .slot-header-section .nav-link { font-size: 10px !important; }

}





/* ---- Offers & Info Box ---- */

.offers-and-info-section {

    margin-top: 30px;

}

.slot-info-box {

    background-color: #5A0093;

    padding: 20px;

    border-radius: 8px;

    margin-top: 30px;

}

.slot-info-title {

    border-bottom: 2px solid #A18FFF;

    padding-bottom: 8px;

    margin-top: 0;

    margin-bottom: 16px;

    color: #D4D4E6;

    font-weight: 700;

    font-size: 1.3rem;

}

.slot-info-list {

    margin: 0;

    padding: 0;

    list-style: none;

}

.slot-info-list dt,

.slot-info-list dd {

    display: inline-block;

    width: 48%; /* Zorgt voor twee kolommen */

    box-sizing: border-box;

    margin: 0;

    padding: 8px 0;

    color: #D4D4E6;

    font-weight: 600;

    border-bottom: 1px solid #3A366E;

    vertical-align: middle;

}

.slot-info-list dd {

    font-weight: 700;

    text-align: right; /* Waarde rechts uitlijnen */

}

.slot-info-list dt:last-of-type,

.slot-info-list dd:last-of-type {

    border-bottom: none; /* Geen lijn onder het laatste item */

}

.highlight-text a {

    color: #FFEA00;

    text-decoration: none;

}

.highlight-text a:hover {

    text-decoration: underline;

}



/* ---- Hoofdtekst (video-tekst) ---- */

.main-review-content {

    margin-top: 40px;

    color: #fff;

}

.main-review-content h2, .main-review-content h3, .main-review-content h4 {

    color: #fff;

    margin-top: 1.5em;

}

.main-review-content p {

    line-height: 1.6;

    margin-bottom: 1em;

}

.main-review-content a {

    color: #FFEA00;

}

.main-review-content img {

    max-width: 100%;

    height: auto;

    border-radius: 8px;

    margin: 20px auto;

    display: block;

}



/* ---- Screenshots Galerij ---- */

.slot-screenshots-gallery {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 20px;

    margin-top: 40px;

}

.slot-screenshots-gallery a {

    display: block;

    border-radius: 8px;

    overflow: hidden;

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}

.slot-screenshots-gallery a:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 20px rgba(0,0,0,0.3);

}

.slot-screenshots-gallery img {

    width: 100%;

    height: auto;

    display: block;

}



/* ---- Info en Beoordeling Sectie (AANGEPAST) ---- */

.slot-review-section {

    background-color: #5A0093;

    padding: 24px;

    border-radius: 8px;

    margin-top: 40px;

    border: 1px solid #3A366E;

}

.review-grid {

    display: grid;

    grid-template-columns: 1fr;

    gap: 24px;

    align-items: center;

}

@media (min-width: 768px) {

    .review-grid {

        grid-template-columns: 250px 1fr;

    }

}

.review-image img {

    width: 100%;

    height: auto;

    border-radius: 8px;

}

.review-text p {

    margin: 0 0 20px 0;

    line-height: 1.6;

    color: #fff;

}

.review-subtitle {

    font-size: 1.4rem;

    color: #fff;

    margin-top: 20px;

    margin-bottom: 15px;

    text-align: center;

}

.review-ratings {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

    justify-content: center;

}

.rating-item {

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: transparent;

    border: 1px solid #4a468c;

    padding: 10px 15px;

    border-radius: 8px;

    min-width: 120px;

    text-align: center;

}

.rating-item span {

    font-weight: bold;

    margin-bottom: 5px;

}

.stars-wrapper {

    color: #f0ad4e;

    font-size: 1.2em;

    letter-spacing: 2px;

}

.star.empty {

    color: #4a468c;

}



/* ---- Video & Gerelateerde Slots ---- */

.video-section, .related-slots-section {

    margin-top: 40px;

}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

    background: #000;

    border-radius: 8px;

}

.video-container iframe,

.video-container .youtube-lazy-load {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}

.youtube-lazy-load {

    cursor: pointer;

}

.youtube-lazy-load img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.play-button-overlay {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 80px;

    height: 80px;

    background: rgba(0, 0, 0, 0.6);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: transform 0.2s ease;

    pointer-events: none;

}

.play-button-overlay::after {

    content: '▶';

    font-size: 40px;

    color: white;

    padding-left: 5px;

}

.youtube-lazy-load:hover .play-button-overlay {

    transform: translate(-50%, -50%) scale(1.1);

}



.related-slots-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

}

.related-slot-item {

    text-decoration: none;

    background-color: #5A0093;

    border-radius: 8px;

    overflow: hidden;

    display: block;

    transition: transform 0.2s ease, box-shadow 0.2s ease;

}

.related-slot-item:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 20px rgba(0,0,0,.3);

}

.related-slot-item img {

    width: 100%;

    height: auto;

    aspect-ratio: 4 / 3;

    object-fit: cover;

    display: block;

}

.related-slot-info {

    padding: 15px;

}

.related-slot-title {

    color: #fff;

    font-weight: 700;

    font-size: 15px;

    display: block;

    margin-bottom: 5px;

}

.related-slot-provider {

    color: #FFEA00;

    font-size: 0.9em;

    display: block;

}





@media (max-width: 767px) {

    .related-slots-grid {

        grid-template-columns: repeat(2, 1fr);

        gap: 15px;

    }

    .related-slot-title {

        font-size: 14px;

    }

    .related-slot-info {

        padding: 10px;

    }

}



body { background-color: #350156 !important; }



p {

color: #fff;

}



.slot-info-list { margin: 0; padding: 0; list-style: none; }

.info-row {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 8px 0;

    border-bottom: 1px solid #3a366e;

}

.info-row:last-child {

    border-bottom: none;

}

.info-row dt {

    padding-right: 10px;

    color: #d4d4e6;

    font-weight: 600; 

    white-space: nowrap;

  }

.info-row dd {

    color: #d4d4e6;

    font-weight: 700;

    text-align: right;

    flex-shrink: 0;

}





        .custom-slot-page-wrapper h2, .custom-slot-page-wrapper .section-title { font-size: 25px !important; }

        .custom-slot-page-wrapper h3, .custom-slot-page-wrapper .widget-title, .custom-slot-page-wrapper .slot-info-title { font-size: 20px !important; }

        .custom-slot-page-wrapper{max-width:1290px;margin:0 auto;padding:20px 15px}.section-title{color:#fff;margin-bottom:20px;border-bottom:2px solid #a18fff;padding-bottom:10px}.slot-header-section .container{padding-left:0;padding-right:16px}.slot-header-section .breadcrumbs ol{display:flex;list-style:none;padding-left:0;margin:0 0 16px;font-family:Arial,sans-serif;font-size:13px}.slot-header-section .breadcrumbs ol li+li::before{content:\"»\";margin:0 6px;color:#c8c8e8}.slot-header-section .breadcrumbs-link{color:#FFEA00;text-decoration:none}.slot-header-section .breadcrumbs-link:focus,.slot-header-section .breadcrumbs-link:hover{text-decoration:underline}.slot-header-section [aria-current=page]{color:#c8c8e8;font-weight:600}.slot-header-section .page-title{font-family:Arial,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;margin:0;display:inline}.slot-header-section .page-subtitle{font-family:Arial,sans-serif;font-weight:600;font-size:14px!important;color:#fff;margin-left:10px;line-height:1.2;display:inline}.slot-header-section .page-nav{margin-top:24px;margin-bottom:32px;font-family:Arial,sans-serif;font-size:14px;border-bottom:1px solid #444;padding-bottom:15px}.slot-header-section .nav-list{list-style:none;padding-left:0;margin-left:0;display:flex;flex-wrap:nowrap;justify-content:flex-start}.slot-header-section .nav-item{flex-shrink:1;padding:0 8px;white-space:nowrap;border-left:1px solid #444}.slot-header-section .nav-item.first-item{border-left:none;padding-left:0}.slot-header-section .nav-link{color:#FFEA00;text-decoration:none;font-weight:600;font-size:13px;display:inline-block}.slot-header-section .nav-link[aria-current=true]{color:#fff;text-decoration:underline}

        .offers-and-info-section{margin-top:30px}.slot-info-box{background-color:#5A0093;padding:20px;border-radius:8px;margin-top:30px}.slot-info-title{border-bottom:2px solid #a18fff;padding-bottom:8px;margin-top:0;margin-bottom:16px;color:#d4d4e6;font-weight:700}.slot-info-list{margin:0;padding:0;list-style:none}.slot-info-list dd,.slot-info-list dt{display:inline-block;width:48%;box-sizing:border-box;margin:0;padding:8px 0;color:#d4d4e6;font-weight:600;border-bottom:1px solid #3a366e;vertical-align:middle}.slot-info-list dd{font-weight:700;text-align:right}.slot-info-list dd:last-of-type,.slot-info-list dt:last-of-type{border-bottom:none}.highlight-text a{color:#FFEA00;text-decoration:none}.highlight-text a:hover{text-decoration:underline}.main-review-content{margin-top:40px}.main-review-content a{color:#FFEA00}.main-review-content h2,.main-review-content h3,.main-review-content h4{color:#fff;margin-top:1.5em}.main-review-content img{max-width:100%;height:auto;border-radius:8px;margin:20px auto;display:block}.main-review-content p{line-height:1.6;margin-bottom:1em}

        .slot-screenshots-gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px;margin-top:40px}.slot-screenshots-gallery a{display:block;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.slot-screenshots-gallery a:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.slot-screenshots-gallery img{width:100%;height:auto;display:block}

        .slot-review-section{background-color:#5A0093;padding:24px;border-radius:8px;margin-top:40px;border:1px solid #3a366e}.review-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;margin-top:20px}@media (min-width:768px){.review-grid{grid-template-columns:250px 1fr}}.review-image img{width:100%;height:auto;border-radius:8px}.review-text{color:#fff;margin-bottom:20px}.review-text p{margin:0;line-height:1.6}.review-subtitle{font-size:1.2rem;color:#fff;margin:0 0 15px;text-align:center}

        .review-ratings{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;color:#000000a6}@media(min-width:961px){.review-ratings{grid-template-columns:repeat(4,1fr)}}

        .rating-item{display:flex;flex-direction:column;align-items:center;background-color:#fff;border:1px solid #4a468c;padding:10px 15px;border-radius:8px;min-width:120px;text-align:center}.rating-item span{font-weight:700;margin-bottom:5px}.stars-wrapper{color:#f0ad4e;font-size:1.2em;letter-spacing:2px}.star.empty{color:#808080a1}.related-slots-section,.video-section{margin-top:40px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#000;border-radius:8px}.video-container .youtube-lazy-load,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.youtube-lazy-load{cursor:pointer}.youtube-lazy-load img{width:100%;height:100%;object-fit:cover}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;pointer-events:none}.play-button-overlay::after{content:'▶';font-size:40px;color:#fff;padding-left:5px}.youtube-lazy-load:hover .play-button-overlay{transform:translate(-50%,-50%) scale(1.1)}

        .slot-body-container{display:flex;flex-direction:column;gap:30px}@media (min-width:961px){.slot-body-container{flex-direction:row;align-items:flex-start}.slot-main-column{flex:1;min-width:0}.slot-sidebar-column{flex:0 0 25%;max-width:300px;margin-left:auto}}.sidebar-widget{background-color:#5A0093;padding:20px;border-radius:8px;border:1px solid #3a366e;margin-bottom:30px}.sidebar-widget .widget-title{color:#d4d4e6;margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #a18fff}.top-5-list{list-style:none;padding:0;margin:0}.top-5-list li{margin-bottom:15px}.top-5-list li:last-child{margin-bottom:0}.top-5-list a{display:flex;align-items:center;text-decoration:none;gap:15px}.top-5-list img{width:60px;height:60px;object-fit:cover;border-radius:5px;flex-shrink:0}.top-5-info{display:flex;flex-direction:column}.top-5-title{color:#fff;font-weight:700;font-size:15px}.top-5-provider{color:#FFEA00;font-size:.9em}

        @media (max-width: 767px) { .custom-slot-page-wrapper h2, .custom-slot-page-wrapper .section-title { font-size: 22px !important; } .custom-slot-page-wrapper h3, .custom-slot-page-wrapper .widget-title, .custom-slot-page-wrapper .slot-info-title { font-size: 18px !important; }

    .slot-header-section .page-title { font-size: 20px !important; }

    .slot-header-section .page-subtitle { font-size: 12px !important; }}

/* --- Responsive Banner Styling --- */

.responsive-banner-section {
    margin: 30px 0;
    text-align: center; /* Zorgt dat de banner gecentreerd wordt */
}

.banner-mobile {
    display: none;
}

.banner-desktop {
    display: inline-block;
}

@media (max-width: 768px) {
    .banner-desktop {
        display: none;
    }

    .banner-mobile {
        display: inline-block;
    }
}

.slot-faq-content {
color: white;
}