* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html, body {
    overflow: visible;
    width: 100%;
    max-width: 100vw;
}

html {
  scroll-behavior: smooth;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    max-width: 100% !important;
     z-index: 1;
    /* background-color: rgba(253, 243, 243); */
    /*background-color: rgb(24, 17, 11);*/
    background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(0, 0, 0));
}

@font-face {
  font-family: 'AmaticSC';
  src: url('fonts/AmaticSC-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lobster';
  src: url('fonts/Lobster/Lobster-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kalam';
  src: url('fonts/Kalam/Kalam-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Cinzel';
  src: url('fonts/Cinzel/static/Cinzel-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Neovibes';
  src: url('fonts/Great_Vibes/GreatVibes-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

::selection {
    background-color: rgba(108, 119, 98, 0.438);
    color: rgb(251, 255, 244);
}

.logo_wraper {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
    height: 100%;
    background-image: linear-gradient( to top, rgba(94, 119, 66, 0.226) 30%, rgba(39, 49, 27, 0.178), rgba(39, 49, 27, 0.014));/*50, 63, 33, 0.267*/
}

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

.logo {
    position: relative;
    font-family: Neovibes;
    font-size: 110px;
    font-weight: 500;
    color: white;
    /*-webkit-text-stroke: 2px rgba(82, 104, 54, 0.61);*/
    text-shadow: 
        -1px -1px 0 rgba(82, 104, 54, 0.61),
         1px -1px 0 rgb(82, 104, 54, 0.61),
        -1px  1px 0 rgb(82, 104, 54, 0.61),
         1px  1px 0 rgb(82, 104, 54, 0.61),
        -1px  0px 0 rgb(82, 104, 54, 0.61),
         1px  0px 0 rgb(82, 104, 54, 0.61),
         0px -1px 0 rgb(82, 104, 54, 0.61),
         0px  1px 0 rgb(82, 104, 54, 0.61);
    background-clip: text;
    z-index: 999;

}

#logo {
    display: flex;
    justify-content: center;
    border-radius: 50%;
}

#logo h4 {
    position: relative;
    font-family: Neovibes;
    font-size: 80px;
    font-weight: 100;
    color: white;
    background-image: linear-gradient( 75deg, rgba(110, 168, 35, 0),  rgba(50, 63, 33, 0), rgba(50, 63, 33, 0));
    text-shadow: 
        -2px -2px 0 rgb(82, 104, 54),
         2px -2px 0 rgb(82, 104, 54),
        -2px  2px 0 rgb(82, 104, 54),
         2px  2px 0 rgb(82, 104, 54),
        -2px  0px 0 rgb(82, 104, 54),
         2px  0px 0 rgb(82, 104, 54),
         0px -2px 0 rgb(82, 104, 54),
         0px  2px 0 rgb(82, 104, 54); 
    text-shadow: 0px 0px 10px rgb(159, 204, 100);
     z-index: 999;    
}

.logo1 {
    position: absolute;
    font-family: Neovibes;
    font-size: 112px;
    transform: translateX(-4px) translateY(2px);
    font-weight: 900;
    color: rgba(82, 104, 54, 0.815);
    /*-webkit-text-stroke: 2px rgba(82, 104, 54, 0.61);*/
    background-clip: text;
    z-index: 999;

}

/*.logo::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: -20px;
    height: 20px;
    display: block;
    background: 
        linear-gradient(45deg, transparent 33.333%, rgba(50, 63, 33, 0.267) 33.333%, rgba(50, 63, 33, 0.267) 66.667%, transparent 66.667%), 
        linear-gradient(-45deg, transparent 33.333%, rgba(50, 63, 33, 0.267) 33.333%, rgba(50, 63, 33, 0.267) 66.667%, transparent 66.667%);
    background-position: 0 -20px;
    background-size: 20px 40px;
}*/

h3 {
    color: white;
    font-size: 30px;
}

.banner {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 160px;
    width: 100%;
}

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: radial-gradient(circle , rgba(170, 152, 135, 0.096) 5%, rgba(73, 65, 56, 0.041) 70% , rgba(7, 4, 1, 0.678)) ;
}

#shadow1 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: radial-gradient(circle , rgba(170, 152, 135, 0.096) 5%, rgba(51, 44, 37, 0) 70% , rgba(7, 4, 1, 0.678)) !important;
}

#shadowinfo {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: radial-gradient(circle , rgba(150, 51, 51, 0) 10%, rgba(0, 0, 0, 0.116) 80% , rgba(0, 0, 0, 0.678));    
}

#banner1 {
  /*  background-image: radial-gradient(circle, rgb(53, 44, 38) 40%, rgb(43, 35, 28)); */
    /*margin-bottom: -27.5px;*/
    margin-bottom: 0;
    z-index: 2;
   /*background-color: rgba(44, 41, 31, 0.932); */

   background-color: rgba(12, 10, 8, 0.932) !important;

  /* background-color: rgba(19, 16, 14, 0.932) !important;

  /*background-color: rgba(39, 33, 26, 0.932);
   background-image: repeating-linear-gradient(
    to right,
    rgba(12, 10, 9, 0.63) 0px,
    rgba(12, 10, 9, 0.63) 10px,
    transparent 2px,
    transparent 25px
    );

   /* border-bottom: 2px dashed rgb(255, 202, 42); */
   display: flex;
   justify-content: center;
   flex-direction: row;
   align-items: end;
   width: 100%;
   box-shadow: inset 0px -3px 30px rgba(0, 0, 0, 0.829);
   margin-bottom: -22px !important;
   border-bottom: 3px dashed rgba(246, 255, 229, 0.568) !important;
}

.banner-wraper {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: flex-start;
    flex-direction: row !important;
    height: 100%;
    width: 70%;
    gap: 5px;
}

.adresa {
    font-size: 15px;
    right: 10px;
    font-family: Cinzel;
    text-shadow: 0px 0px 5px rgb(255, 253, 253);
    transform: translateY(-20px);
    z-index: 999;
}

#banner1::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    opacity: 0.4;
    background-image: url(assets/174663676270037945.png);
}

.adresa_wraper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    color: white;
    right: 10px;
}

.contact-tab {
    display: flex;
    gap: 10px;
    flex-direction: row;
    padding: 10px;
}

.contact-button {
    position: relative;
    display: flex;
    flex-direction: row !important;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    cursor: pointer;
    z-index: 999;
}

.contact-button:hover {
    transition: 0.4s ease;
    transform: translateY(-2.5px);
}

#phone {
    width: auto;
    background-color: rgba(0, 0, 0, 0.13);
    align-items: center;
    font-family: lobster;
    font-weight: 100;
    font-size: 25px;
    color: rgb(255, 255, 255);

 /*   box-shadow: inset 0px -1px 5px rgba(0, 0, 0, 0.637),
    inset 0px 1px 5px rgba(255, 255, 255, 0.164); */

    box-shadow: inset 0px -2px 5px rgba(255, 255, 255, 0.041),
    inset 0px 2px 5px rgba(255, 255, 255, 0.123);

    padding: 10px;
    font-weight: 500;
        text-shadow: 
        -2px -2px 0 rgba(8, 10, 6, 0),
         2px -2px 0 rgba(82, 104, 54, 0),
        -2px  2px 0 rgba(136, 125, 96, 0.521),
         2px  2px 0 rgba(82, 104, 54, 0),
        -2px  0px 0 rgba(82, 104, 54, 0),
         2px  0px 0 rgba(82, 104, 54, 0),
         0px -2px 0 rgba(82, 104, 54, 0),
         0px  1.5px 0 rgba(121, 114, 99, 0);
}

.phone_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    padding: 5px;
    background-color: rgb(51, 95, 37);
    border-radius: 50%;
    margin-left: -10px;
    margin-right: 10px;
}

#phone img {
    height: 90%;
    
}

#banner2 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    height: 160px;
    padding-top: 20px;
    z-index: 3;
    /*background-color: rgb(19, 16, 14);*/
   /* background-color: rgba(36, 32, 26, 0.815); */

   /*background-image:  radial-gradient(circle, rgb(36, 41, 31), rgb(25, 27, 21), rgb(23, 26, 20));*/

   /*background-color: rgb(34, 39, 27);*/

    background-color: rgb(23, 27, 20);

    /*border-bottom: 2px dashed rgba(61, 71, 46, 0.548);*/

   /* border-bottom: 2px dashed rgba(125, 153, 74, 0.116) !important; */

   border-bottom: 2px dashed rgba(133, 150, 103, 0.116) !important;

    opacity: 1;
/*  border-top: 3px double rgba(0, 0, 0, 0.13);
    border-bottom: 3px double rgb(0, 0, 0, 0.13);*/
    /*background-image: repeating-linear-gradient(
    to right,
    rgba(19, 16, 14, 0.63) 0px,
    rgba(19, 16, 14, 0.63) 10px,
    transparent 2px,
    transparent 25px
    );*/
    margin-top: -22px;
  box-shadow: inset 0px 10px 30px rgba(0, 0, 0, 0.63);
}

#banner2 img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
}

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

.info-bar {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    height: 100%;
    width: 90%;
    gap: 10px;
    padding: 15px;
    
}

.info {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 95%;
    width: auto;
    flex-wrap: wrap;
    flex: 1 1 25%;
    box-sizing: border-box;
    border-radius: 10px;
    background-image: linear-gradient( to right, rgba(27, 32, 23, 0.219) , rgba(14, 17, 12, 0.397));
    border-bottom: 2px solid rgba(225, 253, 171, 0.034);
    backdrop-filter: blur(0.8px);
   /* color:azure; */
    color:rgba(255, 255, 255, 0.911); 
    font-family: 'Cinzel';
    font-size: 15px;
    transition: 0.25s ease;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.267);
}

.info:hover {
    transform: translateY(-5px);
}

.info h1 {
    font-size: 18px;
    font-weight: 500;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.671);
    background-color: none;
    backdrop-filter: blur(25px);
    width: fit-content;
}

.icon {
    position: relative;
    height: 55px;
    width: 55px;
    opacity: 1;
     /* background: url('pizza.jpg') center/cover no-repeat; */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.849), rgba(245, 245, 245, 0.849));
    padding: 5px;
}

#icon1 {
    -webkit-mask-image: url('assets/package-delivery-box-5-svgrepo-com.svg');
    mask-image: url('assets/package-delivery-box-5-svgrepo-com.svg');
}

#icon2 {
    -webkit-mask-image: url('assets/package-delivery-box-6-svgrepo-com.svg');
    mask-image: url('assets/package-delivery-box-6-svgrepo-com.svg');
}

#icon3 {
    -webkit-mask-image: url('assets/package-delivery-box-svgrepo-com.svg');
    mask-image: url('assets/package-delivery-box-svgrepo-com.svg');
}

.menu-nav-container , .menu-nav-container2{
    height: 45px;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}

.menu-nav , .menu-nav2{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 35%;
    background-image: linear-gradient(150deg , rgb(255, 202, 42) , rgb(255, 214, 90) 70%, rgb(255, 220, 117)); 
    transform: perspective(500px) rotateX(5deg) ;
    border-radius: 5px ;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.178);
    z-index: 4;
    
}

.menu-nav-container2 {
    position: sticky !important;
    z-index: 100;
    opacity: 0;
}

.navbar2 {
    position: sticky;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    backdrop-filter: blur(2px);
    background-image: linear-gradient(135deg, rgb(34, 29, 22) , rgb(82, 72, 60) 10%, rgba(36, 32, 26, 0.979));
    /*background-image: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
   /* border-bottom: 5px dashed rgb(94, 85, 78, 0.644); */
   /* border-bottom: 5px dashed rgba(235, 227, 219, 0.281) !important; */
   /*border-bottom: 5px dashed rgba(240, 235, 230, 0.486) !important;*/
    border-bottom: 3px dashed rgba(255, 255, 255, 0.295) !important;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.507);
    box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.486) ,
    inset 0px 5px 5px rgba(255, 255, 255, 0.048);
    z-index: 100;
}


.navbar {
    position: sticky;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 60%;
    height: 50px;
    transform: perspective(500px) rotateX(5deg) ;
    border-radius: 5px ;
    backdrop-filter: blur(100px);
    
    /*background-image: linear-gradient(135deg, rgb(27, 24, 20) , rgba(46, 41, 35, 0.993) 10%, rgba(29, 26, 21, 0.993));*/

    /*background-image: linear-gradient(135deg, rgb(27, 25, 20) , rgba(46, 42, 35, 0.993) 10%, rgba(29, 27, 21, 0.993));*/

    /*background-image: linear-gradient(135deg, rgb(39, 34, 27) , rgba(44, 41, 33, 0.993) 10%, rgba(44, 40, 33, 0.993));*/

    /*background-image: linear-gradient( -135deg, rgb(125, 153, 74), rgba(169, 207, 118, 0.87), rgb(102, 126, 60)); */

    background-image: linear-gradient( -135deg, rgb(139, 177, 70), rgba(164, 209, 105, 0.87), rgb(89, 114, 45));
    
    /*background-image: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
   /* border-bottom: 5px dashed rgb(94, 85, 78, 0.644); */
   /* border-bottom: 5px dashed rgba(235, 227, 219, 0.281) !important; */
   /*border-bottom: 5px dashed rgba(240, 235, 230, 0.486) !important;*/

   border-bottom: 3px dashed rgba(255, 252, 245, 0.788) !important;
    
    text-shadow: 0px 0px 5px rgba(240, 22, 22, 0.507);

 /*   box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.342) ,
    inset 0px 5px 5px rgba(255, 255, 255, 0.062),
    0px 2.5px 5px rgba(0, 0, 0, 0.295); */

    z-index: 100;
}


.navbar::before { 
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/174663676270037945.png);
    opacity: 0.6;
}

.menu-wraper {
    position: relative;
    display: inline-flex;
    justify-content: center;
    width: 100% !important;
     height: 100%;

}

.main {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    list-style: none;
    margin: 0;
    transform: translateX(-2.5%);
}

.main li {
    /*color: rgb(56, 37, 21);*/
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.966);
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-family: 'Cinzel' ;
    font-weight: 500;
    transition: 0.5s ease;
    user-select: none;
    cursor: pointer;
    background-size: 200% 100%;
    background-position: 0% 0%;
    transition: background-position 1s ease, text-shadow 0.3s;
    background: radial-gradient(circle , rgba(255, 255, 255, 0.014), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) ;
        text-shadow: 
        -2px -2px 0 rgba(22, 27, 15, 0.048),
         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);
}

#sticky {
    top: 0px;
    transition: 0.25s ease;
    position: sticky !important;
    backdrop-filter: blur(25px);
    background-image: linear-gradient(135deg, rgba(22, 18, 16, 0.932), rgba(32, 28, 26, 0.932));
    border-bottom: 5px dashed rgba(182, 167, 156, 0.644) !important;
    display: none;
    opacity: 0;
    z-index: 100;
}

.navmenu-button {
    position: sticky !important;
    display: none;
    justify-content: center;
    align-items: center;
    align-self:first baseline;
    top: 1.25vw;
    right: 0px;
    margin: 1.25vw;
    height: 15vw;
    width: 15vw;
    max-height: 80px;
    max-width: 80px;
    min-height: 60px;
    min-width: 60px;
    border-radius: 50%;
    color: white;
    font-size: 8vw;
    font-weight: 900;
    background-image: linear-gradient(45deg, rgb(131, 156, 104) , rgb(173, 206, 137));
    transition: 0.25s ease;
    z-index: 1001;
    user-select: none;
    cursor: pointer;
}

.navmenu-button:hover {
    background-image: linear-gradient(45deg, rgb(76, 85, 65), rgb(86, 95, 75));
    color:  rgb(242, 255, 227);
}

.navmenu {
    position: fixed;
    display: none;
    flex-direction: column;
    align-items: flex-end;
    height: 100vh;
    width: 50%;
    left: 0vw;
    transform: translateX(-100%);
    /*background-color: rgba(89, 107, 81, 0.877);*/
    background-image: linear-gradient(135deg, rgba(35, 39, 30, 0.89), rgba(45, 49, 40, 0.89));
    border-right: dashed ;
    border-right: 2px dashed rgba(115, 122, 102, 0.87);
    backdrop-filter: blur(30px);
    transition: 0.3s ease;
    z-index: 1000;
}

.navmenu .main {
    position: relative;
    text-align: left !important;
    top: 100px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    list-style: none;
    margin: 0;
    transform: translateX(-2.5%);
}

.navmenu .main li {
    /*color: rgb(56, 37, 21);*/
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.596);
    color: rgb(253, 250, 248);
    font-size: 10vw;
    padding: 5px;
    border-radius: 10px;
    text-align: center !important;
    font-family: 'amaticSC' ;
    font-weight: 500;
    transition: 0.5s ease;
    user-select: none;
    cursor: pointer;
    
}

::-webkit-scrollbar-thumb {
    background-color: rgb(131, 156, 104);  
}

.main li a[href="#promotii"] {
    color: rgb(255, 255, 255) !important;
   /* background-image: linear-gradient( to right, rgb(48, 54, 42),  rgb(67, 77, 58), rgb(86, 102, 65)); */

    background-image: linear-gradient( 150deg, rgb(91, 104, 69),  rgb(113, 146, 85), rgb(134, 168, 84));
    
   /* background: linear-gradient( 150deg, rgb(20, 22, 17),  rgb(86, 99, 75), rgb(114, 134, 86)); */

    background-size: 200% 100%;
    background-position: 0% 0%;
    border-radius: 5px;
    padding: 3px;
    font-weight: 500;
    transition: background-position 0.3s ease, text-shadow 0.3s ease;
}

.main li a[href="#promotii"]: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(65, 71, 55),  rgb(71, 88, 55), rgb(102, 134, 57));
    background-size: 200% 100%;
    background-position: 100% 0%;
}

.main li:hover {
    /*color: rgb(151, 127, 53);*/
    color: rgb(255, 240, 230);
    font-weight: 500;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.904);
    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;
}

.main a {
     text-decoration: none;
     color: inherit;
}

.menu {
    top: 0;
    position: relative;
    width: 100%;
    background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15));
    display: grid;
    place-items: center;
}

#pizza-mare, #pizza-party, #meniuri, #puisiporc, #sos, #bauturi {
    height: auto!important;
    width: 100%;
   /* background-color: rgb(36, 43, 26); */
   /*background-image: radial-gradient( circle, rgb(23, 26, 20), rgb(70, 78, 60), rgb(23, 26, 20));*/
   background-color: rgba(41, 35, 28, 0.932);
   background-image: repeating-linear-gradient(
    to right,
    rgba(20, 17, 16, 0.63) 0px,
    rgba(27, 23, 21, 0.63) 10px,
    transparent 2px,
    transparent 25px
    );

    /*background-image: repeating-linear-gradient(
    to right,
    rgba(19, 16, 14, 0.63) 0px,
    rgba(19, 16, 14, 0.63) 10px,
    transparent 2px,
    transparent 25px
    );*/

    /*background-color: rgb(36, 30, 26);*/
  /*  background-color: rgb(255, 239, 239); */
  /*  background-color: rgb(16, 15, 27); */
    padding-bottom: 15px;
    padding-top: 15px;
    /*border-bottom: 1px dashed rgb(37, 33, 30);*/
    border-bottom: 2px dashed rgba(126, 113, 102, 0.144); /*0.438*/
}

#pizza-mare {
    border-top: 2px dashed rgba(122, 102, 93, 0.315);
}

#promotii {
    height: auto!important;
    width: 100%;
   /* background-color: rgb(36, 43, 26); */

   /*background-image:  radial-gradient(circle, rgb(36, 41, 31), rgb(37, 41, 31), rgb(23, 26, 20));*/

   /*background-image:  radial-gradient(circle, rgb(36, 41, 31), rgb(25, 27, 21), rgb(23, 26, 20));*/

    background-image:  radial-gradient(circle, rgb(0, 0, 0), rgb(0, 0, 0), rgb(17, 17, 17));

    /*background-color: rgb(36, 30, 26);*/
  /*  background-color: rgb(255, 239, 239); */
  /*  background-color: rgb(16, 15, 27); */
    padding-bottom: 15px;
    padding-top: 15px;
    /*border-bottom: 1px dashed rgb(37, 33, 30);*/
    /*border-bottom: 2px dashed rgb(185, 165, 104);*/
    box-shadow: inset 0px -3px 10px rgba(0, 0, 0, 0.068) !important;
}

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


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

#promotii.menu::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(assets/174663676270037945.png);
    opacity: 0.5;
    background-size: auto;
    background-repeat: repeat;
    pointer-events: none; 
    z-index: 1;           
}

.banner-pizza-mare {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient( 150deg, rgb(48, 53, 41),  rgb(86, 99, 75), rgb(114, 134, 86));
    background-clip: text;
    top: 0px;
    gap: 16px;
    z-index: 4;
    text-shadow: 
        -1px -1px 0 rgb(36, 46, 29),
         1px -1px 0 rgb(36, 46, 29),
        -1px  1px 0 rgb(36, 46, 29),
         1px  1px 0 rgb(36, 46, 29),
        -1px  0px 0 rgb(36, 46, 29),
         1px  0px 0 rgb(36, 46, 29),
         0px -1px 0 rgb(36, 46, 29),
         0px  1px 0 rgb(39, 46, 29);
}

/*#banner-pizza-mare img {
    position: absolute;
    opacity: 0.1;
    z-index: 1;
}*/

.banner-pizza-mare img  {
    position: absolute;
    height: 35px;
    transform: scaleX(-1);
    left: -35px;
    opacity: 0.1;
}

.banner-pizza-mare h1 {
   /* color: rgba(0, 0, 0, 0.856); */
   /* color:rgb(20, 65, 0); */
   color: rgb(255, 255, 255);
    background-clip: text;
    font-family: Kalam;
    font-size: 40px;
    font-weight: 500;
   /* text-decoration: underline;
    /*text-decoration-color: rgba(255, 202, 42, 0.486);*/
    /*text-decoration-color: rgba(186, 189, 32, 0.486);*/
    text-decoration-thickness: 3px;
}

.item-container {
    flex-wrap: wrap;
    justify-content: flex-start;
    display: flex;
    gap: 16px;
    width: 100%;
    height: auto;
    border-radius: 20px;
   /* background-color: rgb(252, 228, 228); */
   /* background-image: linear-gradient(110deg , rgb(34, 29, 23) , rgb(39, 33, 27) 50%, rgb(63, 53, 44)); */
   /* background-image: linear-gradient(110deg , rgb(53, 44, 36) , rgb(54, 46, 38) 50%, rgb(78, 66, 56)); */
    /*background-image: linear-gradient(135deg, rgba(29, 34, 24, 0.9), rgba(49, 59, 38, 0.9) , rgba(51, 61, 38, 0.9));*/
    /*background-image: linear-gradient(135deg, rgba(60, 73, 47, 0.9), rgba(55, 66, 42, 0.9) , rgba(71, 83, 54, 0.9));*/

    /*background-image: linear-gradient(135deg, rgba(78, 97, 59, 0.8), rgba(55, 66, 42, 0.8) , rgba(71, 83, 54, 0.8));*/

    /*background-image: linear-gradient( -135deg, rgba(50, 59, 38, 0.6), rgba(43, 51, 33, 0.6), rgba(63, 73, 48, 0.6));*/

    background-image: linear-gradient( -135deg, rgba(36, 43, 27, 0.6), rgba(32, 37, 25, 0.6), rgba(52, 58, 43, 0.6));
    backdrop-filter: blur(5px);
    padding: 10px;
    box-shadow: inset 0 0px 10px rgba(187, 187, 187, 0.226);
    box-shadow:  0 0px 20px rgba(7, 7, 7, 0.966);
    border: 4px dashed rgba(91, 114, 70, 0.432);
    z-index: 4;
}


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

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


#promotii-container {
    position: relative;
    
    background-image: linear-gradient(110deg, rgb(252, 210, 86), rgb(255, 214, 90) 70%, rgb(255, 220, 117));
    border: 4px dashed rgba(255, 255, 255, 0.74);
    overflow: hidden;
    clip-path: inset(0 0 0 0);
    z-index: 4;
}

#promotii-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
    );
    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);
    }
}

@keyframes glowing {
    0% {
        box-shadow: 0px 0px 5px rgba(255, 255, 255, 0);
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0);
    }
    50% {
        box-shadow: 0px 0px 5px rgba(221, 255, 199, 0.137);
        text-shadow: 0px 0px 5px rgba(221, 255, 199, 0.137);
    }
    100% {
        box-shadow: 0px 0px 5px rgba(255, 255, 255, 0);
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0);
    }
}


#bauturi {
    margin-bottom: 50px;
}

.item {
    position: relative;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: 0.5s ease, background-position 1s ease, text-shadow 1s ease;
    flex: 1 1 25%;
    box-sizing: border-box;
    height: 450px ;
    width: 200px;
    padding: 10px;
    border: 1px dashed rgba(250, 0, 0, 0);
   /* background-color: rgb(253, 243, 243); */
    background-image: linear-gradient( -145deg, rgba(36, 43, 29, 0.87), rgba(24, 27, 18, 0.301), rgba(16, 19, 13, 0.411));
    clip-path: inset(-10px -10px -10px -10px);
    border-radius: 10px;
    margin-bottom: 0px;
    background-size: 200% 100%;
    background-position: 0% 0%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.555);
    cursor: pointer;
    z-index: 4;
}

#promotie-item {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(10, 10, 10, 0)) !important; 
    outline: 1px solid rgba(12, 11, 10, 0.027) !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.171) !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#promotie-item:hover {
    background-image: linear-gradient(145deg , rgba(255, 255, 255, 0) , rgba(252, 252, 252, 0.13) , rgba(255, 255, 255, 0));
    background-size: 200% 100%;
    background-position: 100% 0%;
    
    /*border: 1px dashed rgba(255, 67, 67, 0.829);*/
}

.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(13, 15, 10, 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;
     background-size: 200% 100%;
    background-position: 100% 0%;
}

.item:hover .detali .pret {
    box-shadow: 0px 0px 5px rgb(80, 97, 62);
    background-image: linear-gradient( 150deg, rgb(72, 82, 63),  rgb(81, 99, 66), rgb(110, 133, 78));
    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 .desc {
    transition: 0.25s ease;
    color: white;
    text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.781);
}

.item:hover .item_img_wraper {
    background-color: rgb(29, 24, 20);
    background-image: repeating-linear-gradient(
    to right,
    rgba(19, 15, 13, 0.63) 0px,
    rgba(19, 15, 13, 0.63) 10px,
    transparent 2px,
    transparent 25px
    );
    transition: 0.5s ease;
}

.item_img_wraper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 90%;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    
    background-color: rgb(39, 35, 29);
    background-image: repeating-linear-gradient(
    to right,
    rgba(29, 24, 20, 0.63) 0px,
    rgba(29, 24, 20, 0.63) 10px,
    transparent 2px,
    transparent 25px
    );
    
    border: 1px dashed rgba(112, 103, 89, 0.199);
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.493);
    z-index: 1;
}

.item img {
    height: 400px;
    width: 400px;
    background-color: rgba(255, 255, 255, 0.836);
    border-radius: 50%;
    padding: 4px;
    border: 5px dashed rgba(255, 255, 255, 0.719);
    z-index: 100;
    display: block;
    transition: background-color 0.25s ease-out, box-shadow 0.25s ease-out;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#suc_img {
    
    border-radius: 10px;
    background-color: rgba(15, 15, 15, 0.897);
    background-color: rgba(255, 255, 255, 0.87);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
}

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

.item img:hover {
    background-color: rgb(255, 255, 255);   
}

.item #party_img,
.item #Pui_Porc_img,
.item #Sos_img {
    box-shadow: 0px 0px 5px wheat;
}

.item:hover #pizzamare_img {
    animation: rotate 6s linear infinite , glowing2 3s linear infinite;
    transition: 0.25s ease-out !important;
}

.item:hover #Promotie_img {
 /*   animation: rotate 25s linear infinite , glowing2 3s linear infinite;
    animation-duration: 20s; */
    transition: 0.25s ease-out !important;
}

.item:hover #suc_img {
    box-shadow: 0px 0px 5px wheat;
    transition: 0.25s ease-out !important;
}

@keyframes glowing2 {
    0% {
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    }
    50% {
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.596);
    }
    100% {
        box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    }
}


#party_img ,#Pui_Porc_img, #Sos_img {
    border-radius: 10px;
}

#party img , #pui img, #sauce img {
    width: 500px !important;
}

#promotii img {
    height: 400px;
    width: 400px;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
   /* background-color: rgb(196, 152, 77);
   background-image: repeating-linear-gradient(
    to right,
    rgba(19, 16, 14, 0.63) 0px,
    rgba(19, 16, 14, 0.63) 10px,
    transparent 2px,
    transparent 25px
    );*/
    background-color: rgba(255, 255, 255, 0.747);
    border-radius: 50%;
    background-image: repeating-linear-gradient(
    to right,
    rgba(19, 16, 14, 0) 0px,
    rgba(19, 16, 14, 0) 10px,
    transparent 2px,
    transparent 25px
    );
    border: none;
    box-shadow: none;
}

.warning_wraper {
    position: fixed;
    z-index: 1001;
}

.warning {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    transform: translate(-25%, 300%) rotate(-45deg);
    transform-origin: 0 0; /* Change this to top-left origin */
    width: 250px;
    height: 40px;
    z-index: 4;
    box-shadow: -10px 2px 10px rgba(0, 0, 0, 0.26) !important;
    color: white;
    text-shadow: 0px 0px 5px;
    font-size: 30px;
    font-family: AmaticSC;
    z-index: 1001;
}

#warning_icon {
    height: 50px;
    width: 50px;
    background-color: rgba(240, 248, 255, 0);
    opacity: 0.9;
    border: 3px dashed rgba(255, 255, 255, 0.548); 
}

#promotie_warning {
    /*background-image: linear-gradient(110deg, rgb(255, 240, 195), rgb(255, 224, 130) 70%, rgb(255, 220, 117));*/
    background-image: linear-gradient(110deg, rgb(141, 7, 7), rgb(255, 46, 46) 70%, rgb(255, 117, 117));
    border: 2px dashed rgba(68, 2, 2, 0.356);
    color: white;
    font-size: 25px !important;
}

#bautura_warning {
    /*background-image: linear-gradient(110deg, rgb(255, 240, 195), rgb(255, 224, 130) 70%, rgb(255, 220, 117));*/
    background-image: linear-gradient(110deg, rgb(141, 7, 7), rgb(255, 46, 46) 70%, rgb(255, 117, 117));
    border: 2px dashed rgba(68, 2, 2, 0.356);
    color: white;
    font-size: 30px !important;
}

#vegan_warning {
    background-image: linear-gradient( -135deg, rgb(125, 153, 74), rgba(169, 207, 118, 0.87), rgb(102, 126, 60)); 
    border: 2px dashed rgba(255, 255, 255, 0.466);
}

#iute_warning {
    background-image: linear-gradient(110deg, rgb(141, 34, 7), rgb(255, 88, 46) 70%, rgb(255, 138, 117));
    border: 2px dashed rgba(68, 10, 2, 0.562);
}

#iute_warning p {

    z-index: 100;
}

.promotie_wraper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 0;
}

.promotie_wraper p{
    font-size: 60px;
    font-weight: 800;
    color: rgba(114, 84, 0, 0.26);
}

/*.promotie_wraper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
  z-index: 1;
}*/

#Promotie_img {
    width: 350px !important;
    height: 350px !important;
    padding: 0px;
    background-color: rgba(255, 255, 255, 0.836);
    border: 5px dashed rgba(255, 255, 255, 0.719) !important;
    animation: rotate 25s linear infinite , glowing2 3s linear infinite;
    animation-duration: 25s;
}

#Promotie_img2 {
    position: absolute;
    top: 0;
    right: 0;
    width: auto !important;
    height: 80px !important;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0) !important;
    border-radius: 0 !important;
    opacity: 1;
}

.detali {
    position: relative;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: space-between !important;
    background-image: linear-gradient( to left, rgba(61, 70, 53, 0.253),  rgba(49, 56, 42, 0.103), rgba(30, 36, 24, 0.219));
    border-bottom: 1px solid rgba(255, 255, 255, 0.062);
    width: 100%;
}

#promotie_detalii {
    background-image: linear-gradient( to left, rgba(58, 58, 44, 0.11),  rgba(66, 65, 50, 0.103), rgba(90, 87, 60, 0.116)) !important;
}

.descriere {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 12% !important;
    top: 15px;
    border-radius: 10px;
    padding: 5px;
    
}

.gramaj {
    position: relative;
    display: flex;
    align-self: start;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.856);
    font-family: Kalam;
     background-image: linear-gradient( -150deg, rgb(75, 82, 63),  rgba(189, 204, 177, 0.863), rgba(220, 240, 193, 0.822));
     background-clip: text;
}

.descriere .desc {
    font-family: AmaticSC;
    font-weight: 100;
    font-size: 30px;
    /*color:rgb(22, 73, 0); */
    color:rgba(255, 255, 255, 0.925);
    text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.356);
    background-clip: text;
}

.detali .nume {
    font-family: Cinzel;
    font-weight: 500;
    font-size: 25px;
    /*color:rgb(22, 73, 0); */
    color:rgb(255, 255, 255);
     text-shadow: 0px 0px 5px rgba(253, 253, 253, 0.945); /*0.63*/
    border-radius: 5px;
    padding: 2.5px;
}

.detali .pret {
    font-family: Lobster;
    font-weight: 100;
    font-size: 10px;
    color: rgb(255, 255, 255);
    background-image: linear-gradient( 150deg, rgb(60, 66, 51),  rgb(86, 99, 75), rgb(114, 134, 86));
    /*background: linear-gradient( 150deg, rgb(32, 36, 28),  rgb(81, 99, 66), rgb(110, 133, 78));*/
    border-radius: 5px;
    padding: 2.5px;
    text-shadow: 
        -2px -2px 0 rgba(43, 53, 30, 0.562),
         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);
    transition: 0.5s ease, background-position 1s ease, text-shadow 1s ease;
    background-size: 200% 100%;
    background-position: 0% 0%;
}

.menu-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    background-color: rgb(0, 0, 0);
}

.title {
    position: relative;
    transform: translateY(-50%);
    height: auto;
    top: 0;
    width: auto;
}

.title h1 {
    color: white;
}

#footer {
    height: 350px;
    padding: 20px;
    background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(0, 0, 0));
    border-top: 1px dashed rgba(255, 255, 255, 0.466);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 75px;
}

.footer-info {
    position: relative;
    display: flex;
    width: auto;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
}


.footer-info h1{
    color: rgb(255, 255, 255);
    font-size: 30px;
    background-color: rgba(108, 119, 98, 0.438);
    width: fit-content;
}

.footer-info p {
    color: rgb(109, 119, 101);
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    font-style: italic;
}

.footer-info a {
    color: rgb(109, 119, 101);
    font-size: 18px;
    text-decoration: none;
    font-weight: 100;
    font-style: italic;
}

.footer-info b {
    font-weight: 600;
    color: rgb(162, 177, 151);
}

.footer-info img {
    height: 40px;
}

.atributiuni {
    position: relative;
    flex-direction: row;
}