:root {
  --color-brand: black;
}

/* === General Styling === */
.SearchContainer__searchIcon {
  background-color: #97d5e0 !important;
  padding: 15px !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0 !important;
}

.Icon__icon.Icon__Xlarge.Icon__greyShade70 {
  stroke: #97d5e0 !important;
}

.AppContainer__backToTop {
  background-color: #97d5e0 !important;
}

/* === Button Hover Effects === */
.Button__footerBtn:hover,
.Button__btnFont:hover {
  background-color: #97d5e0 !important;
  border-color: #97d5e0 !important;
  color: #fff !important;
}

/* === Sign-in Link Styling === */
#portal_html .Signin__userLink.commonStyle__zt3Brand {
  color: #97d5e0 !important;
}

#portal_html .Signin__userLink.commonStyle__zt3Brand:hover,
#portal_html .Signin__userLink.commonStyle__zt3Brand:focus {
  color: #7cc1ce !important;
  text-decoration: underline;
}



#portal_html .Header__tabs__link:hover,
#portal_html .Header__tabs__link:focus,
#portal_html .Header__tabs__link[aria-selected="true"] {
  color: #97d5e0 !important;
}

/* === Icon Branding === */
#portal_html .Icon__icon.Icon__brand {
  fill: #97d5e0 !important;
  color: #97d5e0 !important;
}

/* === Sign-in Hover === */
#portal_html .LoginDetail__tabLink.signinLink:hover,
#portal_html .LoginDetail__tabLink.signinLink:focus {
  color: #97d5e0 !important;
  text-decoration: none;
}

#portal_tabsignin:hover {
  color: #97d5e0 !important;
}

/* === Header Background with Overlay === */
.Header__searchSection {
  position: relative;
  background-image: url('your-image.jpg'); /* Replace with actual image */
  background-size: cover;
  background-position: center;
  color: white;
}

.Header__searchSection::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.Header__container {
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) { /* Override all header links to black */ #portal_html .Header__menuTab a, #portal_html .Header__menuList a, #portal_html .Header__tabs__link, #portal_html .LoginDetail__tabLink, #portal_html .signinLink ::after { color: #000 !important; }
  
/* Hover state remains blue / #portal_html .Header__menuTab a:hover, #portal_html .Header__menuList a:hover, #portal_html .Header__tabs__link:hover, #portal_html .LoginDetail__tabLink:hover, #portal_html .signinLink:hover { color: #97d5e0 !important; } #portal_html .Header__menuTab a::after, #portal_html .Header__menuList a::after, #portal_html .Header__tabs__link::after, #portal_html .LoginDetail__tabLink::after, #portal_html .signinLink::after { content: ''; / Add actual content if needed */ color: #000 !important; }


#Home_tab::after {
  color: black !important;
}

.AvatarText__squareBg1 {
    border: 0.5px solid #97d5e0 !important; /* black border */
}

.SearchContainer__downArrow {
    border-top-color: #97D5E0 !important;
}
/* Hide unwanted ticket views */
li.Team_Open_Tickets,
li.Team_Tickets,
li.Team_Closed_Tickets,
li.Team_On_Hold_Tickets,
li.Team_Overdue_Tickets,
li.My_On_Hold_Tickets,
li.My_Overdue_Tickets {
    display: none !important;
}
/* Hide CC'd Tickets */
a[title="CC'd Tickets"] {
    display: none !important;
}
a[title="CC'd Open Tickets"] {
    display: none !important;
}
a[title="CC'd Closed Tickets"] {
    display: none !important;
}
a[title="CC'd On Hold Tickets"] {
    display: none !important;
}
a[title="CC'd Overdue Tickets"] {
    display: none !important;
}
div[data-id="Text message_channel_filter_item"],
div[data-id="Twitter_channel_filter_item"],
div[data-id="Facebook_channel_filter_item"],
div[data-id="Forums_channel_filter_item"],
div[data-id="Feedback Widget_channel_filter_item"] {
    display: none !important;
}
/* Hide Web & Chat channel filters */
div[data-id="Web_channel_filter_item"],
div[data-id="Chat_channel_filter_item"] {
    display: none !important;
}

.TicketFormLeftContainer__col6 #template_field {
  display: none !important;
}
.TicketFormLeftContainer__col6 {
  display: none !important;
}
.TicketFormLeftContainer__col6 #template_field {
  display: none !important;
}

div.TicketFormLeftContainer__col6 > div#template_field {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#template_field {
    display: none !important;