/* Download Request Box - Minimal custom styles */
/* Most styling is handled by standard TYPO3 Form Framework + FluidComponents */

/* Modal container - needs high z-index to overlay page content */
.download-request-box__modal-container {
    z-index: 9999;
}

/* Modal animations */
.download-request-box__backdrop {
    animation: drb-fadeIn 0.2s ease-out;
}

@keyframes drb-fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Override Form Framework grid constraints inside modal */
.download-request-box__form-wrapper {
    width: 100% !important;
}

.download-request-box__form-wrapper form {
    width: 100% !important;
    max-width: none !important;
}

.download-request-box__form-wrapper fieldset,
.download-request-box__form-wrapper .form-group,
.download-request-box__form-wrapper nav {
    width: 100% !important;
    max-width: none !important;
    /* Remove excessive vertical margins in modal context */
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

/* Reset Tailwind grid column classes - force full width */
.download-request-box__form-wrapper form[class*="col-span"],
.download-request-box__form-wrapper form[class*="col-start"] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
}

.download-request-box__form-wrapper form > div {
    width: 100% !important;
    max-width: none !important;
}

/* Make form inputs use full width */
.download-request-box__form-wrapper input[type="text"],
.download-request-box__form-wrapper input[type="email"],
.download-request-box__form-wrapper input[type="tel"],
.download-request-box__form-wrapper textarea,
.download-request-box__form-wrapper select {
    width: 100% !important;
}

/* Print: hide modal */
@media print {
    .download-request-box__modal-container {
        display: none !important;
    }
}