@import url('https://fonts.googleapis.com/css2?family=Figtree&display=swap');

body {
  font-family: 'Figtree', sans-serif;
  color: #ffffff;
  background-color: #0f2346; /* optional, to match your footer */
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #42ba91;
  text-decoration: none;
}


/* Hide the top navigation menu */
.Header__nav {
    display: none !important;
}

/* ----------------------------------------
   Breadcrumb Styling – Kaffea-X Help Center
----------------------------------------- */

/* Default breadcrumb text color (no child present) */
.BreadCrumbs__breadcrumbList .BreadCrumbs__breadCrumbText span,
.BreadCrumbs__breadcrumbList .BreadCrumbs__breadCrumbsLink {
    color: #1B51A0 !important; /* Primary blue */
}

/* Hover effect for clickable breadcrumbs */
.BreadCrumbs__breadcrumbList .BreadCrumbs__breadCrumbText span:hover,
.BreadCrumbs__breadcrumbList .BreadCrumbs__breadCrumbsLink:hover {
    color: #0056b3 !important; /* Darker blue on hover */
}

/* When breadcrumb has a child (e.g., Knowledge Base → Listings) 
   make the parent breadcrumb link black */
.BreadCrumbs__breadcrumbList:has(li:nth-child(2)) 
.BreadCrumbs__breadCrumbsLink {
    color: #000000 !important; /* Black for parent when child exists */
}

/* Back button style */
.custom-back-btn {
    background-color: #1B51A0; /* Kaffea-X blue */
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-bottom: 10px;
}

.custom-back-btn:hover {
    background-color: #003e88; /* darker blue on hover */
}



/* Optional: adjust logo alignment after hiding me*