/*
 Theme Name: GeneratePress Child
 Theme URI: https://generatepress.com
 Description: Child theme for GeneratePress
 Author: Your Name
 Author URI: https://yourwebsite.com
 Template: generatepress
 Version: 1.0
*/
body{    
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #ffffff;
}
p{
	font-size:13px;
}
/* Add your custom CSS below this line */
#footer-widgets {
  background-color: #62aa33;
  color: #ffffff;
}
.hotel, .inside-article ul{
    list-style-type:none;
}

.price-image-link{
text-align:center;	
}
.hotel img {
    width: 313px;
}
.hotel-link{
	text-align:center!important;
}

.hotel-link a {
    color: #c57200;
    text-decoration: none;
	
}
.footer-widgets-container {
    padding-top: 0px;
}

.footer-widget-1, .footer-widget-2, .footer-widget-3{
	padding-left: 0px;
	font-weight:bold;
}
.footer-widget-1{
	border-left:1px solid white;
	border-bottom:0px;
}
.footer-widget-2{
	/*background-color: #35291f !important;*/
	border:0px solid white;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:0px;
}
.footer-widget-3{
	border-right:1px solid white;
	border-bottom:0px;
}
.site-footer .footer-widgets-container .inner-padding {
     padding: 0 0 0 0px; 
}
.footer-widgets-container {
	text-align:center;
	padding:0px;
	padding-left:40px;
}

.footer-widgets .widget {
    margin-bottom: 10px;
}

/* Alap beállítás minden customhead-nek */
.customhead {
  line-height: 53px;
  background-color: #35291f !important;
  border: none;
}

/* Csak a középső (footer-widget-2) oszlop customhead-jének adjuk a kétoldali bordert */
.footer-widget-2 .customhead {
/*  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  */
}

/* Lábléc alapstílus */
#footer-widgets {
  position: relative;
  background-color: #62aa33; /* marad zöld */
  color: #ffffff;
  overflow: hidden; /* fontos, hogy a pseudo elem ne lógjon ki */
  z-index: 0; /* ez a kulcs: a zöld háttér mögé kerül */
}

/* Barna háttérsáv a zöld mögött */
#footer-widgets::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 53px;
  /*background-color: #35291f;*/
  z-index: -1; /* ez a kulcs: a zöld háttér mögé kerül */
}
/* Alapállapot - ha szeretnél, beállíthatsz ide egy alap háttérszínt is */
.menu li {
	line-height:30px;
	z-index:0!important;
	transition: background-color 0.3s ease; /* szép átmenet */
	/*border-right: 1px solid #e4e4e4;*/
}
.menu li a {
    color: white;
	text-decoration:none;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	
}

/* Amikor az egér a link fölött van → a szülő <li> háttere barnára vált */
.menu li:hover {
  background-color: #ffffff!important; /* barna */
 /* background-color: #6a6767; /* barna */
  
  

  /*  color: white;
    transition: color 0.4s ease; /* 0.4 másodperc alatt, lágyan vált */

}

/* A link színe maradjon olvasható a barna háttéren */
.menu li:hover a {
  color: #ffffff; /* opcionális: fehér szöveg hoverkor */
  background-color: #ffffff!important; /* barna */
}
.inside-footer-widgets .menu li:hover a {
	background-color: #35291f!important; /* barna */
	
}
.inside-footer-widgets .menu li:hover {
	background-color: #35291f!important; /* barna */
}


.footer-widgets .widget:last-child, .sidebar .widget:last-child {
    margin-bottom: 10px;;
}

.site-info{
	height: 53px;
	background-color: #62aa33; /* marad zöld */
	border-top:1px solid white;
	color:white;
}

.custom-top-bar {
  width: 100%;
  background-color: #35291f; /* barna háttér */
  color: #ffffff;
  text-align: center;
  padding: 10px 0;
}

/* Tartalom szélessége egyezzen az oldaléval */
.custom-top-bar .grid-container {
  max-width: var(--gp-container-width, 1100px); /* GeneratePress dinamikus változó */
  margin: 0 auto;
  padding: 0 20px;
}

.widget_polylang ul li{
	float:left;
	margin-right:10px;
}

/* Polylang zászlók nagyítása */
.widget_polylang ul li img,
.menu-item-language img,
.lang-item img,
.pll-parent-menu-item img {
  width: 34px !important;   /* eredeti 16px helyett */
  height: auto !important;  /* arányosan növekszik */
  image-rendering: auto;    /* éles, nem pixeles */
  vertical-align: middle;   /* szebb sorban igazítás */
  margin-right: 5px;        /* kis térköz a szöveg előtt */
}

/* Opcionális: hover-effektus */
.widget_polylang ul li:hover img {
  transform: scale(1.1);
  transition: transform 0.2s ease-in-out;
}
/*menüsor és a kiemelt kép között ne legyen térköz*/
.separate-containers .featured-image {
     margin-top: -60px; 
	 position:relative;
	 z-index:-10;
}

/*
| Szín neve    | Átlátszóság                                | Kód |
| ------------ | ------------------------------------------ | --- |
| Fekete, 50%  | `background-color: rgba(0,0,0,0.5);`       |     |
| Fehér, 80%   | `background-color: rgba(255,255,255,0.8);` |     |
| Kék, 30%     | `background-color: rgba(0,0,255,0.3);`     |     |
| Modern forma | `background-color: rgb(0 0 255 / 30%);`    |     |
*/
.site-header{
	background-color: rgba(255,255,255,0.5);
}
.inside-navigation{
	background-color: rgba(255,255,255,0.0);
}
#primary-menu{
	background-color: rgba(255,255,255,0.0);
}
#menu-angol-top-menu{
	background-color: rgba(255,255,255,0.0);
}
.menu{
	background-color: rgba(255,255,255,0.0);
}
.main-navigation, .main-navigation ul ul {
    background-color: rgba(255,255,255,0.0);
}


/*menüsor padding 0 */
.inside-header {
    padding: 0px 10px;
	background: &#035;ffffff;
/*   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;*/
}
/* felső sor amiben a nyelvválasztó is van*/
.top-bar h2{
	margin-bottom:0px;
}

.inside-top-bar {
    padding: 0px 0px 0px 0px;
	
	color:black;
}

.inside-top-bar a{
	color: #004466;
	text-decoration:none;
	font-size:30px;
}
.inside-top-bar a:hover{
	color: #08c;
}
.menu{
	position:relative;
	z-index:0!important;
	opacity: 1;
}
.main-nav{
	position:relative;
	z-index:0!important;
}

.above-menu-area {
    background-color: #ffffff;
    text-align: center;
    padding: 0px 0;
    border-bottom: 0px solid #ddd;
    font-size: 14px;
	text-align:left;
}
.above-menu-area h2.wp-block-heading{
	/*margin-bottom:0px!important;*/
}

.above-menu-area h2.wp-block-heading a{
	color: #004466;
	text-decoration:none;
	font-size:30px;
}
.above-menu-area .wp-block-columns{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}
/* a képek feletti nyitvatartás stílusa */

/*A főkép terület overlay blokkja*/

.nyitvatartas-overlay {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 20;
    pointer-events: none; / * ne zavarja a képet * /
    max-width: 460px;
    width: 460px;
	
    max-height: 225px;
    left: 35%;
	top: 25px;
    font-weight: bold;
} 
/* A belső doboz háttérképpel */
.nyitvatartas-overlay .well {

	background: url('https://ingatlanlesen.hu/wp-content/uploads/2025/11/nyitvatartas.jpg') left center / cover no-repeat;
	width: 460px;
    padding: 20px 20px;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.24);
    display: inline-block;
    pointer-events: auto;
    color: #fff; /* fehér szöveg a kép miatt */
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
.nyitvatartas-overlay .well::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.1);
    border-radius: 10px;
    z-index: 0;
}

.nyitvatartas-overlay .well > * {
    position: relative;
    z-index: 1;
}





.title {
    position: absolute;
    left: 10px;
    top: -15px;
    font-size: 32px;
}
.mon {
    position: absolute;
    left: 85px;
    top: -10px;
    font-size: 15px;
}
.tues {
    position: absolute;
    left: 105px;
    top: -10px;
    font-size: 15px;
}
.comment {
    position: absolute;
    left: 105px;
    top: -10px;
    font-size: 16px;
}
.tel {
    position: absolute;
    left: 220px;
    top: 4px;
    font-size: 16px;
}
.mobil {
    position: absolute;
    left: 220px;
    top: 8px;
    font-size: 16px;
}
.free{
	color: #729700!important;
	font-weight:bold;
}
/* a tartalom túl messze van a főkép aljától */
/*
.separate-containers .site-main {
	
    margin: 0px 20px 20px 20px; 
}
*/
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding: 10px 40px 40px 40px; 
}

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0em;
}
/* a tartalom túl messze van a főkép aljától VÉGE */

/* Ha a GeneratePress header image-nek nincs relatív pozíciója, adjuk meg: */
.page-header,
.featured-image {
    position: relative;
}


/* Szövegek */
.nyitvatartas{
	position:relative;
	z-index: 10;
	left:-110px;
	top:-165px;
}
.nyitvatartas-overlay .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}

.nyitvatartas-overlay .mon,
.nyitvatartas-overlay .tues,
.nyitvatartas-overlay .comment {
    margin-bottom: 4px;
    font-size: 15px;
}

.nyitvatartas-overlay .tel,
.nyitvatartas-overlay .mobil {
    font-weight: bold;
    font-size: 16px;
}

/* a képek feletti nyitvatartás stílus VÉGE */

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #c57200;
    font-weight: bold;
}
/* az oldalak stílusa */
h1.wp-block-heading {
    color: #c57200;
    font-size: 28px;
    text-align: center;
}
h2.wp-block-heading {
    color: #c57200;
    font-size: 24px;
    /*text-align: center;*/
    margin-bottom: 20px;
    /*margin-top: 30px;*/
}
.inside-article p{
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    background-color: #fff;
	text-align:justify;
	padding-bottom:10px;
}
/* az oldalak stílusa VÉGE */

/* Mobil nézetben (768px alatt)  */
@media (max-width: 768px) {
	#footer-widgets::before {
		display: none;
	}
	.nyitvatartas{
		display: none;
	}
	.nyitvatartas-overlay{
		display: none;
	}
	/*csak alsó border  legyen mindegyiken*/
	.customhead {
		border-bottom: 1px solid #ccc;
	}
  .footer-widgets-container {
		text-align:center;
		padding:0px;
	}
	.footer-widget-2 {
		padding-bottom: 10px;
	}
	.above-menu-area h2.wp-block-heading{
		background-color: #cad9c3!important;
		padding-left:10px;
	}
	.above-menu-area input[type="search"]{
	    border: 1px solid;
		border-radius: 0;
		padding: 10px 15px;
		max-width: 100%;
		border-color: #cad9c3;
	}
	.separate-containers .featured-image {
		 margin-top: 0px; 
	}	

	.inside-footer-widgets>div:not(:last-child) {
		margin-bottom: 0px;
	}
	.site-info {
		font-size: 12px;
	}
	.inside-site-info { /* mobilnézetben a copyright padding javítása*/
		padding: 15px 0px!important;
	}	
}
/* fejlécmenü magassága */
.site-header{
	min-height:50px;
}
.menu{
	min-height:50px!important;
}

.copyright {
    /* border-top: 1px solid white !important; */
    text-align: center;
    color: white;
    padding-top: 10px;
}
.inside-site-info {
    padding: 15px 40px;
	
}
.site-info{
	height: 53px;
	background-color: #62aa33; /* marad zöld */
	border-top:1px solid white;
	color:white;
}
.aranylink{
	text-align: center!important;
}
.aranylink a{
    color: #c57200;
    text-decoration: none;
}
.szurke a {
		color: #464646;
    text-decoration: underline;
}
.hotel {
    list-style: none;
    margin: 0 0 9px 0;
	font-size: 13px;
}
.entry-title{
	font-size:26px;
	margin-bottom: 40px;
	color: #c57200;
}

.main-navigation .main-nav ul li a{line-height:40px!important}
.has-text-align-right{text-align:right!important;  color: #AAAAAA!important;    font-style: italic;}



/* konténer */
.reviews {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* kártya */
.review-card {
  display: flex;
  gap: 20px;
  padding: 20px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  align-items: flex-start;
}

/* avatar */
.review-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

/* jobb oldal */
.review-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* név */
.review-name {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}

/* szöveg */
.review-text {
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}

/* dátum */
.review-date {
  font-size: 12px;
  color: #999;
  margin-top: 6px;
}

/* mobil */
@media (max-width: 600px) {
  .review-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .review-avatar {
    margin-bottom: 10px;
  }
}