/* Mobile corrections for creation pages.
   Removes the redundant outer shell card and keeps only the internal form sections visible. */

.creation-page .creation-form-card,
.content > .container-fluid.py-3:has(> .card > .card-body .creation-form-shell) > .card,
.content > .container-fluid.py-3:has(> .card > .card-body form > .row.g-3) > .card,
.content > .container-fluid.pedidos-page.py-3 > .card {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.creation-page .creation-form-card > .card-body,
.content > .container-fluid.py-3:has(> .card > .card-body .creation-form-shell) > .card > .card-body,
.content > .container-fluid.py-3:has(> .card > .card-body form > .row.g-3) > .card > .card-body,
.content > .container-fluid.pedidos-page.py-3 > .card > .card-body {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.creation-page .creation-form-card > .card-footer,
.content > .container-fluid.py-3:has(> .card > .card-body .creation-form-shell) > .card > .card-footer,
.content > .container-fluid.py-3:has(> .card > .card-body form > .row.g-3) > .card > .card-footer,
.content > .container-fluid.pedidos-page.py-3 > .card > .card-footer {
    background: transparent !important;
    background-color: transparent !important;
    border-top: 0 !important;
    padding: var(--spacing-16) 0 0 !important;
}

.creation-page .creation-form-shell,
.content > .container-fluid.py-3:has(> .card > .card-body .creation-form-shell) .creation-form-shell {
    gap: var(--spacing-24);
}

@media (max-width: 767.98px) {
    .creation-page .creation-form-card > .card-body,
    .creation-page .creation-form-card > .card-footer,
    .content > .container-fluid.py-3:has(> .card > .card-body .creation-form-shell) > .card > .card-body,
    .content > .container-fluid.py-3:has(> .card > .card-body .creation-form-shell) > .card > .card-footer,
    .content > .container-fluid.py-3:has(> .card > .card-body form > .row.g-3) > .card > .card-body,
    .content > .container-fluid.pedidos-page.py-3 > .card > .card-body {
        padding: 0 !important;
    }
}