body .wer-form,
body .wer-overview{
//max-width:1000px;
margin:auto;
font-family:Arial,sans-serif;
}

.wer-step{
display:none;
border:1px solid #ddd;
border-radius:12px;
padding:20px;
margin-bottom:20px;
}

.wer-step.active{
display:block;
}

.wer-child,
.wer-event-card{
border:1px solid #ddd;
border-radius:10px;
overflow:hidden;
margin-bottom:20px;
padding:15px;
}

.wer-child-header{
background:#f5f5f5;
padding:15px;
display:flex;
justify-content:space-between;
align-items:center;
margin:-15px -15px 15px;
}

.wer-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.wer-form input,
.wer-form select,
.wer-form textarea{
width:100%;
padding:12px;
margin-bottom:12px;
box-sizing:border-box;
}

.wer-buttons{
display:flex;
gap:10px;
}

.wer-form button{
background:#2271b1;
color:#fff;
border:none;
padding:12px 20px;
border-radius:6px;
cursor:pointer;
}

.remove-child{
background:#c0392b !important;
}

.bus-stop-select{
display:none;
}

.wer-event-disabled{
opacity:0.55;
}

.wer-status-full{
color:#c0392b;
font-weight:bold;
}

.wer-status-deadline{
color:#e67e22;
font-weight:bold;
}

.wer-status-free{
color:#27ae60;
font-weight:bold;
}

.wer-success{
padding:15px;
background:#d4edda;
margin-bottom:20px;
border-radius:10px;
}

@media(max-width:768px){

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

.wer-buttons{
flex-direction:column;
}

}


.wer-event-thumb{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
display:block;
margin:-15px -15px 15px;
border-radius:10px 10px 0 0;
}


.wer-overview .wer-event-card{
display:flex;
gap:20px;
align-items:stretch;
}

.wer-overview .wer-event-thumb{
width:25%;
min-width:25%;
height:auto;
object-fit:cover;
margin:0;
border-radius:10px;
}

@media(max-width:768px){
.wer-overview .wer-event-card{
display:block;
}
.wer-overview .wer-event-thumb{
width:100%;
min-width:100%;
margin:0 0 15px 0;
}
}


.wer-event-card{
display:flex;
gap:20px;
align-items:flex-start;
}

.wer-event-thumb{
width:25%;
min-width:25%;
height:auto;
object-fit:cover;
border-radius:10px;
}

.wer-event-content{
width:75%;
}

.wer-event-content > *{
display:block;
margin-bottom:10px;
}

@media(max-width:768px){
 .wer-event-card{display:block;}
 .wer-event-thumb,.wer-event-content{width:100%;min-width:100%;}
}


/* V24.3 Overview only */
.wer-overview .wer-event-card{
display:flex;
gap:20px;
align-items:stretch;
}
.wer-overview-image{
width:25%;
min-width:25%;
}
.wer-overview-thumb{
width:100%;
height:100%;
object-fit:cover;
display:block;
border-radius:10px;
}
.wer-overview-content{
width:75%;
}
@media(max-width:768px){
.wer-overview .wer-event-card{display:block;}
.wer-overview-image,.wer-overview-content{width:100%;}
}


/* V28 UX */
.wer-no-events{
padding:12px;
border:1px solid #f0c36d;
background:#fff8e5;
border-radius:8px;
margin:10px 0 20px;
}

.event-checkbox{
appearance:none;
width:48px;
height:26px;
background:#ccc;
border-radius:26px;
position:relative;
cursor:pointer;
vertical-align:middle;
}

.event-checkbox:before{
content:'';
position:absolute;
width:22px;
height:22px;
left:2px;
top:2px;
background:#fff;
border-radius:50%;
transition:.2s;
}

.event-checkbox:checked{
background:#27ae60;
}

.event-checkbox:checked:before{
transform:translateX(22px);
}


.wer-toggle-label{
display:flex;
align-items:center;
gap:12px;
font-weight:600;
margin:10px 0;
}
.wer-booking-options{
margin-top:10px;
padding-top:10px;
border-top:1px solid #eee;
}

/* V32 Toggles */

.event-checkbox,
.transfer-toggle,
input[name="wer_privacy"]{
appearance:none;
-webkit-appearance:none;
width:48px;
height:26px;
background:#ccc;
border-radius:26px;
position:relative;
cursor:pointer;
vertical-align:middle;
transition:all .2s ease;
margin:0;
}

.event-checkbox:before,
.transfer-toggle:before,
input[name="wer_privacy"]:before{
content:'';
position:absolute;
width:22px;
height:22px;
left:2px;
top:2px;
background:#fff;
border-radius:50%;
transition:all .2s ease;
box-shadow:0 1px 3px rgba(0,0,0,.2);
}

.event-checkbox:checked,
.transfer-toggle:checked,
input[name="wer_privacy"]:checked{
background:#27ae60;
}

.event-checkbox:checked:before,
.transfer-toggle:checked:before,
input[name="wer_privacy"]:checked:before{
transform:translateX(22px);
}

.wer-toggle-label{
display:flex;
align-items:center;
gap:12px;
font-weight:600;
margin:10px 0;
cursor:pointer;
}

.wer-dsgvo{
display:flex;
align-items:center;
gap:12px;
margin:15px 0;
font-weight:600;
}

.transfer-toggle{
flex-shrink:0;
}

/* V32 placeholder UX improvements */
.transfer-row,.bus-stop-row{display:none;}