/* style iframe */
body:has(afsearch-formations) {
    --crm-f-form-width: auto;
}

.crm-container:has(afsearch-formations) {
    background: none;
}

afsearch-formations .crm-search-display-grid-layout-3 {
    align-items: inherit;
    justify-items: inherit;
    grid-gap: var(--crm-r2);
}

afsearch-formations .crm-search-display-grid-container > div {
    background: var(--crm-c-text-light);
    padding: var(--crm-m3);
    box-shadow: 0px 0px 10px 5px var(--crm-c-gray-100);
}

afsearch-formations .crm-search-display-grid-container > div > div:first-child {
    font-size: var(--crm-r3);
    padding: var(--crm-m1) 0px;
    color: var(--crm-c-teal);
}

#iframe-data-civicrm body #crm-container {
    padding: 2% 10% 5% 10%;
}

#iframe-data-civicrm body #crm-container {
    border: solid 2px var(--crm-c-gray-100);
    border-radius: 4px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

/**
* Responsive
*/
@media (max-width: 1400px) {
    afsearch-formations .crm-search-display-grid-layout-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    afsearch-formations .select2-container .select2-choice {
        min-width: auto !important;
        padding: var(--crm-input-padding) !important;
    }
}

@media (max-width: 800px) {
    afsearch-formations .crm-search-display-grid-layout-3 {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 650px) {
    afsearch-formations .crm-search-display-grid-layout-3 {
        display: block;
    }

    afsearch-formations .crm-search-display-grid-layout-3 > div {
        margin: var(--crm-r2) var(--crm-m1);
    }

    afsearch-formations .crm-search-display-grid-layout-3 .crm-inline-block a {
        word-break: break-all;
    }

    afsearch-formations .crm-search-display .form-inline {
        display: none;
    }
}
