/* ==========================================================================
   Nautilus – Fejléc és tengeri környezet (övezetek)
   1.42: a régi nautilus.css része, változatlan szabályokkal. A fájlok betöltési
   sorrendje számít (functions.php: nautilus_css_reszek) – ne cseréld fel!
   ========================================================================== */

/* --- Fejléc --------------------------------------------------------------- */
.nautilus-fejlec { position: relative; }

.nautilus-fejlec__kep {
	position: relative;
	min-height: clamp(260px, 29vw, 440px);
	background-color: var(--n-tenger);
	background-size: cover;
	background-position: 70% center;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.nautilus-fejlec__kep::before {
	/* régi nyomat: enyhe szépia és vignetta */
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(ellipse at 60% 45%, transparent 50%, rgba(3, 10, 22, .65) 100%),
		linear-gradient(180deg, rgba(20, 60, 100, .05), rgba(3, 11, 24, .35));
	pointer-events: none;
}

.nautilus-fejlec__keret {
	/* metszetkeret: dupla rézvonal */
	position: absolute;
	inset: 14px;
	z-index: 3;
	border: 1px solid rgba(217, 189, 132, .55);
	outline: 1px solid rgba(217, 189, 132, .3);
	outline-offset: 5px;
	pointer-events: none;
}

.nautilus-fejlec__hajo {
	position: absolute;
	z-index: 2;
	right: -1%;
	top: 52%;
	width: min(56%, 1100px);
	height: auto;
	transform: translateY(-45%);
	filter: drop-shadow(0 22px 26px rgba(0, 0, 0, .55)) sepia(.15);
	pointer-events: none;
}

.nautilus-fejlec__hajo--sajat { width: min(52%, 980px); right: 2.5%; }

.nautilus-fejlec__felirat {
	position: relative;
	z-index: 4;
	width: 100%;
	padding: 40px clamp(28px, 5.5vw, 110px);
}

/* a felirat a bal oldali sávban marad, a hajó a jobb oldalon */
.nautilus-fejlec__felirat > * { max-width: 40vw; }

.nautilus-logo img { max-height: 90px; width: auto; margin-bottom: 14px; }

.nautilus-motto {
	margin: 0 0 4px;
	font-family: var(--n-cim-font);
	font-style: italic;
	font-weight: 500;
	font-size: 1.15rem;
	letter-spacing: .12em;
	color: var(--n-rez-vilagos);
	opacity: .85;
}

.nautilus-oldalnev {
	margin: 0;
	font-family: var(--n-cimke-font) !important;
	font-weight: 700 !important;
	font-size: clamp(2rem, 3.3vw, 4.2rem);
	line-height: 1.08;
	letter-spacing: .1em !important;
	overflow-wrap: break-word;
	text-transform: uppercase;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .55), 0 0 28px rgba(0, 0, 0, .6);
}

body.nautilus .nautilus-oldalnev a {
	text-decoration: none;
	color: var(--n-rez-vilagos);
	background: linear-gradient(180deg, #f3e1b2 0%, var(--n-rez-vilagos) 40%, var(--n-rez) 75%, #8a6a3a 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.nautilus-fejlec__felirat .nautilus-ornamens { margin: 12px 0 10px; width: 240px; height: 18px; }

.nautilus-alcim {
	margin: 0;
	max-width: 34ch;
	font-family: var(--n-cim-font);
	font-style: italic;
	font-size: 1.3rem;
	line-height: 1.35;
	color: var(--n-pergamen);
	text-shadow: 0 1px 8px rgba(0, 0, 0, .7);
}

@media (max-width: 760px) {
	/* --- Mobil fejléc ------------------------------------------------------------ */
.nautilus-fejlec__kep { min-height: 340px; align-items: flex-start; }
	.nautilus-fejlec__keret { inset: 8px; }
	.nautilus-fejlec__felirat { padding: 34px 28px; }
	.nautilus-fejlec__felirat > * { max-width: none; }
	.nautilus-oldalnev { font-size: clamp(1.8rem, 8.5vw, 2.6rem); }
	.nautilus-fejlec__hajo { width: 125%; right: -28%; top: auto; bottom: 7%; transform: none; }
	.nautilus-fejlec__hajo--sajat { width: 96%; right: -4%; }
	.nautilus-alcim { font-size: 1.12rem; }
}

@media (max-width: 760px) {
	/* Mobilon a fejléckép a fejléc aljára kerül (a hajó teljes hosszában látszik),
   fölötte a felirat egyszínű tengerkék háttéren. */
.nautilus-fejlec__kep {
		min-height: 380px;
		background-color: #0f2f50;
		background-size: 175% auto !important;
		background-position: 82% 100% !important;
		background-repeat: no-repeat !important;
	}
	.nautilus-fejlec__kep::before {
		background:
			linear-gradient(180deg, #0f2f50 0%, #0f2f50 54%, rgba(15, 47, 80, 0) 66%),
			radial-gradient(ellipse at 50% 100%, transparent 55%, rgba(3, 10, 22, .55) 100%);
	}
	.nautilus-fejlec__felirat { padding-top: 30px; }
}

/* --- Fejléc: a kép dominál; a branding a bal harmadban marad ------------- */
.nautilus-fejlec__kep {
	min-height: clamp(320px, 33.3vw, 510px);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	align-items: center;
}

.nautilus-fejlec__kep::before {
	background:
		linear-gradient(90deg, rgba(3,12,19,.78) 0%, rgba(3,12,19,.55) 22%, rgba(3,12,19,.16) 43%, rgba(3,12,19,0) 63%),
		linear-gradient(180deg, rgba(2,9,15,.08) 0%, rgba(2,9,15,.03) 62%, rgba(2,9,15,.38) 100%);
}

.nautilus-fejlec__keret {
	inset: auto 0 0;
	border: 0;
	border-bottom: 1px solid rgba(225,189,124,.72);
	outline: 0;
}

.nautilus-fejlec__felirat {
	box-sizing: border-box;
	width: min(47%, 700px);
	padding: 36px 34px 36px clamp(46px, 6vw, 112px);
	text-align: center;
}

.nautilus-fejlec__felirat > * { max-width: 560px; }

.nautilus-logo img { max-height: 76px; margin: 0 auto 10px; }

.nautilus-motto {
	margin-bottom: 6px;
	font-size: .82rem;
	font-style: normal;
	font-weight: 600;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: #d8b576;
}

.nautilus-oldalnev {
	font-size: clamp(2.15rem, 3.2vw, 4.3rem);
	line-height: 1.02;
	letter-spacing: .055em !important;
	text-shadow: 0 2px 2px rgba(0,0,0,.85), 0 0 22px rgba(0,0,0,.55);
}

.nautilus-fejlec__felirat .nautilus-ornamens { margin: 11px auto 9px; width: 210px; }

.nautilus-alcim {
	margin: 0 auto;
	max-width: 34ch !important;
	font-size: 1.08rem;
	line-height: 1.32;
	color: rgba(247,231,196,.92);
}

@media (max-width: 900px) {
	.nautilus-fejlec__felirat { width: 58%; padding-left: 34px; }
}

@media (max-width: 760px) {
	.nautilus-fejlec__kep {
		min-height: 390px;
		background-size: auto 100% !important;
		background-position: 67% center !important;
	}
	.nautilus-fejlec__kep::before {
		background: linear-gradient(180deg, rgba(3,12,19,.18), rgba(3,12,19,.30));
	}
	.nautilus-fejlec__felirat {
		width: 100%;
		padding: 26px 24px 210px;
		text-align: center;
		align-self: stretch;
	}
	.nautilus-fejlec__felirat > * { max-width: 100%; }
	.nautilus-oldalnev { font-size: clamp(1.85rem, 9vw, 2.8rem); }
	.nautilus-motto { font-size: .68rem; }
	.nautilus-alcim { font-size: 1rem; }
}

/* --- 1.4.1 finomhangolás: fejléc-cím + üres napló ----------------------- */
body.nautilus .nautilus-oldalnev a {
	color: #e8c98f;
	background: linear-gradient(180deg, #f7e8c5 0%, #e8c98f 46%, #c9a568 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 2px rgba(0,0,0,.72), 0 0 18px rgba(215,176,111,.14);
}

/* 4. Szonár */
body.nautilus .nautilus-szonar {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	bottom: 0;
	width: 55%;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: crosshair;
}

body.nautilus .nautilus-szonar:hover,
body.nautilus .nautilus-szonar:focus { background: transparent; }

body.nautilus .nautilus-szonar:focus-visible { outline: 1px dashed rgba(217, 189, 132, .6); outline-offset: -20px; }

.nautilus-szonar__hullam {
	position: absolute;
	z-index: 3;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 -10px;
	border: 1.5px solid rgba(190, 225, 240, .7);
	border-radius: 50%;
	pointer-events: none;
	animation: nautilus-hullam 2.2s cubic-bezier(.15, .6, .3, 1) forwards;
}

@keyframes nautilus-hullam {
	0% { transform: scale(.2); opacity: .9; }
	100% { transform: scale(26); opacity: 0; }
}

@media (max-width: 760px) {
	body.nautilus .nautilus-szonar { top: 50%; width: 100%; }
}

/* A feliratréteg üres része átengedi a kattintást a szonárnak. */
.nautilus-fejlec__felirat { pointer-events: none; }

.nautilus-fejlec__felirat a, .nautilus-fejlec__felirat .nautilus-logo { pointer-events: auto; }

body.nautilus .nautilus-szonar:focus { outline: none; }

body.nautilus .nautilus-szonar:focus-visible { outline: 1px dashed rgba(217, 189, 132, .6); outline-offset: -24px; }

/* --- Fejléc: napok a vízen ---------------------------------------------- */
.nautilus-alcim__pont { opacity: .7; }

.nautilus-utnaplo { white-space: normal; }

.nautilus-merfoldko {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 8px 2px;
	vertical-align: middle;
	border-radius: 12px 10px 12px 9px;
	background: radial-gradient(circle at 38% 34%, #b2473a 0%, #8a2a20 60%, #5e1912 100%);
	color: #ffe4d2;
	font-family: var(--n-cimke-font);
	font-size: .62rem;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .08em;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
	transform: rotate(-4deg);
}

.nautilus-utnaplo { display: inline-block; white-space: nowrap; }

@media (max-width: 380px) {
	.nautilus-utnaplo { white-space: normal; }
}

@media (max-width: 760px) {
	/* A felirat a hajó fölé is kerülhet: enyhe sötétítés mögé, hogy olvasható maradjon */
.nautilus-fejlec__kep::before {
		background: linear-gradient(180deg, rgba(3, 12, 19, .72) 0%, rgba(3, 12, 19, .58) 42%, rgba(3, 12, 19, .12) 68%, rgba(3, 12, 19, .3) 100%);
	}
	.nautilus-alcim { font-size: .94rem; text-shadow: 0 1px 6px rgba(0, 0, 0, .9); }
}

/* A napok a vízen mindig külön sorba kerülnek a „Verne világa” alá. */
.nautilus-alcim__pont { display: none; }

.nautilus-utnaplo { display: block; margin-top: 2px; font-size: .92em; }

/* --- Közös rétegek --------------------------------------------------------- */
.nautilus-ovezet-kep {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: inherit;
	pointer-events: none;
}

.nautilus-ovezet-reteg { position: absolute; inset: 0; z-index: 1; pointer-events: none; }

.nautilus-ovezet-test { position: fixed; inset: 0; z-index: 9000; pointer-events: none; overflow: hidden; }

/* --- Jég (és jég alatti fogság) ------------------------------------------ */
html.nautilus-ov-jeg .nautilus-ovezet-kep,
html.nautilus-ov-levego .nautilus-ovezet-kep { filter: saturate(.75) hue-rotate(-10deg) brightness(1.05); }

html.nautilus-ov-jeg .nautilus-ovezet-reteg,
html.nautilus-ov-levego .nautilus-ovezet-reteg {
	background:
		url("../img/jegvirag.svg") left top / 190px no-repeat,
		url("../img/jegvirag-180.svg") right bottom / 160px no-repeat,
		linear-gradient(180deg, rgba(200, 235, 255, .16), rgba(200, 235, 255, .04));
	opacity: .8;
}

.nautilus-ovezet-fagy {
	position: absolute;
	width: clamp(110px, 16vw, 220px);
	height: clamp(110px, 16vw, 220px);
	background: url("../img/jegvirag.svg") left top / contain no-repeat;
	opacity: .5;
	animation: nautilus-fagy-no 4s ease-out both;
}

.nautilus-ovezet-fagy--bf { left: 0; top: 0; }

.nautilus-ovezet-fagy--jf { right: 0; top: 0; transform: scaleX(-1); }

.nautilus-ovezet-fagy--bl { left: 0; bottom: 0; transform: scaleY(-1); }

.nautilus-ovezet-fagy--jl { right: 0; bottom: 0; transform: scale(-1, -1); }

@keyframes nautilus-fagy-no { from { opacity: 0; } to { opacity: .5; } }

html.nautilus-ov-levego .nautilus-ovezet-test {
	background: radial-gradient(ellipse at 50% 45%, transparent 38%, rgba(4, 16, 26, var(--n-fogy, .3)) 100%);
}

.nautilus-ovezet-fako {
	position: fixed;
	inset: 0;
	z-index: 8999;
	pointer-events: none;
	background: #6f7b80;
	mix-blend-mode: saturation;
	opacity: calc(var(--n-fogy, .3) * 1.5);
}

/* --- Vörös-tenger --------------------------------------------------------- */
html.nautilus-ov-vorostenger .nautilus-ovezet-kep { filter: sepia(.85) saturate(1.45) hue-rotate(-12deg) brightness(1.06); }

html.nautilus-ov-vorostenger .nautilus-ovezet-reteg { background: radial-gradient(ellipse at 50% 0%, rgba(255, 200, 120, .35), transparent 60%), linear-gradient(180deg, rgba(255, 160, 70, .22), rgba(190, 60, 30, .25)); mix-blend-mode: soft-light; }

html.nautilus-ov-vorostenger .nautilus-ovezet-test { background: rgba(255, 140, 50, .11); mix-blend-mode: multiply; }

html.nautilus-ov-vorostenger[data-nautilus-mod="vilagos"] body.nautilus { background-color: #ecd9b4; background-image: linear-gradient(180deg, #f2dfba 0, #ead2a8 1200px); }

/* --- Szantorini: forró víz, remegő kép ---------------------------------- */
html.nautilus-ov-santorini .nautilus-ovezet-kep { filter: url(#nautilus-horemeges) sepia(.2) saturate(1.2) hue-rotate(-10deg); transform: scale(1.03); }

html.nautilus-ov-santorini .nautilus-ovezet-reteg { background: linear-gradient(0deg, rgba(255, 110, 40, .28), rgba(255, 150, 60, .05) 55%, transparent); mix-blend-mode: screen; animation: nautilus-izzas 3.5s ease-in-out infinite alternate; }

html.nautilus-ov-santorini .nautilus-ovezet-test { background: rgba(255, 140, 60, .05); mix-blend-mode: multiply; }

@keyframes nautilus-izzas { from { opacity: .65; } to { opacity: 1; } }

html.nautilus-ov-gyongy .nautilus-ovezet-reteg { background: radial-gradient(ellipse at 70% 60%, rgba(255, 235, 245, .16), transparent 60%); }

@keyframes nautilus-gyongyhaz { to { background-position: 300% 0; } }

@keyframes nautilus-gyongy-csillan { 0%, 55% { background-position: 120% 0; } 100% { background-position: -120% 0; } }

/* --- A mélyben (Atlantisz, mélységi rekord) ------------------------------ */
html.nautilus-ov-mely body.nautilus { background-color: #040b12; }

html.nautilus-ov-mely .nautilus-ovezet-kep { filter: brightness(.72) saturate(.85) hue-rotate(12deg); }

html.nautilus-ov-mely .nautilus-ovezet-reteg { background: linear-gradient(180deg, rgba(5, 30, 60, .35), rgba(2, 10, 25, .45)); }

html.nautilus-ov-mely[data-nautilus-mod="vilagos"] body.nautilus { background-color: #d9dccf; background-image: linear-gradient(180deg, #dfe2d6 0, #d2d6c8 1200px); }

.nautilus-ovezet-buborek {
	position: absolute;
	bottom: -20px;
	width: var(--m, 8px);
	height: var(--m, 8px);
	border-radius: 50%;
	border: 1px solid rgba(190, 230, 245, .45);
	background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .55), rgba(170, 220, 240, .08) 60%);
	animation: nautilus-buborek-szall 12s linear infinite;
}

@keyframes nautilus-buborek-szall {
	0% { transform: translate(0, 0); opacity: 0; }
	8% { opacity: .8; }
	50% { transform: translate(14px, -55vh); }
	90% { opacity: .6; }
	100% { transform: translate(-6px, -110vh); opacity: 0; }
}

/* --- Vihar a Golf-áramlatban -------------------------------------------- */
html.nautilus-ov-vihar .nautilus-ovezet-kep { filter: saturate(.7) brightness(.85) contrast(1.05); transform: scale(1.07); animation: nautilus-hanykolodik 6s ease-in-out infinite; }

html.nautilus-ov-vihar .nautilus-fejlec__hajo { animation: nautilus-hajo-ring 5s ease-in-out infinite; }

html.nautilus-ov-vihar .nautilus-ovezet-reteg {
	background: repeating-linear-gradient(105deg, transparent 0 14px, rgba(200, 220, 235, .12) 14px 15px, transparent 15px 34px);
	background-size: 200px 200px;
	animation: nautilus-eso .5s linear infinite, nautilus-villam 9s linear infinite;
}

html.nautilus-ov-vihar .nautilus-mely { animation: nautilus-mely-hullam 4s ease-in-out infinite; }

@keyframes nautilus-hanykolodik { 0%, 100% { transform: scale(1.07) rotate(-.9deg) translateY(0); } 50% { transform: scale(1.07) rotate(.9deg) translateY(-6px); } }

@keyframes nautilus-eso { to { background-position: -54px 200px; } }

@keyframes nautilus-villam { 0%, 61%, 63.5%, 65%, 100% { background-color: transparent; } 62%, 64% { background-color: rgba(230, 240, 255, .35); } }

@keyframes nautilus-mely-hullam { 50% { translate: 0 6px; } }

@keyframes nautilus-hajo-ring { 0%, 100% { rotate: -2.2deg; translate: 0 0; } 50% { rotate: 2deg; translate: 0 -8px; } }

/* --- Maelström ----------------------------------------------------------- */
html.nautilus-ov-maelstrom .nautilus-ovezet-kep { filter: brightness(.8) saturate(.8) hue-rotate(8deg); }

html.nautilus-ov-maelstrom .nautilus-ovezet-reteg { overflow: hidden; }

.nautilus-ovezet-orveny { position: absolute; left: 38%; top: 30%; width: 62%; height: 95%; opacity: .32; mix-blend-mode: screen; }

@keyframes nautilus-orveny-forog { to { transform: rotate(-360deg); } }

@media (prefers-reduced-motion: reduce) {
	/* --- Kevesebb mozgás: csak a színek maradnak ------------------------------ */
.nautilus-ovezet-jel svg,
	html.nautilus-ov .nautilus-ovezet-kep,
	html.nautilus-ov .nautilus-ovezet-reteg,
		html.nautilus-ov .nautilus-fejlec__hajo,
	html.nautilus-ov .nautilus-mely,
	html.nautilus-ov .nautilus-naptar__lap::after,
	html.nautilus-ov .nautilus-oldalsav .widget::after,
	.nautilus-ovezet-fagy { animation: none !important; }
	.nautilus-ovezet-buborek { display: none; }
}