/**
 * WP Rentalo Lite: gemeinsame Cards und Bereichsheader.
 *
 * Dynamische Werte kommen ausschließlich über --rentalo-* Variablen.
 * Step-spezifische Layouts bleiben in den jeweiligen Step-Dateien.
 */

.rentalo-frontend-wrap .rentalo-section-card,
.rentalo-frontend-wrap .rentalo-side-card,
.rentalo-frontend-wrap .rentalo-ui-step2-topbar,
.rentalo-frontend-wrap .rentalo-ui-step2-item-card,
.rentalo-frontend-wrap .rentalo-ui-step3-card,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard,
.rentalo-frontend-wrap .rentalo-ui-step4-card,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard,
.rentalo-frontend-wrap .rentalo-step4-section,
.rentalo-frontend-wrap .rentalo-step4-summary-card,
.rentalo-frontend-wrap .rentalo-group-card {
    background:var(--rentalo-card-bg,#fff);
    border-color:var(--rentalo-border,#d8e0ea);
    border-width:var(--rentalo-card-border-width,var(--rentalo-border-width,1px));
    border-radius:var(--rentalo-radius,16px);
    box-shadow:none;
}

.rentalo-side-card,
.rentalo-section-card {
    border-style:solid;
    overflow:hidden;
}

.rentalo-frontend-wrap .rentalo-section-head,
.rentalo-frontend-wrap .rentalo-side-card-head,
.rentalo-frontend-wrap .rentalo-ui-step3-card-head,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard-head,
.rentalo-frontend-wrap .rentalo-ui-step4-card-head,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard-head,
.rentalo-frontend-wrap .rentalo-details-title {
    margin:0;
    padding:10px 16px;
    background:var(--rentalo-step-header-bg,var(--rentalo-blue,#006699));
    color:var(--rentalo-step-header-text,#fff);
}

.rentalo-frontend-wrap .rentalo-section-head h3,
.rentalo-frontend-wrap .rentalo-side-card-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-card-head h3,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard-head h3,
.rentalo-frontend-wrap .rentalo-ui-step4-card-head h3,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard-head h3,
.rentalo-frontend-wrap .rentalo-details-title h3,
.rentalo-frontend-wrap .rentalo-step4-section-title {
    margin:0 0 3px;
    color:var(--rentalo-step-header-text,#fff);
    font-size:var(--rentalo-section-heading-size,17px);
    font-weight:700;
    line-height:1.25;
}

.rentalo-frontend-wrap .rentalo-section-head p,
.rentalo-frontend-wrap .rentalo-side-card-head p,
.rentalo-frontend-wrap .rentalo-ui-step3-card-head p,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard-head p,
.rentalo-frontend-wrap .rentalo-ui-step4-card-head p,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard-head p {
    margin:0;
    color:var(--rentalo-step-header-text,#fff);
    font-size:var(--rentalo-small-font-size,13px);
    line-height:1.35;
    opacity:.92;
}

.rentalo-frontend-wrap .rentalo-side-card-body,
.rentalo-frontend-wrap .rentalo-section-body,
.rentalo-frontend-wrap .rentalo-ui-step3-card-body,
.rentalo-frontend-wrap .rentalo-ui-step3-sidecard-body,
.rentalo-frontend-wrap .rentalo-ui-step4-card-body,
.rentalo-frontend-wrap .rentalo-ui-step4-sidecard-body {
    padding:var(--rentalo-card-padding,16px);
    background:var(--rentalo-card-section-bg,#fff);
}

.rentalo-side-card.is-emphasis .rentalo-side-card-head {
    background:linear-gradient(180deg,var(--rentalo-blue,#006699),var(--rentalo-blue-dark,#004d73));
}

.rentalo-side-card.is-note .rentalo-side-card-head {
    background:#c4a257;
}

.rentalo-side-card.is-note .rentalo-side-card-body {
    background:#f8f1e0;
}