/* ====================================
   Custom Styles - TRIMETHODUS
   ==================================== */

/* Page Header with Background Image and Overlay */
.page-header {
    background-image: url('../images/frontend/11246.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

/* Dark overlay for better text readability */
.page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Black overlay with 60% opacity */
    z-index: 0;
}

/* Ensure content appears above the overlay */
.page-header .container {
    position: relative;
    z-index: 1;
}

/* Make text white for better contrast */
.page-header__title {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Make breadcrumb text white */
.page-header .eduhive-breadcrumb a,
.page-header .eduhive-breadcrumb span {
    color: #ffffff !important;
}

.page-header .eduhive-breadcrumb__icon {
    color: #ffffff !important;
}

/* Ensure shapes stay above overlay but below content */
.page-header__shape-one,
.page-header__shape-two,
.page-header__shape-three,
.page-header__shape-four {
    position: absolute;
    z-index: 0;
}

/* ====================================
   Menu Items - Change to darker green
   ==================================== */
.main-menu__list > li > a {
    color: #22C55E !important; /* Darker green */
}

.main-menu__list > li > a:hover {
    color: #8B5CF6 !important; /* Purple on hover */
}

/* Search and Cart icons */
.main-header__right a,
.main-header__right button {
    color: #22C55E !important; /* Darker green */
}

.main-header__right a:hover,
.main-header__right button:hover {
    color: #8B5CF6 !important; /* Purple on hover */
}

.main-header__search,
.main-header__cart {
    color: #22C55E !important; /* Darker green */
}

.main-header__search:hover,
.main-header__cart:hover {
    color: #8B5CF6 !important; /* Purple on hover */
}

/* Cart count badge */
.main-header__cart span {
    background-color: #22C55E !important; /* Darker green background */
    color: #ffffff !important;
}

/* ====================================
   Breadcrumb - Change background to purple
   ==================================== */
.eduhive-breadcrumb {
    background-color: #8B5CF6 !important; /* Purple background */
    padding: 8px 16px !important;
    border-radius: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.eduhive-breadcrumb li {
    color: #ffffff !important;
}

.eduhive-breadcrumb a {
    color: #ffffff !important;
}

.eduhive-breadcrumb a:hover {
    color: #e0e0e0 !important;
}