/* Rosto Fuego – Obsah stránky (verejná časť) */

/* ---- Pozadie: pridajte CSS triedu "rfo-hero-bg" na ľubovoľný blok ---- */
.rfo-hero-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.rfo-hero-bg.rfo-contain {
	background-size: contain;
}

/* ---- Obrázok cez shortcode [rfo_hero_image] ---- */
.rfo-hero-image {
	display: block;
	max-width: 100%;
	height: auto;
}

/* ---- Text: na stred, písmo zdedené zo stránky ---- */
.rfo-text {
	text-align: center;
	font: inherit;
	color: inherit;
}
.rfo-text p {
	margin: 0 0 1em;
}
.rfo-text p:last-child {
	margin-bottom: 0;
}

/* ---- Jazyky: zobrazí sa len vybraný (predvolene SK) ---- */
html:not([data-rfo-lang="en"]) .rfo-l-en,
html[data-rfo-lang="en"] .rfo-l-sk {
	display: none !important;
}

/* ---- Menu: dva obrázky na výšku vedľa seba ---- */
.rfo-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 28px;
	width: 100%;
}
.rfo-menu-set {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
}
.rfo-menu-item {
	display: block;
	flex: 1 1 0;
	min-width: 0;
	max-width: 560px;
}
.rfo-menu-img {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity 0.2s ease;
}
.rfo-menu-item:hover .rfo-menu-img {
	opacity: 0.92;
}
.rfo-menu-item:focus-visible {
	outline: 2px solid var(--rfo-accent, #0b2239);
	outline-offset: 3px;
}

/* ---- Prepínač SK / EN ---- */
.rfo-menu-switcher {
	display: flex;
	justify-content: center;
}
.rfo-lang {
	display: inline-flex;
	gap: 2px;
	padding: 3px;
	border: 1px solid var(--rfo-accent, #0b2239);
	border-radius: 999px;
	line-height: 1;
}
/* Vyššia špecifickosť, aby štýly témy/Elementora pre <button> neprebili vzhľad. */
.rfo-lang .rfo-lang-btn,
.rfo-lang .rfo-lang-btn:hover,
.rfo-lang .rfo-lang-btn:focus {
	appearance: none;
	margin: 0;
	min-height: 0;
	padding: 0.6em 1.3em;
	border: 0;
	border-radius: 999px;
	box-shadow: none;
	background: transparent;
	color: var(--rfo-accent, #0b2239);
	font: inherit;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.14em;
	line-height: 1;
	text-transform: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.rfo-lang .rfo-lang-btn:hover {
	background: rgba(127, 127, 127, 0.16);
}
.rfo-lang .rfo-lang-btn:focus-visible {
	outline: 2px solid var(--rfo-accent, #0b2239);
	outline-offset: 2px;
}
/* Aktívny jazyk sa riadi atribútom na <html>, takže nebliká ani pred spustením JS. */
html:not([data-rfo-lang="en"]) .rfo-lang .rfo-lang-btn[data-rfo-lang="sk"],
html:not([data-rfo-lang="en"]) .rfo-lang .rfo-lang-btn[data-rfo-lang="sk"]:hover,
html[data-rfo-lang="en"] .rfo-lang .rfo-lang-btn[data-rfo-lang="en"],
html[data-rfo-lang="en"] .rfo-lang .rfo-lang-btn[data-rfo-lang="en"]:hover {
	background: var(--rfo-accent, #0b2239);
	color: var(--rfo-accent-text, #fff);
}

/* ---- Upozornenie pre správcu ---- */
.rfo-hint {
	margin: 0;
	padding: 10px 14px;
	border: 1px dashed #c0392b;
	border-radius: 6px;
	background: #fff5f4;
	color: #8a2a20;
	font: 14px/1.4 sans-serif;
	text-align: center;
}