/* Datei: assets/css/frontend.css */

/* Grundlayout */
.bp-course{margin:45px 0;}
.bp-course-info{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 35px;padding:25px;background:#f5f7f8;border-radius:12px;}
.bp-course-meta{display:flex;flex-direction:column;gap:5px;}
.bp-course-meta-label{font-size:13px;color:#66727c;text-transform:uppercase;letter-spacing:.04em;}
.bp-course-meta strong{font-size:17px;color:#243746;}

/* Buchung */
.bp-booking-box{padding:35px;background:#fff;border:1px solid #e1e6e8;border-radius:16px;box-shadow:0 8px 25px rgba(36,55,70,.06);}
.bp-booking-box h2{margin:0 0 25px;color:#243746;}
.bp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.bp-form-field label{display:block;margin:0 0 7px;font-weight:600;color:#243746;}
.bp-form-field input,.bp-form-field select{width:100%;padding:12px 14px;border:1px solid #ccd5d9;border-radius:7px;background:#fff;box-sizing:border-box;}
.bp-form-field input:focus,.bp-form-field select:focus{outline:none;border-color:#4d858d;box-shadow:0 0 0 2px rgba(77,133,141,.12);}

/* Zahlung */
.bp-payment{margin:30px 0 25px;padding-top:25px;border-top:1px solid #e1e6e8;}
.bp-payment h3{margin:0 0 15px;color:#243746;}
.bp-payment-option{display:flex;align-items:center;gap:10px;margin:10px 0;}
.bp-payment-option input{margin:0;}

/* Einwilligungen */
.bp-consents{display:flex;flex-direction:column;gap:10px;margin:25px 0;}
.bp-consents label{font-size:14px;color:#4d5961;}
.bp-consents input{margin-right:8px;}

/* Button */
.bp-booking-button{display:inline-block;padding:13px 25px;border:0;border-radius:7px;background:#f98d29;color:#fff;font-size:16px;font-weight:700;cursor:pointer;}
.bp-booking-button:hover{opacity:.9;}

/* Status */
.bp-booking-message{padding:25px;border-radius:12px;}
.bp-booking-soldout{background:#f5f7f8;}
.bp-booking-message h3{margin:0 0 8px;color:#243746;}
.bp-booking-message p{margin:0;color:#66727c;}
.bp-booking-success{padding:45px;text-align:center;background:#f5f7f8;border-radius:16px;}
.bp-success-icon{display:flex;align-items:center;justify-content:center;width:55px;height:55px;margin:0 auto 20px;border-radius:50%;background:#4d858d;color:#fff;font-size:28px;font-weight:700;}
.bp-booking-success h2{margin:0 0 10px;color:#243746;}
.bp-booking-success p{color:#66727c;}
.bp-booking-number{display:inline-flex;flex-direction:column;gap:5px;margin:20px 0;padding:15px 25px;background:#fff;border-radius:8px;}
.bp-booking-number span{font-size:12px;color:#66727c;text-transform:uppercase;}
.bp-booking-number strong{font-size:20px;color:#243746;}

/* Responsive */
@media(max-width:800px){
	.bp-course-info{grid-template-columns:1fr 1fr;}
	.bp-form-grid{grid-template-columns:1fr;}
}
@media(max-width:500px){
	.bp-course-info{grid-template-columns:1fr;}
	.bp-booking-box{padding:25px 20px;}
	.bp-booking-success{padding:30px 20px;}
}