/* Only entrance-effect wrappers; menus, dialogs, hover and busy indicators retain
 * their own transitions. These rules also cover cached Elementor markup. */
body.promoakce-frontend .elementor-element.elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}
body.promoakce-frontend .elementor-element.animated {
    animation: none !important;
}
body.promoakce-frontend e-page-transition { display: none !important; }

/* Vendor transition:all animated the step glyphs from 66px to 24px, moving
 * every field below them. Glyphs are decorative, not interactive controls. */
.pa-dashboard .jobsearch-employer-jobnav a i,
.pa-dashboard .wp-switch-editor,
.pa-dashboard .mce-toolbar .mce-btn button {
    transition: none !important;
}
/* The sector picker initializes at 50px; reserve those two extra pixels while
 * its native multiple select is still displayed (job and profile forms). */
.pa-dashboard .pa-dashboard-form .jobsearch-profile-select:has(> #job-sector-multi, > #user-sector-multi) {
    min-height: 50px;
}
/* Match rows before the JS presentation adapter adds pa-profile-wide. */
.pa-dashboard .pa-dashboard-form .jobsearch-employer-profile-form > li:has(textarea, .wp-editor-wrap, .jobsearch-userprofile-url, .mapboxgl-map) {
    grid-column: 1 / -1;
}

/* WooCommerce order layout used to be changed by a footer script. The body
 * class is server rendered, so its final geometry can apply at first paint. */
body.pa-order-detail-page .woocommerce {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
}
body.pa-order-detail-page .woocommerce > h1 { display: none; }
body.pa-order-detail-page .woocommerce > .woocommerce-MyAccount-content {
    float: none !important;
    width: min(760px, calc(100vw - 36px)) !important;
    max-width: none !important;
    overflow: visible !important;
    margin: 28px auto 0 !important;
}