/* Styling for Front-End Elements */
.rmt-widerruf-container {
    margin-bottom: 30px;
}
.rmt-btn-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: opacity 0.3s ease;
}
.rmt-btn-link:hover {
    opacity: 0.8;
}
.rmt-widerruf-footer-block {
    margin-top: 15px;
}

/* Stellt sicher, dass das Menü auf Desktop-Ansichten sichtbar ist (PrestaShop Bootstrap Fallback) */
@media (min-width: 768px) {
    .rmt-widerruf-footer-block ul.collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
    }
}

/* Universelles Überschreiben von restriktiven Theme-Styles für Formulare (z.B. max-width: 450px) */
.rmt-widerruf-container form.rmt-widerruf-form {
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 !important;
}

@media (min-width: 992px) {
    .rmt-widerruf-container form.rmt-widerruf-form {
        margin: 0 auto !important; /* Formular auf großen Bildschirmen zentrieren */
    }
}

/* Erzwingt eine konsistente Abstands- und Label-Struktur */
.rmt-widerruf-container form.rmt-widerruf-form .form-group {
    margin-bottom: 1.5rem !important;
}

.rmt-widerruf-container form.rmt-widerruf-form label.form-control-label {
    font-weight: 600 !important;
    text-align: left !important;
}

@media (min-width: 768px) {
    .rmt-widerruf-container form.rmt-widerruf-form label.form-control-label {
        text-align: right !important;
        padding-top: 0.6rem !important;
    }
}

/* Button konsistent an die Eingabefelder binden */
.rmt-widerruf-container form.rmt-widerruf-form .rmt-submit-btn {
    margin-top: 15px !important;
    min-width: 250px !important;
    width: auto !important;
}