@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;800&display=swap');

/* Hide the green logo icon */
.Header__logo,
.Header__brandLogo,
.Header__brandLogoImg,
[data-id="portal_logo"],
img[alt="AROSGROUP"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hide default portal name */
[data-id="portal_name"] {
    display: none !important;
}

/* AROSGROUP wordmark styling */
.Header__name {
    font-family: 'Exo 2', sans-serif !important;
    font-size: 28px !important;
    letter-spacing: 4px !important;
    color: #ffffff !important;
    display: flex !important;
    text-transform: uppercase !important;
}

.aros-bold {
    font-weight: 800 !important;
}

.aros-light {
    font-weight: 200 !important;
}

/* Black out the header banner */
header#headerContainer,
header.Header__header {
    background: #1a1a1a !important;
    background-image: none !important;
}

/* Hide My Area and Knowledge Base tabs */
#portal_tabCases,
#portal_tabSolutions {
    display: none !important;
}

/* Hide breadcrumbs and search bar */
.AppContainer__breadCrumbs {
    display: none !important;
}

/* Hide the Welcome/Search hero section */
#headerContent,
.Header__searchSection {
    display: none !important;
}

/* Hide agent login */
.SignIn__agentlogin,
[data-id="agent_login"],
[data-id="agent_login"] ~ *,
[href*="ShowHomePage"],
[href*="ShowHomePage"] ~ *,
li:has([data-id="agent_login"]),
div:has([data-id="agent_login"]),
[class*="agentlogin"],
[class*="agentLogin"],
[class*="agent_login"] {
    display: none !important;
}

/* Hide Browse button */
[class*="Browse"],
[class*="browse"],
[data-id*="browse"] {
    display: none !important;
}

/* Kill all orange text on page body */
a, a:visited, a:link {
    color: #333333 !important;
}

a:hover {
    color: #555555 !important;
}

/* ALL navbar links white */
.Header__navbar a,
.Header__navbar li,
.Header__navbar span,
[class*="tabsTab"] a,
[class*="Header__tabsTab"] a,
#logoutDetails a,
.Header__tabsTabAlign a,
[aria-label="Login"] a {
    color: #ffffff !important;
}

.Header__navbar a:hover,
[class*="tabsTab"] a:hover {
    color: #cccccc !important;
}

/* Orange buttons to black */
[class*="btn"],
button[type="submit"],
input[type="submit"] {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Catch remaining orange */
[style*="#f26522"],
[style*="#F26522"],
[style*="#ff6a00"],
[style*="rgb(242, 101, 34)"],
[style*="orange"] {
    color: #333333 !important;
    background-color: #1a1a1a !important;
}

/* Hide Knowledge Base widget */
#kb_module {
    display: none !important;
}

/* Hide Tickets icon */
#ticket_module .ContentBox__indexIcon,
#ticket_module svg,
.ContentBox__indexIcon {
    display: none !important;
}

/* Center the Tickets widget */
.WidgetContainer__list {
    justify-content: center !important;
}

.WidgetContainer__contentList {
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

/* Hide the "Still can't find an answer" section */
#footerContainer,
[id="footerContainer"],
footer[role="contentinfo"] {
    display: none !important;
}

/* Change avatar button to "Profile" text */
.AvatarText__avatarText {
    font-size: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    line-height: 25.6px !important;
}

.AvatarText__avatarText::after {
    content: "Profile" !important;
    font-size: 16px !important;
    color: rgb(255, 255, 255) !important;
    font-family: 'Lato', 'Latoregular', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    text-transform: none !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

/* Remove orange background and fix container size */
.LoginDetail__userAvatar,
[data-id="userInitial"],
[aria-label="User Profile"] {
    background-color: transparent !important;
    border: none !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    min-width: unset !important;
    display: flex !important;
    align-items: center !important;
}

/* Align the login details container with nav */
#logoutDetails,
.LoginDetail__LogInDetail {
    display: flex !important;
    align-items: center !important;
}

/* Make View Profile button black instead of orange */
.LoginDetail__profileBtn,
[data-id="userProfile"] {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

.LoginDetail__profileBtn:hover,
[data-id="userProfile"]:hover {
    background-color: #333333 !important;
}

/* Make Logout button black */
.LoginDetail__profileLogout,
[data-id="logout"] {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

.LoginDetail__profileLogout:hover,
[data-id="logout"]:hover {
    background-color: #333333 !important;
}

/* Remove orange from popup brand background */
[class*="zt3BrandBg"] {
    background-color: #1a1a1a !important;
}