/**
 * PheNo CSS Overrides
 * These styles override OpenSILEX defaults without replacing the entire theme
 * This file is loaded after the main OpenSILEX CSS to apply PheNo branding
 */

/* Hide the text element completely - we'll use the full logo instead */
.header-brand .text[data-v-5d66e734],
span.text[data-v-5d66e734] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Make the logo bigger - override OpenSILEX 42px constraint */
.header-brand .logo-img[data-v-5d66e734],
.logo-img[data-v-5d66e734],
img.logo-img[data-v-5d66e734] {
    max-width: none !important;
    width: 140px !important;
    min-width: 120px !important;
    height: auto !important;
    max-height: 45px !important;
    min-height: 35px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    transform: none !important;
}

/* Ensure logo container expands to fill available space */
.header-brand[data-v-5d66e734],
a.header-brand[data-v-5d66e734] {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 140px !important;
}

/* Remove any flex gaps or spacing between logo and text */
.header-brand[data-v-5d66e734] > * {
    margin-left: 0 !important;
}

/* Also target the wrapper div around header-brand if it exists */
div[data-v-5d66e734].header-brand {
    gap: 0 !important;
}