.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */div.ancr-group, ancr-pos-top ancr-normal {
    display: none
}

/* --- Basisstijl voor het Cinemawall keuzeblok --- */
.wpforms-field.cinemawall-choice ul {
    /* Verwijdert WPForms standaardstijlen voor de lijst */
    list-style: none; 
    margin: 0;
    padding: 0;
}

/* --- Styling voor elk individueel keuze-item --- */
.wpforms-field.cinemawall-choice li {
    /* Maakt de items flexibel: afbeelding en tekst naast elkaar */
    display: flex;
    align-items: center; /* Lijn verticaal uit */
    justify-content: flex-start;
    
    padding: 15px; /* Meer ruimte rond de inhoud */
    margin-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 8px; /* Zachte afgeronde hoeken */
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    cursor: pointer;
}

/* --- De afbeeldingsgrootte verbeteren --- */
.wpforms-field.cinemawall-choice li img {
    /* De afbeelding groter en scherper maken */
    width: 100px; 
    height: 60px;
    
    /* Zorgt ervoor dat de afbeelding de beschikbare ruimte vult zonder vervorming */
    object-fit: cover; 
    
    margin-right: 15px;
    border-radius: 4px;
    border: 2px solid transparent; /* Transparante rand voor focus */
}

/* --- Geselecteerde en Hover-status (Gebruik van Mosgroen en Antraciet) --- */
/* Wanneer de gebruiker met de muis over een optie gaat */
.wpforms-field.cinemawall-choice li:hover {
    border-color: #849F83; /* Gedempt Mosgroen rand */
}

/* Wanneer de radioknop geselecteerd is (WPForms voegt de input toe) */
.wpforms-field.cinemawall-choice input[type="radio"]:checked ~ label {
    font-weight: bold;
    color: #4A4A4A; /* Warm Antraciet voor de tekst */
}

/* Visuele feedback op de geselecteerde afbeelding zelf */
.wpforms-field.cinemawall-choice input[type="radio"]:checked ~ img {
    border-color: #4A4A4A; /* Warm Antraciet rand om de geselecteerde thumbnail */
}

/* --- Zorgt dat de tekst goed naast de afbeelding staat --- */
.wpforms-field.cinemawall-choice label {
    flex-grow: 1; /* Laat de label de rest van de ruimte innemen */
    margin-bottom: 0 !important; /* Overrule standaard WPForms marge */
}

/* Verberg de standaard radioknop (deze wordt vervangen door de styling op de LI) */
.wpforms-field.cinemawall-choice input[type="radio"] {
    position: absolute; 
    opacity: 0;
    width: 0;
    height: 0;
} /* --- CINEMA WALL CONFIGURATOR STYLING --- */

/* Maak de container flexibel voor 2 kolommen */
.wpforms-field.cinemawall-choice .wpforms-field-row {
    display: flex;
    gap: 30px; 
    align-items: flex-start;
}

/* Grote Voorvertoning (Linker Kolom) */
.cinemawall-preview {
    flex: 0 0 50%; 
    max-width: 50%;
    border: 1px solid #e0e0e0;
    padding: 10px;
    border-radius: 8px;
    background-color: #F8F6F4; /* Gebroken Wit/Crème achtergrond */
}

#cinemawall-preview-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    min-height: 250px; 
    object-fit: cover; 
}

/* Opties Lijst (Rechter Kolom) - WPForms UL */
.wpforms-field.cinemawall-choice ul {
    flex: 1; 
    margin: 0;
    padding: 0;
}

/* Item styling */
.wpforms-field.cinemawall-choice li {
    list-style: none;
    display: flex; 
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}

/* Hover-status (Gedempt Mosgroen) */
.wpforms-field.cinemawall-choice li:hover {
    border-color: #849F83; 
}

/* Geselecteerde item styling (Warm Antraciet) */
.wpforms-field.cinemawall-choice li.selected-option {
    border-color: #4A4A4A; 
    background-color: #F8F6F4; 
}

.wpforms-field.cinemawall-choice li.selected-option label {
    font-weight: bold;
    color: #4A4A4A;
}

/* Thumbnail styling */
.wpforms-field.cinemawall-choice li img {
    width: 100px; 
    height: 60px;
    object-fit: cover; 
    margin-right: 15px;
    border-radius: 4px;
    border: 2px solid transparent; 
}

/* Geselecteerde thumbnail */
.wpforms-field.cinemawall-choice li.selected-option img {
    border-color: #4A4A4A; 
}

/* Verberg de standaard radioknop */
.wpforms-field.cinemawall-choice input[type="radio"] {
    position: absolute; 
    opacity: 0;
    width: 0;
    height: 0;
}

.user-area signin-area {
	    visibility: hidden !important; 
}

user-profile-name {
    visibility: hidden !important;
}/* End custom CSS */