ri.inactive_link{display:block;cursor:pointer;}
#tableId li{list-style:none;}
.pizzeria_action ul{margin-left:25px;}
.active_link{font-weight:bold;cursor:pointer;}
.main_type_fooddrink{background-color:#109347;color:#111111;padding:5px;}
.fooddrink_name{color:#111111;font-weight:bold;margin-bottom:5px;}
.food_description{color:#111111;}
#tableId li{paridding:5px;border-bottom:1px dotted #aaaaaa;}
#food_dring_size{float:left;margin-left:5px;}
#food_dring_size a{text-align:center;width:50px;border:1px solid #aaaaaa;padding:3px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:block;color:#111111;}
#food_dring_size a:hover{border:1px solid #aaaaaa;background-color:#ffffff;color:#109347;}
table, tr, th, td, #li_td td{vertical-align:top;}
#pizzeria_phone_number, #pizzeria_cheque{text-align: left;}
#pizzeria_cheque div{margin-bottom:5px;font-weight:bold;}
#content_right{float:left;width:22%;margin-left:1%;}
#poput_main{background-color:#b52025;border:1px solid #aaaaaa;position:fixed;z-index:10000;top:50px;left:50%;margin-left:-45%;width:90%;height:70%;}
#popup_content{width:100%;height:94%;background:transparent !important;}
#header_menu input{height:35px;}
td{font-size:12px;}
#tableId li{margin-bottom:7px;}
#container_page{width:100%;padding:0;}


.fdr_name_img{width:60%;margin-right:1%;float:left;}
#food_params{width:auto;float:right;}


#left_column{
	/* display: none; */
	margin: 0px 0px 0px 200px; 
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
	/* float: left; */
	float: none;
	clear: both;	
	/* width: 100%; */
	position: sticky;
	top: 80px;
	z-index: 1;
	width: 100%;
}
#center_column{
	float:left;
	width: 65%;
}
#right_column{
	float:left;
	width: 30%;
}

.fdtype { 
	/* text-align: left;
	background-color:#109347;
	width: 80%;
	margin: 5px;
	padding: 5px; */
	  /* Méretezés */
	  flex: 0 0 100px;                /* Fix szélesség: nem zsugorodik (0), nem nő (0) */
	  aspect-ratio: 3 / 1;            /* Tökéletes négyzet alak (szélesség = magasság) */
	  
	  /* Pozicionálás a görgetéshez */
	  scroll-snap-align: center;      /* Görgetéskor középre ugrik a box */
	  
	  /* Formázás (tetszés szerint módosítható) */
	  background-color: #f0f0f0;
	  border-radius: 12px;
	  display: flex;
	  align-items: center;            /* Tartalom középre (függőleges) */
	  justify-content: center;       /* Tartalom középre (vízszintes) */
	  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	  text-align: center;	
}
.fdtype a{ 
	color: #333;
	font-weight: 900;
	font-style: italic;
	font-size: 16px;
}
.leftsidetype { 
	color: #ffffff;
}

#kezdo_igen-etlap_fent_kozep_nem{
	display: none;
}

@media only screen and (max-width: 767px){
	
	.fdr_name_img{width:100%;}
	#food_params{width:auto;margin-top:3px;float:right;}
	#food_params a{display:block;}
	#container_left .fdtype{float:left;margin-right:1%;}
	.pizzeria_action{height:auto;overflow:none;}

	#left_column{
		/* display: none; */
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px; 
		background-color:#ffffff;
	}
	#center_column{
		width: 100%;
	}
	#kezdo_igen-etlap_fent_kozep_nem{
		display: block;
	}
}


#all_pizzerias {
	display: none;
}
#all_pizzerias a {
  width: calc(46% - 10px);
  max-width: inherit;
  line-height: 30px;
  border-radius: 15px;
  /* image: linear-gradient(to bottom right, orange, green); */
  color: #fff;
  margin: 0.4rem;
  display: inline-table;
  border-radius: 10px;
  box-shadow: 0px 1px 3px #666666;
  color: #c25f0c;
  font-size: 14px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  line-height: 38px;
  padding: 4px 1% 4px 1%;
}

#all_pizzerias .active{
	background-color: green;
	color: #fff;
}
#all_pizzerias .inactive{
	background-color: orange;
	color: #fff;
}

.price{
	font-size: 20px;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	/* color: blue; */
}

.food_type_name_center{
	color: #333;
}

.food_type_name_center h1{
	font-weight: 900;
}


#fooddrtype{
	  display: flex;                  /* Elemek egymás mellé rendezése */
	  flex-direction: row;            /* Kényszerített vízszintes irány */
	  overflow-x: auto;               /* Vízszintes görgetés engedélyezése */
	  overflow-y: hidden;             /* Függőleges görgetés tiltása */
	  gap: 16px;                      /* Távolság a boxok között */
	  padding: 20px;                  /* Belső margó, hogy ne vágja le az árnyékokat */
	  
	  /* Modern görgetési élmény */
	  scroll-snap-type: x mandatory;   /* "Mágneses" görgetés */
	  -webkit-overflow-scrolling: touch; /* Sima görgetés iOS eszközökön */
	  scroll-behavior: smooth;        /* Sima görgetés */
}

#tableId li{
	background-color: white;
}

#prevBtn {
	position: absolute;
	left: 1%;
	top: 50%;
	opacity: 0.5;
}
#nextBtn {
	position: absolute;
	right: 1%;
	top: 50%;
	opacity: 0.5;
}