/* Fix for transparent logo background in markdown */
.markdown img[alt="PGPartner Logo"] {
    background-color: transparent !important;
    mix-blend-mode: normal;
}

/* Ensure markdown images don't have grey background */
.markdown img {
    background-color: transparent;
}

/* Fix for logo in readme/markdown content */
.MuiBox-root img[src*="logo_pgpartner"] {
    background-color: transparent !important;
}

/* Override bg-muted class for logo container */
.bg-muted:has(img[alt="PGPartner Logo"]) {
    background-color: transparent !important;
}

/* Alternative selector if :has() is not supported */
div[data-radix-aspect-ratio-wrapper] .bg-muted {
    background-color: transparent !important;
}

/* Direct override for the muted background containing our logo */
img[alt="PGPartner Logo"] {
    background-color: transparent !important;
}

img[alt="PGPartner Logo"]:parent {
    background-color: transparent !important;
}

/* Resize the logo container (left aligned) */
.sm\:max-w-sm.md\:max-w-md:has(img[alt="PGPartner Logo"]) {
    max-width: 200px !important;
}

/* Alternative selector for resizing */
div:has(> div[data-radix-aspect-ratio-wrapper]) {
    max-width: 200px !important;
}

/* Fallback for browsers without :has() support */
.leading-7 > div:first-child {
    max-width: 200px !important;
}