/* ========= NavBar (Header) =========== */


/* Increase logo size if there's an <img> inside .navbar-brand */
.navbar .navbar-brand img {
  height: 60px !important;
  width: auto !important;
  margin-top: 0;
  margin-bottom: 15px;
}

/* Increase overall header height
   .static-top is present in your markup; keep .navbar for specificity */
.navbar.static-top {
  /* In Bootstrap 5, vertical size is mostly padding, not min-height */
  --bs-navbar-padding-y: 1rem;   /* optional, modern way for BS5 */
  padding-top: 20px !important;  /* ensure it wins */
  padding-bottom: 20px !important;
  min-height: 120px;             /* extra guard; not strictly required */
}

/* Adjust the header’s brand container height */
.navbar .navbar-header,
.navbar .navbar-brand {
  min-height: 70px !important;
  display: flex;
  align-items: center;            /* keeps logo vertically centered */
}

/* If your container compresses the height, stretch its flex alignment */
.navbar .container.custom-container {
  align-items: stretch;
}



/* ====== Hide Search icon in NavBar ======= */
/* Hide the search icon link and the dropdown menu */
a#search.nav-link.navbar-icon {
  display: none !important;
}

/* Hide the dropdown panel that opens under the icon */
.dropdown-menu.dropdown-search {
  display: none !important;
}

/* Optional: remove any leftover divider spacing next to it */
a#search.nav-link.navbar-icon + .dropdown-menu.dropdown-search,
a#search.nav-link.navbar-icon + * {
  display: none !important;
}


/* Hide ONLY the vertical divider that comes right after the search menu item */
li.nav-item.dropdown:has(> a#search) + li.nav-item.divider-vertical {
  display: none !important;
}

/* The piece of HTML code below belongs to Header.html */
/* It was removed by Solentive on 08 Dec 2025 to prevent a "Sign In" button from showing in the NavBar when landing on Login Page */
/* To restore, go to Site Settings/Header and add after line 131, above two {% endif %} */
/*
Add this right after line 131 - Sign In link for header in Login Page

                    {% else %}
                    <li class="nav-item">
                        <a class="nav-link" aria-label="{{ snippets["links/login"] | default:resx["Sign_In"] | escape }}" aria-roledescription="link" href="{% if homeurl%}/{{ homeurl }}{% endif %}{{ website.sign_in_url_substitution }}">
                            {{ snippets["links/login"] | default:resx["Sign_In"] | escape }}
                        </a>
                    </li>

 */


/* ========= Footer =========== */

/* Target the logo image */
.site-footer img {
    margin-left: 350px; /* Adjust value as needed */
}




/* ========= My Support =========== */

/* ===== My Support: Mag-glass in white pill button ===== */

/* Target the specific button class */

/* Match button height to search input */
.btn.btn-default {
    height: 34px; /* Same as typical input height */
    padding: 6px 12px; /* Adjust if needed */
    margin-top: 0px;       /* Move button up (adjust as needed) */
    line-height: normal; /* Prevent text overflow */
    display: inline-flex;
    align-items: center;
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;

}



/* Target only the Clear Lookup button */
button.clearlookupfield {
    height: 37px !important; /* Match the input height */
    padding: 6px 12px; /* Adjust for icon alignment */
    margin-top: 0; /* Keep it aligned vertically */
    line-height: normal; /* Prevent overflow */
    display: inline-flex;
    align-items: center;
    justify-content: center; /* Center the icon horizontally */
    border-radius: 0 !important; /* Remove all rounding */

}

/* ===== My Support: AI Bubble background ===== */

/* Outer AI Insights container */
div[style*="background: var(--portalThemeColor7"] {
  background-color: #f5f5f5 !important; /* Light gray like search bar */
  border: 1px solid #ccc !important;    /* Subtle border like input */
  box-shadow: none !important;          /* Remove drop shadow */
  border-radius: 4px !important;        /* Match search bar corners */
}

/* Inner message box */
.listSummaryAndChart > div[role="alert"] {
  background-color: #f5f5f5 !important; /* Same light gray */
  color: #000 !important;               /* Ensure text is readable */
  border-radius: 4px;
  padding: 8px 12px;
}


/* Target the AI Insights button */
button.aiSummary {
    height: 36px; /* Match your search bar height (adjust as needed) */
    padding: 6px 16px; /* Adjust padding for text/icon alignment */
    line-height: normal; /* Keeps text centered */
    display: flex;
    align-items: center; /* Vertically center icon and text */
}






/* ========= Breadcrumb =========== */

/* Tokens – easy to update */
:root {
  --breadcrumb-color: #11758e;       /* default light grey */
  --breadcrumb-active-color: #d3d3d3;/* example accent for active (optional) */
  --chevron-gap: 4px;                /* horizontal spacing around the chevron */
  --breadcrumb-font-weight: 400;
}

.pagesBreadcrumb {
  display: flex;
  align-items: center;                /* vertical alignment */
  gap: 0;                             /* remove flex gap between items */
  padding: 0px 0;
  margin: 0;
  list-style: none;
  color: var(--breadcrumb-color);     /* set the base color for the whole trail */
  font-weight: var(--breadcrumb-font-weight);
}

/* Each item is inline-flex so the chevron aligns nicely */
.pagesBreadcrumb .breadcrumb-item {
  display: inline-flex;
  align-items: center;
}

/* Make links inherit the breadcrumb color to avoid fighting global styles */
.pagesBreadcrumb .breadcrumb-item a {
  color: inherit;
  text-decoration: none;
}

.pagesBreadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}

/* If you have a heading inside the item, keep it from overriding the color */
.pagesBreadcrumb .breadcrumb-item h5,
.pagesBreadcrumb .breadcrumb-item h6,
.pagesBreadcrumb .breadcrumb-item span {
  margin: 0;
  color: inherit;
  font: inherit;
}

/* The chevron – use a single, tight margin on each side for precise control */
.pagesBreadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "›";                        /* nicer glyph than plain '>' */
  color: var(--breadcrumb-color);
  margin: 0 var(--chevron-gap);
  font-weight: 400;
  line-height: 1;                      /* avoids extra vertical space */
}

/* Optional: active/current page styling (keeps spacing, adjusts color) */
.pagesBreadcrumb .breadcrumb-item.active {
  color: var(--breadcrumb-active-color); /* change only if you want it different */
  font-weight: 600;
}

/* If a global rule is winning, you can raise specificity once instead of using !important */
.pagesBreadcrumb .breadcrumb-item a,
.pagesBreadcrumb .breadcrumb-item.active a {
  color: inherit;
}




/* ========= Sign In =========== */

/* Hide Register and Redeem invitation links */
a[href*="Register"],
a[href*="RedeemInvitation"] {
  display: none !important;
}




/* ========= Create a New Case =========== */

/* Target the lookup button */
.btn.btn-default.launchentitylookup {
    height: 37px; /* Match typical input height */
    padding: 6px 12px; /* Adjust for icon spacing */
    margin-top: 0px; /* Align with input */
    line-height: normal; /* Keep icon centered */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
}



/* ========= Edit a Case =========== */

/* Match height and style of Update Case button */

/* Force Close Case button to match Update Case height */

.close-case-link.btn{

    padding: 6px 20px;       /* Adjust to match Update Case button */
    font-size: 15px;          /* Same font size */
    line-height: 1.42857143;         /* Ensures consistent height */
    height: auto;             /* Let padding control height */
    display: inline-block;    /* Keep button inline */
    border-radius: 7px;       /* Match rounded corners if needed */
    vertical-align: middle;     /* Helps alignment */
    margin-top: 6px; /* Adjust until aligned visually */
}

.cancel-case-link.btn{

    padding: 6px 20px;       /* Adjust to match Update Case button */
    font-size: 15px;          /* Same font size */
    line-height: 1.42857143;         /* Ensures consistent height */
    height: auto;             /* Let padding control height */
    display: inline-block;    /* Keep button inline */
    border-radius: 7px;       /* Match rounded corners if needed */
    vertical-align: middle;     /* Helps alignment */
    margin-top: 6px; /* Adjust until aligned visually */
}