/* eco-reset.css — scoped, low-specificity reset for the ECO app */
/* Scope everything to body.clo-eco-page to avoid affecting other pages */
body.clo-eco-page {
    --cl-font-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-family: var(--cl-font-base);
    line-height: 1.2;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Low-specificity box-sizing that still overrides theme because it's scoped */
body.clo-eco-page :where(*) {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

/* Neutralize common theme inputs/buttons subtly (no !important) */
/* body.clo-eco-page :where(button, input, select, textarea) {
    font: inherit;
    color: inherit;
    background: transparent;
    border-radius: 0;
    appearance: none;
    -webkit-appearance: none;
} */

/* Tables baseline: our tables should control layout */
body.clo-eco-page :where(table) {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Hide theme chrome if present and interfering (explicit keys only) */
body.clo-eco-page #main-header,
body.clo-eco-page header.site-header,
body.clo-eco-page #footer,
body.clo-eco-page footer.site-footer {
    display: none;
}

/* Ensure our app container fills viewport */
body.clo-eco-page #cl-app {
    min-height: 100vh;
    padding: 8px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* Make images inside app predictable */
body.clo-eco-page img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Specific cleanse for Blocksy-typical elements - gentle overrides */
body.clo-eco-page :where(.entry-content, .ct-container, .entry, .container) {
    margin: 0;
    padding: 0;
    max-width: none;
    width: auto;
}