/* .container width is now controlled globally by --zyla-layout-max
   in public/layouts/css/marketplace.css (unified layout token).
   Listings (Browse APIs) overrides that token locally so las cards tengan
   margenes laterales un poco mas chicos sin afectar el item detail page. */
.container-marketplace {
    --zyla-layout-max: clamp(320px, 97vw, 1920px);
}

.swal2-container .nice-select {
    display: none !important;
}

/* Breathing room between the categories sidebar and the API listing
   on desktop. The marketplace layout uses a flex row (not a Bootstrap
   .row), so column gutters aren't present and the sidebar sat flush
   against the cards. */
@media (min-width: 992px) {
    .paddingCard {
        padding-left: 56px;
    }
}

@media (max-width: 768px) {
    .paddingCard {
        padding: 0 4px !important;
        height: initial !important;
    }

    .heightResponsive {
        height: fit-content !important;
    }

    .container-marketplace{
        max-width: 100% !important;
    }

    .container-marketplace .breadcrumb{
        margin: 0 10px 16px 10px !important;
    }

    .container-marketplace .sort-container{
        padding: 0 5px !important;
    }

    .container-marketplace .button_dropdown{
        padding: 0 12px !important;
    }
}