:root {
    --byuiBlue: #006eb6;
}

.grey-background {
    background-color: #F0F0F0;
}

/* Remove focus outline from search bar - More aggressive targeting */
.no-focus-outline,
.no-focus-outline *,
.no-focus-outline .mud-input-control,
.no-focus-outline .mud-input-control-input-container,
.no-focus-outline .mud-input-control-input-container:focus-within,
.no-focus-outline .mud-input-control-input-container:focus,
.no-focus-outline .mud-input,
.no-focus-outline .mud-input:focus,
.no-focus-outline .mud-input-outlined,
.no-focus-outline .mud-input-outlined:focus,
.no-focus-outline .mud-input-outlined:focus-within,
.no-focus-outline .mud-input-outlined.mud-input-outlined-filled,
.no-focus-outline .mud-input-outlined.mud-input-outlined-filled:focus,
.no-focus-outline .mud-autocomplete:focus,
.no-focus-outline .mud-autocomplete:focus-within,
.no-focus-outline input,
.no-focus-outline input:focus,
.no-focus-outline input:focus-visible,
.no-focus-outline input:active {
    outline: none !important;
    box-shadow: none !important;
    border-color: black !important;
}

/* Target the specific MudBlazor focused state */
.mud-input-outlined.mud-input-outlined-filled:not(.mud-disabled):focus-within .mud-input-outlined-border {
    border-color: black !important;
    border-width: 1px !important;
}

/* Override MudBlazor's primary color focus */
.no-focus-outline .mud-input-outlined.mud-input-outlined-filled:not(.mud-disabled):focus-within .mud-input-outlined-border {
    border-color: black !important;
    box-shadow: none !important;
}

/* Nuclear option - disable focus ring globally for search elements */
.no-focus-outline * {
    -webkit-focus-ring-color: transparent !important;
    focus-ring-color: transparent !important;
}

/* Amenity button styling to ensure they're clickable */
.amenity-button {
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    transition: all 0.2s ease !important;
}

.amenity-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.amenity-button:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
}

.no-focus-outline *:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.no-focus-outline *:focus-visible {
    outline: 0 !important;
    outline-offset: 0 !important;
}

/* BYU-I Logo override - Global rule for higher specificity */
.byui-logo,
img.byui-logo,
header img.byui-logo,
.main-header-div img.byui-logo {
    height: 60px !important;
    max-height: 60px !important;
    width: auto !important;
    margin-left: 0.5rem !important;
}

@media screen and (max-width: 600px) {
    .byui-logo,
    img.byui-logo,
    header img.byui-logo,
    .main-header-div img.byui-logo {
        height: 35px !important;
        max-height: 35px !important;
    }
}