/**
 * WP Rentalo Lite – gemeinsame Button-Architektur.
 *
 * Enthält ausschließlich die gemeinsame visuelle und interaktive Basis.
 * Schritt- oder layoutbezogene Breiten und Positionierungen verbleiben in den
 * jeweiligen Step-Dateien, bis diese separat migriert werden.
 */

.rentalo-frontend-wrap{
    --rentalo-button-focus-ring:0 0 0 3px color-mix(in srgb,var(--rentalo-focus,var(--rentalo-primary,#006699)) 32%,transparent);
    --rentalo-button-disabled-opacity:.58;
}

.rentalo-frontend-wrap :is(
    .rentalo-submit-button,
    .rentalo-secondary-button,
    .rentalo-form-button,
    .rentalo-ui-btn,
    .rentalo-ui-step2-btn,
    .rentalo-ui-step3-btn,
    .rentalo-ui-step4-btn,
    .rentalo-step3-change-button,
    .rentalo-back-button,
    .rentalo-step4-discount-apply
){
    box-sizing:border-box;
    height:var(--rentalo-button-height,40px);
    min-height:var(--rentalo-button-height,40px);
    max-height:var(--rentalo-button-height,40px);
    border-radius:var(--rentalo-button-radius,var(--rentalo-radius-sm,10px));
    font-family:inherit;
    font-size:var(--rentalo-button-font-size,15px);
    font-weight:var(--rentalo-button-weight,700);
    line-height:1.2;
    text-decoration:none;
    cursor:pointer;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,outline-color .16s ease;
}

.rentalo-frontend-wrap :is(
    .rentalo-submit-button,
    .rentalo-form-button:not(.rentalo-ui-btn):not(.rentalo-ui-step2-btn),
    .rentalo-ui-step3-btn,
    .rentalo-ui-step4-btn
){
    background:var(--rentalo-button-bg,var(--rentalo-primary,#006699));
    border-color:var(--rentalo-button-bg,var(--rentalo-primary,#006699));
    color:var(--rentalo-button-text,#fff);
}

.rentalo-frontend-wrap :is(
    .rentalo-submit-button,
    .rentalo-form-button:not(.rentalo-ui-btn):not(.rentalo-ui-step2-btn),
    .rentalo-ui-step3-btn,
    .rentalo-ui-step4-btn
):is(:hover,:focus,:focus-visible){
    background:var(--rentalo-button-hover,var(--rentalo-primary-dark,#004f78));
    border-color:var(--rentalo-button-hover,var(--rentalo-primary-dark,#004f78));
    color:var(--rentalo-button-hover-text,#fff);
}

.rentalo-frontend-wrap :is(
    .rentalo-submit-button,
    .rentalo-secondary-button,
    .rentalo-form-button,
    .rentalo-ui-btn,
    .rentalo-ui-step2-btn,
    .rentalo-ui-step3-btn,
    .rentalo-ui-step4-btn,
    .rentalo-step3-change-button,
    .rentalo-back-button,
    .rentalo-step4-discount-apply
):focus-visible{
    outline:2px solid var(--rentalo-focus,var(--rentalo-primary,#006699));
    outline-offset:2px;
    box-shadow:var(--rentalo-button-focus-ring);
}

.rentalo-frontend-wrap :is(
    .rentalo-submit-button,
    .rentalo-secondary-button,
    .rentalo-form-button,
    .rentalo-ui-btn,
    .rentalo-ui-step2-btn,
    .rentalo-ui-step3-btn,
    .rentalo-ui-step4-btn,
    .rentalo-step3-change-button,
    .rentalo-back-button,
    .rentalo-step4-discount-apply
):is(:disabled,[aria-disabled="true"],.is-disabled){
    opacity:var(--rentalo-button-disabled-opacity);
    cursor:not-allowed;
}

.rentalo-frontend-wrap :is(
    .rentalo-submit-button,
    .rentalo-form-button,
    .rentalo-ui-btn,
    .rentalo-ui-step2-btn,
    .rentalo-ui-step3-btn,
    .rentalo-ui-step4-btn
).is-loading{
    cursor:progress;
}
