#chat-container,#chat-window{background-color:var(--gp-surface);box-shadow:0 0 10px rgba(0,0,0,.1)}.sorrend{position:absolute;text-align:center}.dropdown,.dropdown2,.dropdown3{width:220px;display:inline-block;background-color:var(--gp-surface);border-radius:2px;box-shadow:0 0 2px var(--gp-line);transition:.5s;position:relative;font-size:14px;color:var(--gp-ink);height:100%;text-align:left}.csoportok,.keptipus,.ratediv{position:absolute}#chat-button,#modalHeader,.close,.csoportok,.keptipus{text-align:center}.dropdown .select,.dropdown2 .select,.dropdown3 .select{cursor:pointer;display:block;padding:10px;border:1px solid var(--gp-line);}.dropdown .select>i,.dropdown2 .select>i,.dropdown3 .select>i{font-size:13px;color:var(--gp-muted);cursor:pointer;transition:.3s ease-in-out;float:right;line-height:20px}.dropdown2:hover,.dropdown3:hover,.dropdown:hover{box-shadow:0 0 4px var(--gp-line)}.dropdown2:active,.dropdown3:active,.dropdown:active{background-color:var(--gp-soft)},.dropdown.active,.dropdown.active:hover,.dropdown2.active,.dropdown2.active:hover,.dropdown3.active,.dropdown3.active:hover{box-shadow:0 0 4px var(--gp-line);border-radius:2px 2px 0 0;background-color:var(--gp-soft)}.dropdown.active .select>i,.dropdown2.active .select>i,.dropdown3.active .select>i{transform:rotate(-90deg)}.dropdown-menu,.dropdown-menu2,.dropdown-menu3{position:absolute;background-color:var(--gp-action);width:100%;left:0;margin-top:1px;box-shadow:5px 5px 6px rgb(11 11 11 / 68%);border-radius:0 1px 2px 2px;overflow:hidden;display:none;overflow-y:auto;z-index:9;padding:0;list-style:none}.ratediv,th{background:var(--gp-surface)}.dropdown-menu li,.dropdown-menu2 li,.dropdown-menu3 li{padding:5px 10px 5px 10px;transition:.2s ease-in-out;cursor:pointer}.dropdown-menu li:hover,.dropdown-menu2 li:hover,.dropdown-menu3 li:hover{background-color:var(--gp-soft)}.dropdown-menu li:active,.dropdown-menu2 li:active,.dropdown-menu3 li:active{background-color:#e2e2e2}.ratediv{width:100%;margin-top:-1px;padding-left:10px}.keptipus{margin-left:230px}.csoportok{margin-left:460px}.sticky td{padding:2px}mark{background:#efe8be;color:#000}.fej td{font-weight:700!important}th{position:sticky;top:83px}th[data-sort]{cursor:pointer}.in{overflow:hidden;position:relative}.modal,.modal_fal{position:fixed;display:none}.modal_fal{width:100%;height:100%;background:#101210b3;z-index:10001}.modal{background:var(--gp-surface);box-shadow:4px 5px 11px 0 #000;width:500px;height:700px;z-index:10002;left:0;right:0;top:30px;margin-left:auto;margin-right:auto}.modal_header{width:100%;padding:10px 25px 20px;background:var(--gp-action)}.modal_header h4{position:relative;top:5px;width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2em; color:white}.modal_content{height:92%;width:100%;overflow-x:hidden;overflow-y:auto;position:relative;max-height: 100%;background: var(--gp-soft);}.egygombanev,.egygombanev h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close{float:right;font-size:60px;font-weight:700;line-height:.6;color:#fff;box-shadow:none;opacity:.9;padding:0;border:0;margin:-5px -20px 0 0;background:0 0;text-shadow:unset;transition:.8s;cursor:pointer;width:40px;height:40px;font-family: 'Font Awesome 6 Brands';}.close:hover{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms--transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;-ms-transition:.8s;transition:.8s}.gombatolto{display:block;margin-left:auto;margin-right:auto;width:170px;margin-top:100px}ul[role=tablist]{position:sticky;top:0;width:100%;z-index:20}.glapimage{width:493px;margin:-2px auto 0;opacity:1;transition:.8s}.gombaleiras{z-index:500;position:relative;margin-top:350px;padding-left:2px!important;background:rgba(255,255,255,.8);backdrop-filter:blur(5px);border-top:0px solid #fbfbfb;}.gombaleiras p{margin:0 0 1em;text-align:justify;hyphens:auto}.gombaleiras b{color:var(--gp-action)}.linfo{padding:15px}.kepgaleria{position:absolute;z-index:100;margin-top:2px;width:492px}.egygomba{border:1px solid var(--gp-sage);width:19.1%;float:left;margin-right:10px;margin-bottom:10px;cursor:pointer;display:block;position:relative;font-size:1em;min-height:280px;     background: var(--gp-surface);}.spore,.stampimage{border:1px solid var(--gp-sage);padding:4px;background:var(--gp-surface)}#chat-header,.search-container{display:flex}.ikon,.miniatur{position:absolute}.egygombaimg amp-img:not(.ikon),.egygombaimg img:not(.ikon){width:100%}.miniatur{width:50px;display:contents;z-index:10006;top:6px;cursor:pointer;opacity:.6;transition:opacity .8s}.miniatur:hover{opacity:1}.miniatur amp-img,.miniatur img{width:60px!important;height:50px;border:3px solid #a4a4a4}.active_img{opacity:1!important;scale:1.1}.active_img amp-img,.active_img img{border:3px solid var(--gp-surface) !important}.spore{float:left;margin:6px 10px 10px;width:114px}.stampimage{width:130px;margin:6px;transition:1s}.srow{margin:0 auto;width:100%;height:300px!important}.egygombanev{margin-left:10px;color:var(--gp-ink)}.search{white-space:nowrap;margin-left:20px}.miben_keres{width: 176px;
    margin-right: 20px;}.hidden{visibility:0;opacity:0;margin:0;padding:0}.ikon{width:10%;margin:5px;right:0}.ikon2{right:calc(10%)}.talalat{color:var(--gp-action)}.tooltip,.tooltip2{display:none;position:absolute;padding:10px;color:var(--gp-action);background-color:#514848;border:1px solid var(--gp-muted);box-shadow:0 1px 3px 1px rgb(0 0 0 / 50%);border-radius:3px;width:auto;margin-right:200px;z-index:100010;white-space:nowrap}.bot-message,.user-message{color:var(--gp-ink);max-width:90%;text-align:left;word-wrap:break-word;clear:both}.haslist{margin-left:10px;hyphens:auto;display:inline-block}.secstart{margin-top:5px}@media screen and (max-width:1610px){.egygomba{width:24%}}@media screen and (max-width:1390px){.egygomba{width:31%}.miben_keres{width:20%}}@media screen and (max-width:800px){.egygomba{width:48%}.search{position:absolute;margin-left:-60px;top:60px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px)}.keptipus,.sorrend{top:1px;z-index:1000;position:fixed}input:not(type=image){background:var(--gp-surface)}.miben_keres{width:93%}#query{width:98%}.dropdown3{display:none}.sorrend{right:250px}.keptipus{right:10px}}@media screen and (max-width:755px){.search{width:100%}#query{width:360px}.miben_keres{width:15%}.sorrend{right:135px; }.dropdown,.dropdown2{width:120px;font-size:1.1em}.dropdown3{display:none}.secstart{margin-top:130px!important}.naptarsec,.startlista{        margin-top: 158px !important; padding: 0px !important;}}#modal input[type=checkbox],.arrow{display:inline-block;cursor:pointer}@media screen and (max-width:565px){#query,.egygomba{width:360px}.egygombanev h4,.gombaleiras b,.gombaleiras p,.gombaleiras strong,.gombaleiras td,.haslist,.linfo h4,.modal_header h4{font-size:1.4em}#query{font-size:1.2em}.miben_keres{width:10%}input[type=button],input[type=reset],input[type=submit]{width:150px;padding:5px;line-height:unset;height:auto;border:1px solid var(--gp-sage);box-shadow:unset;margin-top:2px;margin-bottom:2px}input,select{font-size:.7em}#header .hideol{display:none}}#modal{display:none;position:fixed;z-index:1000;background-color:var(--gp-surface);border:1px solid var(--gp-muted);box-shadow:0 0 10px rgba(0,0,0,.5)}#modalHeader{padding:10px;background-color:var(--gp-action);color:#fff;cursor:move}#modalHeader h3{color:#fff}#modalContent{padding:11px;height:600px;overflow:auto;width:575px}#closeModal{margin-right:5px}#closeModal:focus,#closeModal:hover{color:#000;text-decoration:none;cursor:pointer}#modal label{margin:10px;font-size:1.1em}#modal table{margin:0}#modal #freechars,#modal select{width:100%;background:var(--gp-surface);color:#000!important;font-size:1.2em}#modal input[type=checkbox]{all:unset;-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox;width:initial;height:initial;margin:0;padding:0;border:1px solid var(--gp-line)}.arrow{margin-left:10px;margin-right:10px}.arrow.open::before{content:'▼'}.arrow.closed::before{content:'►'}.toggle-all{margin-left:-7px;cursor:pointer;float:left;margin-top:-7px}#chat-container{visibility:hidden;position:fixed;bottom:0;right:2px;width:400px;max-height:800px;border-radius:8px 8px 0 0;overflow:hidden;display:flex;flex-direction:column;transition:max-height .3s;z-index:10000;border:2px solid var(--gp-surface)}#chat-button{background-color:var(--gp-action);color:#fff;padding:10px;cursor:pointer;}#chat-window{border:1px solid var(--gp-line)}.chat-message,.user-message{border-radius:10px;padding:10px}#chat-header{background-color:#007bff;color:#fff;padding:10px;justify-content:space-between;align-items:center}#chat-body{height:600px;overflow-y:scroll;padding:10px;background:var(--gp-soft)}#chat-messages{list-style:none;padding:0}.chat-message{margin-bottom:4px;display:block;font-size:1em}.user-message{background:var(--gp-surface);border:1px solid var(--gp-line);float:right}.bot-message{background-color:#f5ffe8;padding:10px;border-radius:10px;border:1px solid var(--gp-line);float:left}.chatimg,.image-container.single .chatimg{max-width:80%}.chat-message b{display:inline}#chat-footer,#loader,.chat-message strong{display:flex;align-items: baseline;justify-content: space-between;}.chat-message strong{color:#b27214;border-bottom:1px solid var(--gp-sage);font-size:1.2em}#chat-footer input[type=text]{flex:1;padding:10px;border:1px solid var(--gp-line);border-radius:4px;margin-right:10px;background:var(--gp-action);font-size:1.2em}#chat-footer button{padding:10px;background-color:var(--gp-action);color:#fff;border:none;cursor:pointer;line-height:0;box-shadow:unset;font-size:1em}#chat-footer button:hover{background-color:var(--gp-soft)}#chat-input::placeholder{color:var(--gp-line)!important;opacity:1}#chat-footer{padding:10px;border-top:1px solid var(--gp-line);align-items:center}#file-input::file-selector-button{display:none}.file-attach-icon{cursor:pointer;width:40px;height:40px;vertical-align:middle;margin-right:10px;margin-top:10px}.chatmr{float:left;width:40px;position:absolute;left:3px;z-index:10000;top:3px;border-radius:50%}#loader{justify-content:center;align-items:center;margin:10px 0;clear:both}#autocomplete-list{list-style:none;padding:0;margin:0;border:1px solid var(--gp-line);max-height:300px;overflow-y:auto;position:absolute;bottom:100px;background:var(--gp-surface);width:93%;border-radius:10px;box-shadow:3px 5px 13px 2px #000;display:none}#autocomplete-list li{padding:5px;cursor:pointer;font-size:.9em;border-bottom:1px solid var(--gp-line)}#autocomplete-list li:not(.autocomplete-header):hover{background-color:var(--gp-soft)}#autocomplete-list .autocomplete-header{font-weight:700;background-color:var(--gp-soft);padding:8px;border-bottom:1px solid var(--gp-line)}.chatimg{border-radius:10px;padding:5px;background:var(--gp-surface);border:1px solid var(--gp-line);display:block;margin:0 auto}.image-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:10px}.image-container .chatimg{max-width:40%;flex:1 1 40%}
.cle{clear:both;height:50px;}
@media screen and (max-width:736px){
#modal{display:none;position:fixed;z-index:1000;background-color:var(--gp-surface);border:1px solid var(--gp-muted);box-shadow:0 0 10px rgba(0,0,0,.5);top:1px;left:-5px}
.modal {height: 100%;width:102%;top: 0;}
.kepgaleria{z-index: unset !important; width: 99%;}
#modalContent{padding:11px;height:600px;overflow:auto;width: calc(100% + 10px);font-size:1.2em; z-index:10}
#modal,.modal{width:-webkit-fill-available}.chat-message{font-size:1.2em}
.modal_content{height:92%;width:102%;}
	.sgroup {
		display:flex
	}
.cle{height:0px;}	
}

@media (max-width:768px){
	.button-group,.search-container{display:flex;gap:10px;justify-content: center;}
	
	#chat-container{
		width:100%;
	    max-height: 600px;}
	#chat-button {
		font-size:15px
	}
	#chat-body {
		height: 490px;
	}
	
	#main>.inner{padding:0}
	.search-container{
		flex-direction:column;margin-top:5px; margin-left: -5px;
        margin-right: 15px;
		background: var(--gp-surface);
        border-bottom: 2px solid gray;
        padding-bottom: 8px;
	}
		
	.search-container input[type=text],.search-container select{width:45%;font-size:1.2em; margin-right:0px}
	.button-group input{font-size:1em}
	
	}
	
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.like-icon {color: var(--gp-action);}
.like-icon.active {color: #ff7700;}
.found-icon {color: var(--gp-action);}
.found-icon.active { color: var(--gp-action);}
.vote-box {display: flex;justify-content: flex-end; padding: 4px 6px 8px 6px;}
.vote-item {display: flex;gap: 4px;cursor: pointer;align-items: stretch;}
.vote-item svg {width: 20px;height: 20px;top:3px}

.vote-item .count {
    font-size: 14px;
    color: #333;
}

.vote-clicked {
	position: relative;
	overflow: hidden;
	background-color: rgba(76, 175, 80, 0.1) !important;
	transition: background-color 0.5s ease;
}

.vote-ripple {
	position: absolute;
	border-radius: 50%;
	background: rgba(76, 175, 80, 0.3);
	transform: scale(0);
	animation: vote-ripple-animation 0.6s linear;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	pointer-events: none;
	z-index: 1;
}

@keyframes vote-ripple-animation {
	to {
		transform: scale(1);
		opacity: 0;
	}
}

.vote-box .vote-item .count {
	font-weight: bold;
	transition: all 0.3s ease;
	display: inline-block;
	margin-top: 2px;
}

.vote-clicked .count {
	animation: count-bounce 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	color: #5f8f3b !important;
}

@keyframes count-bounce {
	0%, 100% { transform: scale(1); }
	30% { transform: scale(1.4); }
	50% { transform: scale(1.2); }
	70% { transform: scale(1.3); }
}

.vote-clicked::before {
	content: '';
	position: absolute;
	top: -4px;
	left: -4px;
	right: -4px;
	bottom: -4px;
	border-radius: 8px;
	background: #dce8cd;
	animation: pulse-border 0.8s ease-out;
	pointer-events: none;
	z-index: 0;
}

@keyframes pulse-border {
	0% { opacity: 1; transform: scale(1); }
	100% { opacity: 0; transform: scale(1.1); }
}

.vote-box .vote-item svg {
	transition: all 0.3s ease;
	position: relative;
}

.vote-box .vote-item {
	position: relative;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 6px;
    padding: 4px 4px;
    display: inline-flex;
    align-items: stretch;
    gap: 5px;
    flex-direction: row;
	margin-right:2px;
}

/* Aktív/Szavazott állapot stílusa */
.vote-item.voted .like-icon svg {
    fill: #ffc107; /* Arany/Sárga csillag */
    stroke: #ffc107;
}

.vote-item.voted .found-icon svg {
    fill: #5f8f3b; /* Zöld gomba */
    stroke: #5f8f3b;
}

.vote-item.voted .count {
    color: #3f682c;
    font-weight: bold;
}

/* Mobil korrekció*/

/* Csak mobil nézetben (768px alatt) */
@media screen and (max-width: 768px) {
    
    .glaps {
        position: relative !important;
    }
    
    .glaps article {
        /* NE állítsd be a position: relative !important-t */
        /* Hagyd, hogy az Isotope kezelje a pozicionálást */
        width: 100% !important; /* Csak a szélességet állítsd */
        margin-bottom: 20px !important;
    }
    
    /* Egy gomba kártyája */
    article.egygomba {
		display: flex !important;
		align-items: normal;
		width: calc(100% - 10px) !important;
		padding: 5px;
		border: 1px solid var(--gp-soft);
		min-height: 111px !important;
		flex-direction: row;
		margin: 5px;
    }

/* Biztosítjuk, hogy az Isotope ne tudja eltolni az elemeket */
    article.egygomba {
        margin-bottom: 5px !important; /* Legyen rés a szűrt elemek között */
    }

    /* Amikor az Isotope elrejti az elemet, ténylegesen tűnjön el a helyfoglalása is */
    article.egygomba.isotope-hidden,
    article.egygomba[style*="display: none"] {
        display: none !important;
    }
	
    /* A kép tárolója balra */
    .egygombaimg {
        flex: 0 0 80px;      /* Fix 80px szélesség a képnek, nem nyúlik meg */
        margin-right: 5px;  /* Távolság a szövegtől */
    }
	
	.egygombaimg .ikon {
		width:45px;
		height:45px;
		margin:0;
	}
	
    .egygombaimg .gkep {
		width: 120px !important;
        height: 98px !important;
        object-fit: cover;   /* Ne torzuljon a kép */
        border-radius: 8px;
    }

    /* A név és latin név tárolója */
    .egygombanev {
        flex: 1;             /* Kitölti a maradék helyet */
        text-align: left;
		font-size:1.5em;
		margin-left:1px;
    }

    .egygombanev h4 {
        margin: 0;
        font-size: 1em;
    }

    /* A szavazó ikonok elrendezése mobilon */
    .vote-box {
        display: flex;
        flex-direction: row;
        gap: 5px;
        margin-left: auto;
        padding-left: 10px;
        align-items: baseline;
        align-content: flex-end;
        flex-wrap: wrap;
    }

	.vi2it, #specButton {
		display:none !important;
	}
	
    .vote-item {
        font-size: 0.8rem;
		zoom: 1.5;
		flex-direction: row-reverse;
		margin-right: -7px;
    }
	
}

/* Gomba témájú megosztás gomb stílusa */
.mushroom-share-btn {
	position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--gp-action);
    color: #ffffff;
    border: none;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    font-family: inherit;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-top: -10px;
    left: 10px;
    bottom: 10px;
}

.mushroom-share-btn:hover {
    background-color: var(--gp-action); /* Sötétebb zöld hover állapotban */
}

.mushroom-share-btn:active {
    transform: scale(0.97); /* Kis benyomódási effektus kattintáskor */
}

/* SVG Ikon méretezése */
.share-svg-icon {
    width: 18px;
    height: 18px;
    stroke: currentColor;
}

/* Kis felugró buborék (Tooltip) asztali gépeken a sikeres másoláshoz */
.share-tooltip {
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background-color: var(--gp-ink);
    color: #ffffff;
    padding: 6px 12px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

/* Kis háromszög a buborék alján */
.share-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: var(--gp-ink) transparent transparent transparent;
}

/* Osztály a buborék megjelenítéséhez */
.share-tooltip.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* Erdei napló: a határozó kártya- és állapotrendszere */
.dropdown, .dropdown2, .dropdown3 {
    border: 1px solid var(--gp-line);
    box-shadow: 0 2px 8px rgba(38, 70, 52, .05);
    color: var(--gp-ink);
}
.dropdown .select, .dropdown2 .select, .dropdown3 .select { border-color: var(--gp-line); }
.dropdown-menu, .dropdown-menu2, .dropdown-menu3 { background-color: var(--gp-action); }
.dropdown-menu li, .dropdown-menu2 li, .dropdown-menu3 li { color: #fff; }
.dropdown-menu li:hover, .dropdown-menu2 li:hover, .dropdown-menu3 li:hover { background-color: var(--gp-action); }

.egygomba {
    background: var(--gp-surface);
    border-color: #d6e1c8;
    box-shadow: 0 2px 8px rgba(38, 70, 52, .05);
    /* Az Isotope transform-mal pozicionálja ezeket a kártyákat. */
    transition: border-color .2s ease, box-shadow .2s ease;
}
.egygomba:hover {
    border-color: var(--gp-sage);
    box-shadow: 0 7px 18px rgba(38, 70, 52, .12);
}
.egygombanev, .egygombanev h4 { color: var(--gp-ink); }
.latin-name { color: var(--gp-muted); display: block; font-style: italic; }
.conservation-value { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; padding: 4px 7px; border: 1px solid #c7dcbf; border-radius: 5px; background: #f1f7ee; color: var(--gp-action); font-size: .78em; font-style: normal; font-weight: 700; line-height: 1.2; position:absolute }
.egygombanev .conservation-value i { color: var(--gp-action); font-style: normal; }
.egygombanev em, .egygombanev i { color: var(--gp-muted); font-style: italic; }
.talalat { color: var(--gp-action); }

.like-icon, .found-icon { color: var(--gp-action); }
.like-icon.active { color: #c88a35; }
.found-icon.active { color: var(--gp-action); }
#chat-button, #modalHeader, .modal_header { background-color: var(--gp-action); color: #fff; }
#chat-footer button { background-color: var(--gp-action); }
#chat-footer button:hover { background-color: var(--gp-action); }

/* Csak a határozó Isotope-szűrésének visszajelzése. */
.hatarozo-filter-loader {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: rgb(109 108 108 / 79%);
    color: #fcfff7;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .12s ease, visibility 0s linear .12s;
}
.hatarozo-filter-loader.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}
.hatarozo-filter-spinner {
    width: 28px;
    height: 28px;
    border: 4px solid #d6e1c8;
    border-top-color: var(--gp-sage);
    border-radius: 50%;
    animation: hatarozo-filter-spin .65s linear infinite;
}
@keyframes hatarozo-filter-spin {
    to { transform: rotate(360deg); }
}