/* Hide the second brand-block (the text one) */
.navbar-brand .brand-block:nth-of-type(2) {
    display: none !important;
}

/* Navbar green background */
.navbar.bg-dark {
    background-color: #154734 !important;
}

/* Make the logo image larger */
.icon-banner.brand-image {
    width: auto !important;
    height: 50px !important;
}

/* Remove border/shadow ONLY from the first card (Inventor Portal) */
.card.lead,
.card.lead .card-body {
    border: none !important;
    box-shadow: none !important;
}

/* Header text styles */
.card-header h2,
.card-header p {
    font-size: 1.5rem !important;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
}

/* Ensure flex behavior where used */
.d-flex.flex-wrap.gap-2 {
    display: flex !important;
}

/* Swap the buttons */
#selectorDiv .d-flex.flex-wrap.gap-2 > div:first-child {
    order: 2; /* Move first button to second position */
}

#selectorDiv .d-flex.flex-wrap.gap-2 > div:last-child {
    order: 1; /* Move second button to first position */
}

/* Replace “Inventor Portal” h1 with custom label */
.card-body h1 {
    font-size: 0 !important;
    position: relative;
}

.card-body h1::after {
    content: "UVM Inventor Portal";
    font-size: 2rem;
    font-weight: inherit;
    color: inherit;
    position: relative;
}

/* Replace “Log on to Portal via:” header */
.card-header {
    padding: 0.75rem 1.25rem !important;
    display: flex;
    align-items: center;
    min-height: 60px;
}

.card-header h2 {
    font-size: 0 !important;
    position: relative;
}

.card-header h2::after {
    content: "Log on to Portal via:";
    font-size: 1.5rem;
    font-weight: 500;
    color: inherit;
    position: relative;
}