/* Hide Chainlit footer branding - comprehensive approach */
footer,
[data-testid="footer"],
.cl-footer,
.chainlit-footer,
.cl-footer-container,
.cl-footer-wrapper,
div[class*="footer"],
div[id*="footer"],
[class*="footer"],
[id*="footer"],
footer *,
[data-testid="footer"] *,
.cl-footer *,
.chainlit-footer * {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Target specific footer structure */
.cl-app > div:last-child,
.cl-app > div:last-child > div,
.cl-app > div:last-child > footer,
.cl-app > div:last-child > div[class*="footer"],
body > footer,
#root footer,
main + footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Additional selectors for newer Chainlit versions */
[class*="cl-footer"],
[class*="chainlit-footer"],
[data-testid*="footer"],
div[class*="cl-footer"],
div[class*="chainlit-footer"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Hide any element with Chainlit branding using attribute selectors */
[class*="chainlit"],
[id*="chainlit"],
[class*="cl-"],
[id*="cl-"] {
    /* Only hide if it's likely a footer element */
}

/* Target the specific "Built with Chainlit" text */
a[href*="chainlit"],
a[href*="chainlit.io"] {
    display: none !important;
    visibility: hidden !important;
}

/* Hide Readme button */
#readme-button {
    display: none !important;
}