/* Hide the bottom row globally */
.ct-header [data-row="bottom"] {
    display: none !important;
}

/* Show the bottom row only on page ID 4960 */
.page-id-4960 .ct-header [data-row="bottom"] {
    display: block !important;
    padding-left: 40px;
}

/* Set header height on all pages except page ID 4960 */
body:not(.page-id-4960) .ct-header {
    height: 100px;
}

/* Hide the text of specified menu items and set up icons */
.menu-item-9867 a,
.menu-item-9884 a,
.menu-item-9886 a,
.menu-item-9888 a {
    text-indent: -9999px; /* Hide text */
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 24px; /* Adjusted to fit background-size */
    height: 24px; /* Adjusted to fit background-size */
    background-image: url('https://dr.hotel.hu/wp-content/uploads/2024/11/cart-icon.png');
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -15px;
    margin-right: 10px; /* 30px for the last item */
    border-right: 1px solid #ccc;
    transition: transform 0.3s ease, filter 0.3s ease; /* Smooth transitions */
}

/* Specific adjustment for the last menu item */
.menu-item-9888 a {
    margin-right: 30px;
}

/* Additional menu item styling */
.menu-item-9866 a {
    padding-left: 25px;
    border-left: 1px solid #ccc; 
}

/* Add a pseudo-element for color overlay */
.menu-item-9867 a::after,
.menu-item-9884 a::after,
.menu-item-9886 a::after,
.menu-item-9888 a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(139, 128, 122, 0); /* Transparent initially */
    transition: background-color 0.3s ease;
    pointer-events: none; /* Allows clicks to pass through */
}

/* Hover Effects: Change color and scale up */
.menu-item-9867 a:hover::after,
.menu-item-9884 a:hover::after,
.menu-item-9886 a:hover::after,
.menu-item-9888 a:hover::after {
    background-color: rgba(139, 128, 122, 0.5); /* Semi-transparent overlay */
}

.menu-item-9867 a:hover,
.menu-item-9884 a:hover,
.menu-item-9886 a:hover,
.menu-item-9888 a:hover {
		transition: background-size 0.3s ease; 


    background-size: 26px;
 
}