/* Breadcrumb Container */
.breadcrumb-container {
   position: relative;
   text-align: center;
   color: white;
}

/* Background Image */
.breadcrumb-container img {
   width: 100%;
   height: 250px;
   object-fit: cover;
   filter: brightness(90%); 
   /* Darken image only */
}

/* Breadcrumb Text */
.breadcrumb-text {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 52px;
   font-weight: bold;
   color: #FACE77;
   text-shadow: 2px 2px 5px rgb(0, 0, 0);
   /* Add text shadow for visibility */
}

/* Breadcrumb Links */
.breadcrumb {
   list-style: none;
   padding: 10px;
   display: flex;
   justify-content: center;
   background: #f8f8f8;
   border-radius: 5px;
}

.breadcrumb li {
   font-size: 16px;
}

.breadcrumb li a {
   text-decoration: none;
   color: #FACE77;
   padding: 8px;
}

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

.breadcrumb li::after {
   content: "›";
   margin: 0 10px;
   color: #333;
}

.breadcrumb li:last-child::after {
   content: "";
}

.breadcrumb li:last-child a {
   color: #333;
   font-weight: bold;
   pointer-events: none;
}