/* ========================================
   Removes typical Chainlit links
   ======================================== */
a[href*="chainlit.io"],
a[href*="github.com/Chainlit"] {
    display: none !important;
}

/* ========================================
   Scoped reset: inside .no-radius-image
   Applies flat container without border radius
   ======================================== */
.no-radius-image .sm\:max-w-sm,
.no-radius-image .md\:max-w-md,
.no-radius-image [data-radix-aspect-ratio-wrapper],
.no-radius-image .bg-muted,
.no-radius-image .rounded-md {
    all: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.no-radius-image {
    border-radius: 0 !important;
    overflow: hidden !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    /* border: 2px solid red !important;  <-- Uncomment for testing */
}

/* ========================================
   Scoped reset: inside .rounded-image-container
   Ensures rounded image styling is preserved
   ======================================== */
.rounded-image-container .sm\:max-w-sm,
.rounded-image-container .md\:max-w-md,
.rounded-image-container [data-radix-aspect-ratio-wrapper],
.rounded-image-container .bg-muted,
.rounded-image-container .rounded-md {
    all: unset !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* ========================================
   Rounded container itself
   ======================================== */
.rounded-image-container {
    border-radius: 12px !important;
    overflow: hidden !important;
    display: block !important;
    padding: 0 !important;
    margin: 10px 0 !important;
    background: none !important;
    /* border: 2px solid red !important;  <-- Uncomment for testing */
}

/* ========================================
   The actual image element
   ======================================== */
.rounded-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
}