/*
 * Flatsome wrapper adapter only.
 * Load order (required):
 * 1) opendesign-candidate/design-tokens.css
 * 2) fidelity-rebuild/reference.css — exact file, unmodified
 * 3) fidelity-rebuild/native-adapter.css — this file
 * Enqueue fidelity-rebuild/reference.js exact/unmodified in footer after page DOM.
 */

/* Remove Flatsome layout constraints; reference.css remains the visual authority. */
.page-wrapper,
.page-wrapper > .page-inner,
#content,
#main-content{padding:0;max-width:none}
.section-content{max-width:none;width:100%;padding:0}
.section-content > .row{max-width:var(--az-container);width:100%;margin-inline:auto;padding-inline:24px}
.section-content > .row.full-width,
.hero > .section-content > .hero-inner{max-width:none;padding-inline:0}
.row .col{padding:0;min-width:0}
.row .col-inner{height:100%}

/* Preserve approved grid classes when Flatsome's .row/.col wrappers are present. */
.section-content > .hero-inner{display:grid}
.section-content > .benefits-grid,
.section-content > .course-rail,
.section-content > .steps,
.section-content > .consultation-grid{display:grid}
.courses-head-row,
.news-heading-row{display:flex;align-items:flex-end}
.courses-all-col .col-inner,
.news-all-col .col-inner{display:flex;justify-content:flex-end;align-items:flex-end}
.course-catalogue-row,
.news-widget-row{display:block}

/* Let native ux_image wrappers inherit the exact media boxes from reference.css. */
.hero-media .col-inner,
.course-media .col-inner,
.consultation-media .col-inner{height:100%}
.hero-media .img,
.hero-media .img-inner,
.hero-media picture,
.course-media .img,
.course-media .img-inner,
.course-media picture,
.consultation-media .img,
.consultation-media .img-inner,
.consultation-media picture{width:100%;height:100%;padding:0!important}
.hero-media img,
.course-media img,
.consultation-media img{width:100%;height:100%;object-fit:cover}

/* Native button shortcode emits .button; map only its wrapper semantics. */
.button.btn{margin:0;text-transform:none}
.hero-actions .row{margin:0;max-width:none}
.hero-actions .col{padding:0}

@media(max-width:1024px){
 .section-content > .row{padding-inline:24px}
 .hero > .section-content > .hero-inner{padding-inline:0}
 .section-content > .course-rail{display:flex}
}
@media(max-width:760px){
 .section-content > .row{padding-inline:20px}
 .hero > .section-content > .hero-inner{padding-inline:0}
 .courses-head-row,.news-heading-row{display:block}
 .courses-all-col .col-inner,.news-all-col .col-inner{justify-content:flex-start}
}