.logo_wraper::before {
    position: absolute;
    content: " ";
    top: 0; left: 0;
    height: 100%;   width: 100%;
    background-image: url('assets/textures/174663676270037945.png');    opacity: 0;
    z-index: -1;
}

#header_banner::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    opacity: 0.5;
    z-index: -1; 
}

#info_banner::before {
    position: absolute;
    content: " ";
    top: 0; left: 0;
    height: 100%;   width: 100%;
    background-image: url('assets/textures/174663676270037945.png');    opacity: 0.5;
    z-index: -1;
}

.info-tab:hover {
    transform: translateY(-5px);
    background-image: linear-gradient( to left, rgba(27, 32, 23, 0.219) , rgba(33, 39, 27, 0.397));
    background-size: 200% 100%;
    background-position: 100% 100%;
}

.shadow_effect {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;       
    padding: 0;
}

#info_banner_shadow {
     background-image: radial-gradient(circle , rgba(172, 125, 80, 0) 5%, rgba(73, 65, 56, 0.041) 70% , rgba(7, 4, 1, 0.767)) ; 
}

#menu_shadow {
     background-image: radial-gradient(circle, rgba(172, 125, 80, 0) 5%, rgba(73, 65, 56, 0.04) 70%, rgba(7, 4, 1, 0.77));
     z-index: 3;
}

/*#meat_shadow {
    background-image: radial-gradient(circle , rgba(134, 120, 106, 0.062) 5%, rgb(255, 131, 6) 70% , rgb(255, 6, 6)) !important;
    z-index: 999;
}*/

/*#meat_shadow {
    background-image: radial-gradient(circle , rgb(0, 3, 44) 5%, rgb(255, 131, 6) 70% , rgb(255, 6, 6)) !important;
    z-index: 999;
}*/

#meat_shadow {
    background-image: radial-gradient(circle, rgba(172, 125, 80, 0) 5%, rgba(73, 65, 56, 0.04) 70%, rgba(7, 4, 1, 0.77));
    z-index: 3;
}

#info_banner_shadow {
    margin-top: -22px;
}

.navigation_bar::after {
    position: absolute;
    content: " ";
    top: 0; left: 0;
    height: 100%;   width: 100%;
    background-image: url('assets/textures/174663676270037945.png');    opacity: 0.6;
    z-index: -1;    
}

#phone:hover .contact-button-phone-icon {
    transition: 0.25s ease;
    background-color: rgb(64, 121, 47);
}

.contact-button-phone-icon:hover {
    transition: 0.25s ease;
    background-color: rgb(64, 121, 47);
}

.navigation_table li:hover {
    /*color: rgb(151, 127, 53);*/
    color: rgb(255, 240, 230);
    font-weight: 500;
    text-shadow: 0px 0px 5px rgb(253, 243, 223);
    background-size: 200% 100%;
    background-position: 100% 0%;
    background: radial-gradient(circle , rgba(255, 255, 255, 0.027), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) ;
    transform: scale(1.05);
    transition: 0.25s ease;
}

.navigation_table li a[href="#header_banner"]:hover {
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.596) !important;
    box-shadow: 0px 0px 5px rgba(194, 231, 163, 0.527);
    background-image: linear-gradient( 150deg, rgb(117, 133, 92),  rgb(153, 196, 113), rgb(151, 199, 85));
    padding: 3px;
    border-radius: 5px;
    background-size: 200% 100%;
    background-position: 100% 0%;
}

.navigation_table li a[href="#promotii_menu"]:hover {
    color: rgb(255, 255, 255) !important;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.596) !important;
    box-shadow: 0px 0px 5px rgba(194, 231, 163, 0.527);
    background-image: linear-gradient( 150deg, rgb(117, 133, 92),  rgb(153, 196, 113), rgb(151, 199, 85));
    padding: 3px;
    border-radius: 5px;
    background-size: 200% 100%;
    background-position: 100% 0%;
}

#pizza_menu::before , #party_menu::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    background-size: cover;
    opacity: 0.3;
    z-index: -1;     
}

#pizza_menu::after , #party_menu::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    opacity: 0.4;
    z-index: -1; 
}

#promotii_menu::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    opacity: 0.5;
    z-index: -1; 
}

#meat_menu::before , #sos_menu::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    background-size: cover;
    opacity: 0.2;
    z-index: 1; 
    border-radius: 10px;
}

#meat_menu::after , #sos_menu::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    opacity: 0.5;
    z-index: 1; 
    border-radius: 10px;
}

#bauturi_menu::after {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    background-size: cover;
    opacity: 0.3;
    z-index: 1;     
}

#bauturi_menu::before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    opacity: 0.9;
    z-index: 1;     
}

.item_container::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    opacity: 0.9;
    border-radius: 20px;
    z-index: -1; 
}

#item4_container::after , #item5_container::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/img.avif);
    opacity: 1;
    border-radius: 20px;
    z-index: -1;     
}

#item1_container::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/174663676270037945.png);
    background-size: repeat;
    opacity: 0 !important;
    z-index: -1; 
}

#item1_container::before {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 300%;
    height: 300%;
    background: conic-gradient(
        from 0deg at 50% 100%,
        transparent 0deg,
        white 5deg,
        transparent 10deg,
        white 15deg,
        transparent 20deg,
        white 25deg,
        transparent 30deg,
        white 35deg,
        transparent 40deg,
        white 45deg,
        transparent 50deg,
        white 55deg,
        transparent 60deg,
        white 65deg,
        transparent 70deg,
        white 75deg,
        transparent 80deg,
        white 85deg,
        transparent 90deg,
        white 95deg,
        transparent 100deg,
        white 105deg,
        transparent 110deg,
        white 115deg,
        transparent 120deg,
        white 125deg,
        transparent 130deg,
        white 135deg,
        transparent 140deg,
        white 145deg,
        transparent 150deg,
        white 155deg,
        transparent 160deg,
        white 165deg,
        transparent 170deg,
        white 175deg,
        transparent 180deg,
        white 185deg,
        transparent 190deg,
        white 195deg,
        transparent 200deg,
        white 205deg,
        transparent 210deg,
        white 215deg,
        transparent 220deg,
        white 225deg,
        transparent 230deg,
        white 235deg,
        transparent 240deg,
        white 245deg,
        transparent 250deg,
        white 255deg,
        transparent 260deg,
        white 265deg,
        transparent 270deg,
        white 275deg,
        transparent 280deg,
        white 285deg,
        transparent 290deg,
        white 295deg,
        transparent 300deg,
        white 305deg,
        transparent 310deg,
        white 315deg,
        transparent 320deg,
        white 325deg,
        transparent 330deg,
        white 335deg,
        transparent 340deg,
        white 345deg,
        transparent 350deg,
        white 355deg,
        transparent 360deg
    );
    opacity: 0.15;
    transform-origin: 50% 100%;
    animation: rotate-rays 8s linear infinite;
    z-index: 0;
    pointer-events: none;
}

@keyframes rotate-rays {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.item:hover {
    transform: translateY(-5px);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.26), rgba(20, 20, 20, 0)); 
    background-image: linear-gradient( -145deg, rgba(44, 51, 33, 0.87), rgba(32, 37, 25, 0.151), rgba(43, 46, 36, 0.397));
    /*border: 1px dashed rgba(255, 67, 67, 0.829);*/
     box-shadow: 0px 0px 5px rgba(253, 253, 253, 0.055);
     animation: glowing 3s ease infinite;
}

.item:hover .detalii .pret {
    box-shadow: 0px 0px 5px rgb(80, 97, 62);
    background-image: linear-gradient( 150deg, rgb(133, 151, 117),  rgb(128, 148, 95), rgb(164, 201, 113));
    background-size: 200% 100%;
    background-position: 100% 0%;
    text-shadow: 
        -2px -2px 0 rgba(43, 53, 30, 0),
         2px -2px 0 rgba(172, 218, 112, 0),
        -2px  2px 0 rgba(172, 218, 112, 0),
         2px  2px 0 rgba(172, 218, 112, 0),
        -2px  0px 0 rgba(172, 218, 112, 0),
         2px  0px 0 rgba(172, 218, 112, 0),
         0px -2px 0 rgba(172, 218, 112, 0),
         0px  2px 0 rgba(45, 56, 31, 0);
    
}

#item2:hover img{
    animation: rotate 8s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#item2::after,
#item3::after {
    position: absolute;
    content: "";
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: radial-gradient( circle, rgba(24, 31, 16, 0.253), rgba(72, 82, 48, 0.486), rgba(25, 31, 16, 0.418)) !important;
    border-radius: 10px;
    backdrop-filter: blur(50px);
    box-shadow: inset 0px 0px 5px rgba(194, 245, 140, 0.116);
    z-index: -1;   
} 

#item2::before,
#item3::before  {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/textures/174663676270037945.png);
    opacity: 0.85;
    z-index: 1; 
    border-radius: 10px;
}

.item:hover .detali .pret {
    box-shadow: 0px 0px 5px rgb(80, 97, 62);
    background-image: linear-gradient( 150deg, rgb(133, 151, 117),  rgb(128, 148, 95), rgb(164, 201, 113));
    background-size: 200% 100%;
    background-position: 100% 0%;
    text-shadow: 
        -2px -2px 0 rgba(43, 53, 30, 0),
         2px -2px 0 rgba(172, 218, 112, 0),
        -2px  2px 0 rgba(172, 218, 112, 0),
         2px  2px 0 rgba(172, 218, 112, 0),
        -2px  0px 0 rgba(172, 218, 112, 0),
         2px  0px 0 rgba(172, 218, 112, 0),
         0px -2px 0 rgba(172, 218, 112, 0),
         0px  2px 0 rgba(45, 56, 31, 0);
    
}

.item:hover .warning img {
    animation: none !important;
}

.item:hover .desc {
    transition: 0.25s ease;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.055);
}

.warning img:hover {
    animation:none !important;
}

/* #RED WAVE */

    .water-container {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    pointer-events: none; 
    z-index: 1;
    bottom: 0;
    left: 0 !important;
    padding: 0px;
    }

    svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover; 
    }

    .wave {
    fill: var(--water-color);
    }

    :root {
   /* --water-color: rgb(255, 214, 93); */
    --water-color: rgb(145, 26, 17); 
   /*--water-color: rgb(248, 237, 230);*/
    }