/* VFE RauchABL Joomla module - layout and print fixes only */
.vfe-rauchabl-module {
    margin: 0 0 30px 0;
    font-family: inherit;
}

.vfe-rauchabl-root {
    display: block;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .vfe-rauchabl-root {
        max-width: 100% !important;
        min-height: 520px;
    }
}

/* RauchABL print width fix
   The Joomla template positions #drucken absolutely in @media print.
   The VFE web component then loses its natural width and the generated PDF is squeezed.
 */
@media print {
    #drucken {
        width: 100vw !important;
        max-width: none !important;
        box-sizing: border-box;
    }

    #drucken .vfe-rauchabl-module,
    #drucken .vfe-rauchabl-root {
        width: 100vw !important;
        max-width: none !important;
        min-width: 100vw !important;
        overflow: visible !important;
        box-sizing: border-box;
    }
}
/* SIMON color scheme for the VFE web component.
   Scoped behind a module class so it can be disabled in the Joomla module settings.
 */
.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(heading) {
    color: #464e54;
    font-weight: 300;
    margin-top: 0;
}

.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(selectionItem) {
    border: 1px solid #e2e2e2;
    border-radius: 0;
    background-color: #fff;
}

.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(selectionItem):hover {
    border-color: #c31622;
}

.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(backButton),
.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(pdfButton) {
    border-radius: 0;
    border-color: #c31622;
    background-color: #c31622;
    color: #fff;
}

.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(backButton):hover,
.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(pdfButton):hover {
    border-color: #6f0618;
    background-color: #6f0618;
    color: #fff;
}

.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(textInput),
.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(windowTypeSelect) {
    border-radius: 0;
}

.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(outputText) {
    color: #2d363c;
}

.vfe-rauchabl-color-simon .vfe-rauchabl-root::part(invalidInputsText) {
    color: #a4011b;
}