/*
 Theme Name:   MyLabatec
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


html {
    scroll-behavior: smooth; }

figcaption {
    color: #000;
}

.text-bg {
    background-color: #53B0BB;
    color: #fff;
    padding: 0.2rem;
}

.text-bg-pink {
    background-color: #f5b3c9;
    color: #fff;
    padding: 0.2rem;
}

.text-bg-yellow {
    background-color: #F7C065;
    color: #fff;
    padding: 0.2rem;
}

.text-bg-purple {
    background-color: #c64a7b;
    color: #fff;
    padding: 0.2rem;
}

.text-bg-blue {
    background-color: #436fe5;
    color: #fff;
    padding: 0.2rem;
}

li {
    /*margin-bottom: 1rem;*/
}

/* General Styles for the Menu */
.labatec-side-menu {
    list-style: none; /* Remove bullets */
    margin: 0;
    padding: 0;
    text-align: left; /* Align all items to the left */
}

/* Styling for First Level Menu Items */
.labatec-side-menu > .labatec-menu-item > a {
    text-transform: uppercase; /* Uppercase text */
    color: var(--secondary); /* Primary color */
    font-weight: bold; /* Ensure bold for first-level items */
    text-decoration: none; /* No underline */
    font-size: 16px; /* Adjust font size if needed */
    display: block; /* Ensure full clickable block */
    padding: 10px 15px; /* Adjusted padding */
}

/* Styling for Second Level Menu Items */
.labatec-side-menu > .labatec-menu-item > .labatec-side-menu > .labatec-menu-item > a {
    font-weight: initial;
    color: #000; /* Black color */
    font-size: 14px; /* Slightly smaller font size */
    text-decoration: none;
    padding: 10px 15px; /* Adjusted padding */
    border-radius: 15px; /* Rounded corners */
    text-transform: unset;
    transition: background-color 0.3s, padding 0.3s, border-radius 0.3s; /* Smooth transition for hover/active */
}

/* Hover Effects for Second Level Menu Items Without Children */
.labatec-side-menu > .labatec-menu-item > .labatec-side-menu > .labatec-menu-item:not(:has(> .labatec-side-menu)) > a:hover {
    background-color: var(--primary-trans-20); /* Hover background */
}

/* Active State for Second Level Menu Items Without Children */
.labatec-side-menu > .labatec-menu-item > .labatec-side-menu > .labatec-menu-item:not(:has(> .labatec-side-menu)).current-menu-item > a {
    background-color: var(--primary-trans-20); /* Active background */
    color: var(--primary); /* Ensure consistent text color for active state */
}

/* Active State for Ancestors of Current Menu Item */
.labatec-side-menu > .labatec-menu-item > .labatec-side-menu > .labatec-menu-item:not(:has(> .labatec-side-menu)).current-menu-ancestor > a {
    background-color: var(--primary-trans-20); /* Active background for ancestors */
    color: var(--primary); /* Highlight ancestor text color */
}

/* Make Second Level Items with Children Bold */
.labatec-side-menu > .labatec-menu-item > .labatec-side-menu > .labatec-menu-item:has(> .labatec-side-menu) > a {
    font-weight: bold; /* Bold if item has children */
}

/* General Menu Item Spacing */
.labatec-menu-item {
    margin-bottom: 0;
}


/* Hide the submenu for items with the class "menu_hide_children" */
.menu_hide_children .sub-menu {
    display: none !important; /* Completely hide the submenu */
}

/* Ensure the parent menu item behaves like a normal menu item */
.menu_hide_children > a {
    background-color: var(--primary) !important; /* Adjust background color if needed */
    color: #fff !important; /* Ensure text color matches your design */
    cursor: pointer; /* Ensure it looks clickable */
}

/* Hide the dropdown toggle (down arrow button) */
.menu_hide_children .brx-submenu-toggle button {
    display: none !important; /* Hide the button completely */
}

/* Optional: Hover effects for the parent menu item */
.menu_hide_children:hover > a {
    background-color: var(--primary-hover) !important; /* Change hover background if needed */
    color: #fff !important; /* Keep text color consistent on hover */
}