/**
 * @file
 * CSS to handle logo visibility
 */

/* Hide logo column if image is broken or missing */
.site-logo img[src=""],
.site-logo img:not([src]),
.site-logo img[src="/themes/custom/egrbs5/logo.svg"] {
  display: none;
}

/* Hide the entire column if logo image is hidden */
.col-auto:has(.site-logo img[src=""]),
.col-auto:has(.site-logo img:not([src])),
.col-auto:has(.site-logo img[style*="display: none"]) {
  display: none !important;
}

/* Adjust text column to full width when logo is hidden */
.col-auto:has(.site-logo img[src=""]) + .col,
.col-auto:has(.site-logo img:not([src])) + .col,
.col-auto:has(.site-logo img[style*="display: none"]) + .col {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Alternative approach using :empty pseudo-class */
.site-logo:empty {
  display: none;
}

.col-auto:has(.site-logo:empty) {
  display: none !important;
}

/* Hide column if logo link has no image */
.site-logo:not(:has(img)) {
  display: none;
}

.col-auto:has(.site-logo:not(:has(img))) {
  display: none !important;
}