/* Target the h1 inside the div */
.text-center.space-y-2 h1 {
    /* 1. Add your image */
    background-image: url('https://cloudys.com/banners/brand/capss2.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    /* 2. Set the dimensions of your image */
    width: 200px;  /* Adjust based on your image size */
    height: 100px; /* Adjust based on your image size */
    
    /* 3. Keep it centered */
    margin: 0 auto; 

    /* 4. Hide the "Coolify" text visually */
    color: transparent;
    
    /* (Optional) If color: transparent doesn't work due to Tailwind's dark mode 
       overrides, use the classic text-indent method instead: */
    /* text-indent: -9999px; */
    /* overflow: hidden; */
}


/* Target the anchor tag using its href and class */
a[href="/"].text-2xl {
    /* 1. Change display so it accepts width and height */
    display: inline-block; 

    /* 2. Add your image */
    background-image: url('https://cloudys.com/banners/brand/capss2.svg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center; /* 'left' keeps it aligned with other nav items */

    /* 3. Set the dimensions of your image */
    width: 150px; /* Adjust based on your logo */
    height: 40px; /* Adjust based on your logo */
    
    /* 4. Hide the "Coolify" text */
    /* Using font-size: 0 is the safest bet here because Tailwind's 
       'dark:text-white' class might override 'color: transparent' */
    font-size: 0;
}


a[href*="releases"], a[href*="sponsorships"],div[title*="feedback"]{
display:none !important;
}
span[x-show="popups.sponsorship"]{
display:none !important;
}


div[x-show="bannerVisible"]{
    display:none !important;

}