/*
Theme Name: FinanzLogic
Theme URI: https://finanzlogic.com
Description: Premium child theme for Astra — FinanzLogic (Kredite, Darlehen, Versicherungen, DE-Markt).
Author: FinanzLogic
Template: astra
Version: 1.1.4
Requires at least: 5.8
Tested up to: 6.8
Text Domain: finanzlogic
*/

/* ==========================================================================
   FinanzLogic — Global design system (Check24 / Verivox inspired)
   Applies site-wide: root domain, /de/, archives, singles, landing pages.
   ========================================================================== */

:root {
	/* Typography & color */
	--fl-font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	--fl-color-text: #0f172a;
	--fl-color-text-muted: #334155;
	--fl-color-text-subtle: #64748b;
	--fl-color-border: #e2e8f0;
	--fl-color-border-strong: #cbd5e1;
	--fl-color-surface: #ffffff;
	--fl-color-bg: #f8fafc;
	--fl-color-bg-muted: #f1f5f9;

	/* Royal blue accent (CTA / links) */
	--fl-color-accent: #0b5fff;
	--fl-color-accent-mid: #0946d6;
	--fl-color-accent-deep: #003aa8;
	--fl-color-accent-hover: #0047cc;
	--fl-color-accent-contrast: #ffffff;
	--fl-gradient-cta: linear-gradient(180deg, #1a6bff 0%, var(--fl-color-accent) 35%, var(--fl-color-accent-mid) 100%);
	--fl-gradient-cta-hover: linear-gradient(180deg, var(--fl-color-accent) 0%, var(--fl-color-accent-hover) 45%, var(--fl-color-accent-deep) 100%);

	/* Layout */
	--fl-radius: 8px;
	--fl-radius-sm: 6px;
	--fl-radius-lg: 12px;
	--fl-container-max: 1200px;
	--fl-section-gap: clamp(2rem, 4vw, 3.5rem);
	--fl-block-gap: clamp(1.25rem, 2.5vw, 2rem);
	--fl-card-padding: clamp(1.25rem, 2.5vw, 2rem);

	/* Elevation */
	--fl-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
	--fl-shadow-card-hover: 0 8px 28px rgba(0, 0, 0, 0.08);
	--fl-shadow-cta: 0 4px 14px rgba(11, 95, 255, 0.28);
	--fl-shadow-cta-hover: 0 8px 24px rgba(11, 95, 255, 0.38);

	/* Motion */
	--fl-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--fl-duration: 0.18s;

	/* Egy rács az egész oldalon (fejléc + tartalom illeszkedik) */
	--fl-grid-color: #f8fafc;
	--fl-grid-line: rgba(226, 232, 240, 0.35);
	--fl-grid-size: 32px;
	--fl-grid-bg:
		linear-gradient(var(--fl-grid-line) 1px, transparent 1px),
		linear-gradient(90deg, var(--fl-grid-line) 1px, transparent 1px);
}

/* --------------------------------------------------------------------------
   1) Global typography & page canvas
   -------------------------------------------------------------------------- */

html {
	scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea,
.ast-single-post .entry-content,
.ast-archive-description,
.elementor-widget-container {
	font-family: var(--fl-font-sans);
	color: var(--fl-color-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-size: 17px;
	line-height: 1.65;
	color: var(--fl-color-text);
	background-color: var(--fl-grid-color);
	background-image: var(--fl-grid-bg);
	background-size: var(--fl-grid-size) var(--fl-grid-size);
	background-position: 0 0;
	background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.ast-archive-description .page-title,
.wp-block-heading {
	font-family: var(--fl-font-sans);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.25;
	color: var(--fl-color-text);
}

h1,
.entry-title {
	font-size: clamp(1.75rem, 3.5vw, 2.5rem);
}

h2 {
	font-size: clamp(1.375rem, 2.5vw, 1.875rem);
}

h3 {
	font-size: clamp(1.125rem, 2vw, 1.5rem);
}

p,
li,
.entry-content {
	color: var(--fl-color-text-muted);
}

.entry-content > p:first-of-type,
.fl-hero p,
.wp-block-group.fl-hero p {
	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--fl-color-text-muted);
}

strong,
b {
	color: var(--fl-color-text);
	font-weight: 600;
}

a:not(.menu-link):not(.custom-logo-link):not(.wp-block-button__link):not(.wp-element-button):not(.elementor-button):not(.wp-block-latest-posts__post-title) {
	color: var(--fl-color-accent);
	text-underline-offset: 3px;
	transition: color var(--fl-duration) var(--fl-ease);
}

a:not(.menu-link):not(.custom-logo-link):not(.wp-block-button__link):not(.wp-element-button):not(.elementor-button):not(.wp-block-latest-posts__post-title):hover,
a:not(.menu-link):not(.custom-logo-link):not(.wp-block-button__link):not(.wp-element-button):not(.elementor-button):not(.wp-block-latest-posts__post-title):focus {
	color: var(--fl-color-accent-hover);
}

.entry-content a:not(.wp-block-button__link):not(.fl-cta-primary):not(.ast-button):not(.ast-custom-button-link) {
	text-decoration-thickness: 1px;
}

/* --------------------------------------------------------------------------
   2) Astra shell — layout containers (header UI → Business portal block alján)
   -------------------------------------------------------------------------- */

.ast-container,
.site-content .ast-container {
	max-width: var(--fl-container-max);
	padding-left: clamp(1rem, 3vw, 1.5rem);
	padding-right: clamp(1rem, 3vw, 1.5rem);
}

#primary,
.site-content,
.ast-separate-container #primary,
.ast-plain-container #primary {
	margin-top: 0;
}

.ast-separate-container .site-content,
.ast-plain-container .site-content {
	background: transparent;
}

.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-inner,
.ast-separate-container .ast-page-builder-template .site-content > .ast-container,
.ast-separate-container .site-content > .ast-container > article,
.home.ast-separate-container .site-content > .ast-container,
.front-page.ast-separate-container .site-content > .ast-container {
	background: var(--fl-color-surface);
	border: 1px solid var(--fl-color-border);
	border-radius: var(--fl-radius-lg);
	box-shadow: var(--fl-shadow-card);
	padding: var(--fl-card-padding);
	margin-bottom: var(--fl-block-gap);
}

/* Front page & home — full-width builder content inside premium canvas */
.home #primary .entry-content,
.front-page #primary .entry-content,
.home .site-content > .ast-container,
.front-page .site-content > .ast-container {
	background: transparent;
	border: none;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
}

.home .site-content,
.front-page .site-content,
body.home .site-content,
body.front-page .site-content {
	padding-top: var(--fl-section-gap);
	padding-bottom: var(--fl-section-gap);
}

.site-footer,
.site-below-footer-wrap,
.site-above-footer-wrap {
	background: var(--fl-color-surface);
	border-top: 1px solid var(--fl-color-border);
	color: var(--fl-color-text-muted);
}

/* Footer widget sor — ugyanolyan szélesség mint a tartalom (4) */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
	background: transparent !important;
	background-image: none !important;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,
.site-primary-footer-wrap .site-footer-section {
	max-width: var(--fl-container-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 3vw, 1.5rem) !important;
	padding-right: clamp(1rem, 3vw, 1.5rem) !important;
	box-sizing: border-box !important;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
	width: 100% !important;
}

.site-below-footer-wrap .ast-builder-grid-row,
.site-below-footer-wrap .ast-container {
	max-width: var(--fl-container-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 3vw, 1.5rem) !important;
	padding-right: clamp(1rem, 3vw, 1.5rem) !important;
}

.site-footer a {
	color: var(--fl-color-text);
}

.site-footer a:hover {
	color: var(--fl-color-accent);
}

/* --------------------------------------------------------------------------
   3) Universal layout — columns, heroes, landing blocks
   -------------------------------------------------------------------------- */

.entry-content > *,
.wp-block-post-content > * {
	margin-top: 0;
	margin-bottom: var(--fl-block-gap);
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

/* Gutenberg groups & columns → card surfaces */
.wp-block-group:not(.fl-hero):not(.alignfull):not(.alignwide),
.wp-block-columns:not(.alignfull),
.fl-card,
.fl-calculator-zone,
.ast-article-post,
article.post {
	background: var(--fl-color-surface);
	border: 1px solid var(--fl-color-border);
	border-radius: var(--fl-radius);
	box-shadow: var(--fl-shadow-card);
}

.wp-block-group:not(.fl-hero):not(.alignfull):not(.alignwide),
.wp-block-columns:not(.alignfull),
.fl-card {
	padding: var(--fl-card-padding);
}

.wp-block-column {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.wp-block-columns {
	gap: var(--fl-block-gap);
}

/* Hero — főoldal borítókép, üzleti megjelenés (3) */
body.home.page-id-64 #post-64 .entry-content > .wp-block-cover,
body.front-page #post-64 .entry-content > .wp-block-cover {
	position: relative !important;
	min-height: clamp(380px, 42vw, 480px) !important;
	border-radius: var(--fl-radius-lg) !important;
	overflow: hidden !important;
	margin-bottom: 0 !important;
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12) !important;
}

body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__image-background,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__image-background {
	object-fit: cover !important;
}

body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__background,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__background,
body.home.page-id-64 #post-64 .entry-content > .wp-block-cover.has-background-dim .wp-block-cover__background,
body.front-page #post-64 .entry-content > .wp-block-cover.has-background-dim .wp-block-cover__background {
	background: linear-gradient(
		135deg,
		rgba(15, 23, 42, 0.82) 0%,
		rgba(30, 58, 138, 0.72) 50%,
		rgba(29, 78, 216, 0.55) 100%
	) !important;
	opacity: 1 !important;
}

body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: inherit !important;
	padding: clamp(2.5rem, 5vw, 4rem) clamp(1.5rem, 4vw, 3rem) !important;
	max-width: 52rem !important;
	margin: 0 auto !important;
	text-align: center !important;
}

body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p,
body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p.has-large-font-size,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p.has-large-font-size {
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
	color: #ffffff !important;
	text-align: center !important;
	font-style: normal !important;
	line-height: 1.45 !important;
}

body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container strong,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container strong {
	display: block !important;
	margin: 0 0 0.75rem !important;
	padding: 0 !important;
	color: #ffffff !important;
	font-size: clamp(1.5rem, 3.2vw, 2.125rem) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -0.02em !important;
}

body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container em,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container em {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: clamp(1rem, 2vw, 1.25rem) !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.5 !important;
}

body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container br,
body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container br {
	display: none !important;
}

@media (min-width: 768px) {
	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p.has-large-font-size[style*="margin"],
	body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p.has-large-font-size[style*="margin"] {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* Hero sections — premium lead block (not homepage cover — see block above) */
.fl-hero,
.wp-block-group.fl-hero,
.wp-block-cover.fl-hero,
.home .entry-content > .wp-block-group:first-child,
.front-page .entry-content > .wp-block-group:first-child {
	background: var(--fl-color-surface);
	border: 1px solid var(--fl-color-border);
	border-radius: var(--fl-radius-lg);
	box-shadow: var(--fl-shadow-card);
	padding: clamp(2rem, 5vw, 3.5rem) var(--fl-card-padding);
	margin-bottom: var(--fl-section-gap);
	overflow: hidden;
}

.fl-hero h1,
.fl-hero h2,
.wp-block-group.fl-hero h1,
.wp-block-group.fl-hero h2 {
	margin-bottom: 0.75rem;
	max-width: 22ch;
}

.fl-hero .wp-block-buttons,
.wp-block-group.fl-hero .wp-block-buttons {
	margin-top: 1.5rem;
}

/* Full-width sections keep edge-to-edge imagery but sit on grid */
.alignfull {
	border-radius: 0;
}

.alignwide {
	max-width: min(100%, calc(var(--fl-container-max) + 4rem));
	margin-left: auto;
	margin-right: auto;
}

/* Blog / archive grid cards */
.ast-blog-layout-1 .post-content,
.ast-blog-layout-4 .post-content,
.ast-article-post .entry-content {
	padding-top: 0.5rem;
}

.ast-article-post {
	padding: var(--fl-card-padding);
	transition: box-shadow var(--fl-duration) var(--fl-ease), transform var(--fl-duration) var(--fl-ease);
}

.ast-article-post:hover {
	box-shadow: var(--fl-shadow-card-hover);
	transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   4) Global CTAs — buttons, calculator actions, comparison links
   -------------------------------------------------------------------------- */

.wp-block-button__link,
.ast-button,
.ast-custom-button-link,
button[type="submit"],
input[type="submit"],
input[type="button"].button,
.button,
a.button,
a.fl-cta-primary,
.fl-calculator-zone a.button,
.fl-calculator-zone button,
a[href*="jetzt-vergleichen"],
a[href*="jetzt_vergleichen"],
a[href*="rate-berechnen"],
a[href*="rate_berechnen"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	min-height: 48px;
	padding: 0.7rem 1.5rem;
	font-family: var(--fl-font-sans);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
	border-radius: var(--fl-radius);
	border: none;
	cursor: pointer;
	background: var(--fl-gradient-cta);
	color: var(--fl-color-accent-contrast) !important;
	box-shadow: var(--fl-shadow-cta);
	transition:
		transform var(--fl-duration) var(--fl-ease),
		box-shadow var(--fl-duration) var(--fl-ease),
		background var(--fl-duration) var(--fl-ease);
}

.wp-block-button__link *,
a.fl-cta-primary *,
a[href*="jetzt-vergleichen"] *,
a[href*="rate-berechnen"] * {
	color: inherit !important;
}

/* Text-match CTAs — csak explicit gomb-linkek, NEM blogcím (vergleich a slugban) */
a.fl-cta-primary,
a.fl-cta-jetzt-vergleichen,
a.fl-cta-rate-berechnen,
.home .wp-block-button .wp-block-button__link,
.front-page .wp-block-button .wp-block-button__link {
	background: var(--fl-gradient-cta);
	color: var(--fl-color-accent-contrast) !important;
	box-shadow: var(--fl-shadow-cta);
	border-radius: var(--fl-radius);
}

/* Jetzt vergleichen / Rate berechnen — class hooks + Astra custom HTML */
a.fl-cta-primary,
.fl-cta-jetzt-vergleichen,
.fl-cta-rate-berechnen,
.wp-block-button.is-style-fill .wp-block-button__link {
	background: var(--fl-gradient-cta);
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.ast-button:hover,
.ast-button:focus,
.ast-custom-button-link:hover,
button[type="submit"]:hover,
button[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
a.button:hover,
a.fl-cta-primary:hover,
a.fl-cta-primary:focus,
.fl-calculator-zone a.button:hover,
.fl-calculator-zone button:hover,
a[href*="jetzt-vergleichen"]:hover,
a[href*="rate-berechnen"]:hover,
.home .wp-block-button .wp-block-button__link:hover,
.front-page .wp-block-button .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: var(--fl-shadow-cta-hover);
	background: var(--fl-gradient-cta-hover);
	color: var(--fl-color-accent-contrast) !important;
	text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--fl-color-accent) !important;
	border: 2px solid var(--fl-color-accent);
	box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: rgba(11, 95, 255, 0.06);
	color: var(--fl-color-accent-hover) !important;
	box-shadow: none;
	transform: translateY(-1px);
}

.wp-block-buttons {
	gap: 0.75rem;
}

/* Hírek / blog listák — normál cím-linkek, ne CTA-kék doboz */
.wp-block-latest-posts,
ul.wp-block-latest-posts__list.wp-block-latest-posts {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.wp-block-latest-posts__list {
	display: grid !important;
	gap: 1.25rem !important;
	padding: 0 !important;
	margin: 0 0 1.5rem !important;
	list-style: none !important;
	width: 100% !important;
	max-width: 100% !important;
}

.wp-block-latest-posts__list.is-grid.columns-3,
.wp-block-latest-posts.is-grid.columns-3.wp-block-latest-posts__list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	flex-wrap: unset !important;
	align-items: stretch !important;
}

.wp-block-latest-posts__list.is-grid.columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.wp-block-latest-posts__list li,
.wp-block-latest-posts.is-grid li {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	background: var(--fl-color-surface) !important;
	border: 1px solid var(--fl-color-border) !important;
	border-radius: var(--fl-radius) !important;
	overflow: hidden !important;
	box-shadow: var(--fl-shadow-card) !important;
	padding: 0 !important;
}

/* Szolgáltatás-oszlop: sidebar mini hírlista (1 elem), ne 3 oszlopos grid */
.wp-block-column > .wp-block-latest-posts__list:not(.columns-3),
.wp-block-column > ul.wp-block-latest-posts:not(.columns-3) {
	display: block !important;
	grid-template-columns: unset !important;
}

.wp-block-column > .wp-block-latest-posts__list:not(.columns-3) li {
	margin-bottom: 0.75rem !important;
}

.wp-block-latest-posts__featured-image {
	margin: 0 !important;
}

.wp-block-latest-posts__featured-image img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

.wp-block-latest-posts__post-title,
a.wp-block-latest-posts__post-title {
	display: block !important;
	margin: 0 !important;
	padding: 1rem 1rem 0.35rem !important;
	min-height: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--fl-color-text) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
	hyphens: auto !important;
}

.wp-block-latest-posts__post-title:hover,
a.wp-block-latest-posts__post-title:hover {
	color: var(--fl-color-accent) !important;
	background: transparent !important;
	transform: none !important;
	box-shadow: none !important;
}

.wp-block-latest-posts__post-title p,
.wp-block-latest-posts__post-title strong,
.wp-block-latest-posts__post-title * {
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	background: transparent !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

.wp-block-latest-posts__post-date {
	display: block !important;
	padding: 0 1rem !important;
	font-size: 0.8125rem !important;
	color: var(--fl-color-text-subtle) !important;
}

.wp-block-latest-posts__post-excerpt {
	padding: 0.5rem 1rem 1rem !important;
	margin: 0 !important;
	font-size: 0.9375rem !important;
	line-height: 1.55 !important;
	color: var(--fl-color-text-muted) !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

/* „Aktuelle Finanz-News” szekció — teljes szélességű blokk */
.entry-content > h3 + .wp-block-latest-posts__list,
.entry-content > .wp-block-heading + .wp-block-latest-posts__list {
	width: 100% !important;
	max-width: 100% !important;
}

/* Szolgáltatás-oszlopok sidebar linkjei — szöveglink, nem gomb */
.entry-content .wp-block-column ul li a:not(.wp-block-button__link) {
	display: inline !important;
	min-height: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--fl-color-accent) !important;
	font-weight: 500 !important;
	font-size: inherit !important;
}

.entry-content .wp-block-column ul li a:not(.wp-block-button__link):hover {
	background: transparent !important;
	transform: none !important;
	box-shadow: none !important;
	color: var(--fl-color-accent-hover) !important;
}

@media (max-width: 921px) {
	.wp-block-latest-posts__list.is-grid.columns-3,
	.wp-block-latest-posts.is-grid.columns-3.wp-block-latest-posts__list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 544px) {
	.wp-block-latest-posts__list.is-grid.columns-3,
	.wp-block-latest-posts.is-grid.columns-3.wp-block-latest-posts__list {
		grid-template-columns: 1fr !important;
	}
}

/* --------------------------------------------------------------------------
   5) Tables, calculators, data blocks
   -------------------------------------------------------------------------- */

.fl-table-wrap,
.fl-calculator-zone,
.entry-content table,
.fl-table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: var(--fl-radius);
}

.entry-content table,
.fl-table-responsive,
.fl-calculator-zone {
	width: 100%;
	border-collapse: collapse;
	background: var(--fl-color-surface);
	border: 1px solid var(--fl-color-border);
	box-shadow: var(--fl-shadow-card);
}

.entry-content table th,
.entry-content table td {
	padding: 0.85rem 1.1rem;
	border-bottom: 1px solid var(--fl-color-border);
	font-size: 0.9375rem;
	vertical-align: top;
}

.entry-content table th {
	background: var(--fl-color-bg-muted);
	text-align: left;
	font-weight: 600;
	color: var(--fl-color-text);
}

.entry-content table tr:last-child td {
	border-bottom: none;
}

.fl-calculator-zone {
	padding: var(--fl-card-padding);
}

.fl-calculator-zone label {
	display: block;
	font-weight: 600;
	font-size: 0.875rem;
	color: var(--fl-color-text);
	margin-bottom: 0.35rem;
}

.fl-calculator-zone input,
.fl-calculator-zone select,
.fl-calculator-zone textarea,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
select,
textarea {
	width: 100%;
	max-width: 100%;
	padding: 0.65rem 0.85rem;
	font-family: var(--fl-font-sans);
	font-size: 1rem;
	color: var(--fl-color-text);
	background: var(--fl-color-surface);
	border: 1px solid var(--fl-color-border-strong);
	border-radius: var(--fl-radius-sm);
	transition: border-color var(--fl-duration) var(--fl-ease), box-shadow var(--fl-duration) var(--fl-ease);
}

.fl-calculator-zone input:focus,
.fl-calculator-zone select:focus,
input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: var(--fl-color-accent);
	box-shadow: 0 0 0 3px rgba(11, 95, 255, 0.15);
}

/* --------------------------------------------------------------------------
   6) WordPress / Astra component polish
   -------------------------------------------------------------------------- */

/* Search */
.search-form,
.widget_search .search-form {
	display: flex;
	gap: 0.5rem;
}

.search-form input[type="search"],
.widget_search input[type="search"] {
	flex: 1;
	border-radius: var(--fl-radius-sm);
}

/* Pagination */
.navigation.pagination .nav-links,
.ast-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span,
.ast-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0.35rem 0.65rem;
	border-radius: var(--fl-radius-sm);
	border: 1px solid var(--fl-color-border);
	background: var(--fl-color-surface);
	color: var(--fl-color-text);
	font-weight: 500;
	text-decoration: none;
	transition: background var(--fl-duration) var(--fl-ease), border-color var(--fl-duration) var(--fl-ease);
}

.navigation.pagination .nav-links a:hover,
.ast-pagination .page-numbers:hover {
	border-color: var(--fl-color-accent);
	color: var(--fl-color-accent);
}

.navigation.pagination .nav-links .current,
.ast-pagination .page-numbers.current {
	background: var(--fl-color-accent);
	border-color: var(--fl-color-accent);
	color: var(--fl-color-accent-contrast);
}

/* Sidebar widgets */
#secondary .widget,
.ast-sidebar-widget-area .widget {
	background: var(--fl-color-surface);
	border: 1px solid var(--fl-color-border);
	border-radius: var(--fl-radius);
	box-shadow: var(--fl-shadow-card);
	padding: 1.25rem 1.35rem;
	margin-bottom: var(--fl-block-gap);
}

#secondary .widget-title {
	font-size: 1rem;
	font-weight: 700;
	color: var(--fl-color-text);
	margin-bottom: 0.75rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--fl-color-border);
}

/* Breadcrumbs */
.ast-breadcrumbs-wrapper,
.rank-math-breadcrumb {
	font-size: 0.875rem;
	color: var(--fl-color-text-subtle);
	margin-bottom: 1rem;
}

/* Comments */
.comment-respond,
.comments-area {
	background: var(--fl-color-surface);
	border: 1px solid var(--fl-color-border);
	border-radius: var(--fl-radius);
	box-shadow: var(--fl-shadow-card);
	padding: var(--fl-card-padding);
	margin-top: var(--fl-section-gap);
}

/* Trust bar hook */
.fl-trust-bar {
	font-size: 0.875rem;
	color: var(--fl-color-text-subtle);
	padding: 0.5rem 0;
}

/* --------------------------------------------------------------------------
   7) Elementor / page-builder compatibility (home + landing pages)
   -------------------------------------------------------------------------- */

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--fl-container-max);
}

.elementor-widget-heading .elementor-heading-title {
	font-family: var(--fl-font-sans);
	color: var(--fl-color-text);
	letter-spacing: -0.02em;
}

.elementor-button,
.elementor-button-link {
	border-radius: var(--fl-radius) !important;
	font-weight: 600 !important;
	box-shadow: var(--fl-shadow-cta);
	transition: transform var(--fl-duration) var(--fl-ease), box-shadow var(--fl-duration) var(--fl-ease) !important;
}

.elementor-button:hover,
.elementor-button-link:hover {
	transform: translateY(-2px);
	box-shadow: var(--fl-shadow-cta-hover) !important;
}

.elementor-widget-container .elementor-button-wrapper .elementor-button {
	background: var(--fl-gradient-cta) !important;
}

/* --------------------------------------------------------------------------
   8) Responsive refinements
   -------------------------------------------------------------------------- */

@media (max-width: 921px) {
	body {
		font-size: 16px;
	}

	.ast-separate-container .ast-article-single,
	.ast-separate-container .ast-article-post,
	.ast-separate-container .site-content > .ast-container > article {
		padding: 1.25rem;
		border-radius: var(--fl-radius);
	}

	.fl-hero,
	.wp-block-group.fl-hero {
		padding: 1.75rem 1.25rem;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile) {
		flex-direction: column;
	}
}

@media (max-width: 544px) {
	.wp-block-button__link,
	.ast-button,
	a.fl-cta-primary,
	button[type="submit"],
	input[type="submit"] {
		width: 100%;
		justify-content: center;
	}

	.wp-block-buttons {
		flex-direction: column;
		align-items: stretch;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ==========================================================================
   9) Root homepage (page-id-64) — Check24-style block overrides
   Targets live Gutenberg markup on finanzlogic.com (banner intro, market bar,
   four flag/market columns). Scoped to avoid affecting /de/ or subpages.
   ========================================================================== */

body.home.page-id-64 #post-64 .entry-content {

	/* 1) Italic intro paragraph directly below the hero cover banner */
	> p.has-medium-font-size,
	> p.has-medium-font-size em {
		font-style: normal !important;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
		color: #0f172a !important;
		line-height: 1.8 !important;
		font-weight: 400 !important;
		letter-spacing: -0.01em !important;
		max-width: 52rem !important;
		margin-left: auto !important;
		margin-right: auto !important;
		margin-top: clamp(1.5rem, 3vw, 2.25rem) !important;
		margin-bottom: clamp(1.25rem, 2.5vw, 2rem) !important;
	}

	/* 2) "SELECT YOUR MARKET" bar — replace black border box with royal blue band */
	> p.has-text-align-center[style*="border-width"],
	> p.has-text-align-center:has(strong) {
		display: block !important;
		border: none !important;
		border-width: 0 !important;
		border-style: none !important;
		border-color: transparent !important;
		outline: none !important;
		background: linear-gradient(180deg, #1a6bff 0%, #0b5fff 35%, #0946d6 100%) !important;
		color: #ffffff !important;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
		font-size: clamp(0.9375rem, 1.6vw, 1.125rem) !important;
		font-weight: 700 !important;
		font-style: normal !important;
		text-transform: uppercase !important;
		letter-spacing: 0.08em !important;
		line-height: 1.3 !important;
		text-align: center !important;
		padding: 0.95rem 1.5rem !important;
		margin: 0 auto clamp(1.5rem, 3vw, 2.25rem) !important;
		max-width: 36rem !important;
		border-radius: 8px !important;
		box-shadow: 0 4px 14px rgba(11, 95, 255, 0.28) !important;
	}

	> p.has-text-align-center[style*="border-width"] strong,
	> p.has-text-align-center:has(strong) strong {
		color: #ffffff !important;
		font-weight: 700 !important;
		font-style: normal !important;
	}

	/* 3) Premium flag / market cards — four country columns */
	> .wp-block-columns.is-not-stacked-on-mobile {
		gap: clamp(1rem, 2.5vw, 1.5rem) !important;
		padding: 0 !important;
		margin-bottom: clamp(2rem, 4vw, 3rem) !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	> .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		background: #ffffff !important;
		border: 1px solid #e2e8f0 !important;
		border-radius: 8px !important;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
		padding: clamp(1rem, 2vw, 1.35rem) !important;
		text-align: center !important;
		transition:
			transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
			box-shadow 0.2s cubic-bezier(0.22, 1, 0.36, 1),
			border-color 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
	}

	> .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:hover {
		transform: translateY(-4px) !important;
		border-color: #0b5fff !important;
		box-shadow:
			0 8px 28px rgba(11, 95, 255, 0.22),
			0 0 0 3px rgba(11, 95, 255, 0.18) !important;
	}

	> .wp-block-columns.is-not-stacked-on-mobile .wp-block-image {
		margin: 0 auto 0.75rem !important;
	}

	> .wp-block-columns.is-not-stacked-on-mobile .wp-block-image img {
		display: block !important;
		margin: 0 auto !important;
		border-radius: 4px !important;
		max-width: 100% !important;
		height: auto !important;
	}

	> .wp-block-columns.is-not-stacked-on-mobile .wp-block-image a {
		display: inline-block !important;
		text-decoration: none !important;
	}

	> .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column > p.has-text-align-center {
		margin: 0 !important;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
		font-size: 0.9375rem !important;
		font-weight: 600 !important;
		color: #0f172a !important;
		line-height: 1.4 !important;
	}
}

/* Elementor equivalents — apply if homepage sections are rebuilt in Elementor */
body.home.page-id-64 .elementor-widget-text-editor em,
body.home.page-id-64 .elementor-element.fl-home-intro em {
	font-style: normal !important;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
	color: #0f172a !important;
	line-height: 1.8 !important;
}

body.home.page-id-64 .elementor-element.fl-home-market-bar,
body.home.page-id-64 .elementor-widget-heading.fl-home-market-bar .elementor-heading-title {
	border: none !important;
	background: linear-gradient(180deg, #1a6bff 0%, #0b5fff 35%, #0946d6 100%) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	padding: 0.95rem 1.5rem !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 14px rgba(11, 95, 255, 0.28) !important;
}

body.home.page-id-64 .elementor-element.fl-home-flag-card,
body.home.page-id-64 .elementor-column.fl-home-flag-card > .elementor-widget-wrap {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
	padding: clamp(1rem, 2vw, 1.35rem) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

body.home.page-id-64 .elementor-element.fl-home-flag-card:hover,
body.home.page-id-64 .elementor-column.fl-home-flag-card:hover > .elementor-widget-wrap {
	transform: translateY(-4px) !important;
	border-color: #0b5fff !important;
	box-shadow: 0 8px 28px rgba(11, 95, 255, 0.22), 0 0 0 3px rgba(11, 95, 255, 0.18) !important;
}

/* ==========================================================================
   10) Mobile patch — smartphones ≤767px (banner, flags 2×2, edge padding)
   ========================================================================== */

@media (max-width: 767px) {

	/* --- 3) Global mobile padding — content never touches screen edges --- */
	.site-content,
	.site-content > .ast-container,
	#content.site-content,
	#primary,
	#primary.content-area,
	.entry-content,
	.elementor-widget-container,
	.elementor-section .elementor-container {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box !important;
	}

	/* Undo homepage zero-padding rules from desktop layout block */
	body.home .site-content > .ast-container,
	body.front-page .site-content > .ast-container,
	body.home #primary .entry-content,
	body.front-page #primary .entry-content {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	/* Full-width hero may bleed edge-to-edge; inner text stays padded */
	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover.alignfull,
	body.front-page #post-64 .entry-content > .wp-block-cover.alignfull {
		margin-left: -16px !important;
		margin-right: -16px !important;
		width: calc(100% + 32px) !important;
		max-width: calc(100% + 32px) !important;
	}

	/* --- 1) Hero banner typography — stop overlap, elite contrast --- */
	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover,
	body.front-page #post-64 .entry-content > .wp-block-cover {
		min-height: 280px !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container,
	body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container {
		padding: 1.25rem 16px 1.5rem !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p,
	body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p,
	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p.has-large-font-size,
	body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container p.has-large-font-size {
		margin-top: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
		font-size: 1rem !important;
		line-height: 1.3 !important;
		color: #ffffff !important;
		text-align: center !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container strong,
	body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container strong {
		display: block !important;
		font-size: 1.2rem !important;
		line-height: 1.3 !important;
		color: #ffffff !important;
		font-weight: 700 !important;
		margin: 0 0 0.85rem !important;
		padding: 0 !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container em,
	body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container em {
		display: block !important;
		font-size: 0.9rem !important;
		line-height: 1.3 !important;
		color: #ffffff !important;
		font-style: normal !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container br,
	body.front-page #post-64 .entry-content > .wp-block-cover .wp-block-cover__inner-container br {
		display: none !important;
	}

	/* Intro below banner — breathing room on small screens */
	body.home.page-id-64 #post-64 .entry-content > p.has-medium-font-size,
	body.front-page #post-64 .entry-content > p.has-medium-font-size {
		font-size: 0.9375rem !important;
		line-height: 1.55 !important;
		margin-top: 1.25rem !important;
		margin-bottom: 1.25rem !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Market bar — full width inside padded canvas */
	body.home.page-id-64 #post-64 .entry-content > p.has-text-align-center[style*="border-width"],
	body.home.page-id-64 #post-64 .entry-content > p.has-text-align-center:has(strong) {
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		font-size: 0.875rem !important;
		letter-spacing: 0.06em !important;
	}

	/* --- 2) Homepage flag cards — forced 2×2 grid, no syllable squish --- */
	body.home.page-id-64 #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile,
	body.front-page #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		justify-content: space-between !important;
		gap: 12px !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column,
	body.front-page #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex: 0 0 calc(50% - 6px) !important;
		flex-basis: calc(50% - 6px) !important;
		width: calc(50% - 6px) !important;
		max-width: calc(50% - 6px) !important;
		min-width: calc(50% - 6px) !important;
		padding: 15px !important;
		box-sizing: border-box !important;
		margin: 0 !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column > p.has-text-align-center,
	body.front-page #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column > p.has-text-align-center {
		font-size: clamp(0.6875rem, 2.9vw, 0.8125rem) !important;
		line-height: 1.25 !important;
		hyphens: none !important;
		-webkit-hyphens: none !important;
		-ms-hyphens: none !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		white-space: normal !important;
	}

	body.home.page-id-64 #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile .wp-block-image img,
	body.front-page #post-64 .entry-content > .wp-block-columns.is-not-stacked-on-mobile .wp-block-image img {
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
	}

	/* Elementor flag grid fallback (2×2) */
	body.home.page-id-64 .elementor-section.fl-home-flags .elementor-container,
	body.home.page-id-64 .elementor-inner-section.fl-home-flags .elementor-container {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 12px !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.home.page-id-64 .elementor-column.fl-home-flag-card {
		flex: 0 0 calc(50% - 6px) !important;
		width: calc(50% - 6px) !important;
		max-width: calc(50% - 6px) !important;
	}

	body.home.page-id-64 .elementor-column.fl-home-flag-card > .elementor-widget-wrap {
		padding: 15px !important;
	}

	body.home.page-id-64 .elementor-column.fl-home-flag-card .elementor-heading-title,
	body.home.page-id-64 .elementor-column.fl-home-flag-card .elementor-widget-text-editor {
		hyphens: none !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		font-size: clamp(0.6875rem, 2.9vw, 0.8125rem) !important;
	}
}

/* PORTAL_UI_START */
html body {
	--fl-nav-text: #1e293b;
	--fl-nav-hover: #1d4ed8;
	--fl-cta-from: #1e40af;
	--fl-cta-to: #1d4ed8;
	--fl-cta-hover-from: #1d4ed8;
	--fl-cta-hover-to: #2563eb;
	--fl-header-border: #e2e8f0;
	--fl-grid-color: #f8fafc;
	--fl-grid-line: rgba(226, 232, 240, 0.35);
	--fl-grid-size: 32px;
	--fl-grid-bg:
		linear-gradient(var(--fl-grid-line) 1px, transparent 1px),
		linear-gradient(90deg, var(--fl-grid-line) 1px, transparent 1px);
}

/* --- Fejléc: átlátszó — a body fixed rácsa látszik (nincs elcsúszó második rács) --- */
html body #masthead,
html body #masthead.site-header {
	background-color: transparent !important;
	background-image: none !important;
	border-bottom: 1px solid var(--fl-header-border) !important;
	box-shadow: none !important;
	padding: 0 !important;
}

@media (min-width: 922px) {
	html body #masthead {
		display: grid !important;
		grid-template-columns: 1fr minmax(0, var(--fl-container-max)) 1fr !important;
		grid-template-rows: auto !important;
		align-items: center !important;
		padding: 0.6rem 0 !important;
		min-height: 64px !important;
		box-sizing: border-box !important;
	}

	html body #masthead #ast-desktop-header {
		grid-column: 2 !important;
		grid-row: 1 !important;
		justify-self: stretch !important;
		align-self: center !important;
		width: 100% !important;
		max-width: var(--fl-container-max) !important;
		padding-left: clamp(1rem, 3vw, 1.5rem) !important;
		padding-right: clamp(1rem, 3vw, 1.5rem) !important;
		box-sizing: border-box !important;
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		z-index: 1 !important;
		background: transparent !important;
	}

	html body #masthead #ast-mobile-header {
		display: block !important;
		grid-column: 2 !important;
		grid-row: 1 !important;
		justify-self: stretch !important;
		align-self: center !important;
		width: 100% !important;
		max-width: var(--fl-container-max) !important;
		padding-left: clamp(1rem, 3vw, 1.5rem) !important;
		padding-right: clamp(1rem, 3vw, 1.5rem) !important;
		box-sizing: border-box !important;
		z-index: 2 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	html body #ast-mobile-header .site-branding,
	html body #ast-mobile-header .site-logo-img,
	html body #ast-mobile-header .custom-logo-link {
		display: none !important;
	}

	html body #ast-mobile-header .ast-main-header-wrap,
	html body #ast-mobile-header .ast-primary-header-bar {
		display: none !important;
	}

	html body #ast-mobile-header .ast-mobile-header-content {
		display: flex !important;
		position: static !important;
		width: 100% !important;
		height: auto !important;
		align-items: center !important;
		justify-content: flex-end !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}

	html body #masthead .ast-above-header-bar .site-above-header-wrap,
	html body #masthead .ast-above-header-bar .ast-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: none !important;
		background: transparent !important;
		background-image: none !important;
	}
}

/* Minden fejléc-belső réteg: NINCS saját rács / fehér doboz */
html body #masthead .ast-above-header-wrap,
html body #masthead .ast-above-header-bar,
html body #masthead .ast-main-header-wrap,
html body #masthead .main-header-bar-wrap,
html body #masthead .ast-primary-header-bar,
html body #masthead .main-header-bar,
html body #masthead .site-above-header-wrap,
html body #masthead .site-primary-header-wrap,
html body #masthead .ast-builder-grid-row-container,
html body #masthead .ast-builder-grid-row,
html body #masthead .site-header-section,
html body #masthead .site-branding,
html body #masthead .site-logo-img,
html body #masthead .ast-site-identity,
html body #masthead .ast-builder-menu-1,
html body #masthead .main-header-bar-navigation,
html body #masthead .ast-container,
html body #masthead .site-header-above-section-left,
html body #masthead .site-header-above-section-right,
html body #masthead .site-header-primary-section-left,
html body #masthead .site-header-primary-section-right,
html body #masthead .ast-builder-layout-element,
html body #ast-mobile-header,
html body #ast-mobile-header .ast-main-header-wrap,
html body #ast-mobile-header .ast-primary-header-bar,
html body #ast-mobile-header .ast-above-header-bar,
html body #ast-mobile-header .ast-mobile-header-content {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	border: none !important;
}

html body #masthead .custom-logo-link {
	display: inline-flex !important;
	align-items: center !important;
	padding: 0.65rem 0 !important;
	margin: 0 !important;
	text-decoration: none !important;
	border: none !important;
	box-shadow: none !important;
	background: transparent !important;
	background-image: none !important;
}

html body #masthead .custom-logo-link,
html body #masthead .site-logo-img,
html body #masthead .site-branding {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	isolation: auto !important;
}

html body #masthead .custom-logo-link img,
html body #masthead img.custom-logo,
html body header .custom-logo-link img,
html body header .site-logo-img img,
header .custom-logo-link img {
	max-width: min(200px, 48vw) !important;
	max-height: 48px !important;
	width: auto !important;
	height: auto !important;
	display: block !important;
	background: transparent !important;
	background-color: transparent !important;
}

html body #masthead .custom-logo-link img,
html body #masthead img.custom-logo,
html body header .custom-logo-link img {
	mix-blend-mode: multiply !important;
}

@media (max-width: 921px) {
	html body #ast-mobile-header .ast-primary-header-bar .ast-container,
	html body #ast-mobile-header .site-primary-header-wrap {
		padding-left: clamp(1rem, 3vw, 1.5rem) !important;
		padding-right: clamp(1rem, 3vw, 1.5rem) !important;
		max-width: var(--fl-container-max) !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box !important;
		background: transparent !important;
		background-image: none !important;
	}
}

html body #masthead .custom-logo-link:hover,
html body #masthead .custom-logo-link:focus {
	color: inherit !important;
	border: none !important;
	box-shadow: none !important;
	opacity: 0.92 !important;
}
html body #masthead .main-header-menu,
html body #masthead .main-header-bar-navigation nav {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: wrap !important;
	gap: 0.35rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

html body #masthead .main-header-menu > .menu-item,
html body #masthead .ast-nav-menu > .menu-item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: transparent !important;
}

html body #masthead a.menu-link,
html body #masthead .main-header-bar-navigation a.menu-link,
html body #masthead .main-navigation a.menu-link,
html body #masthead .ast-builder-menu-1 a.menu-link,
html body #masthead .main-header-menu a.menu-link,
html body #masthead .main-header-menu .menu-item > a {
	color: var(--fl-nav-text) !important;
	text-decoration: none !important;
	text-decoration-line: none !important;
	-webkit-text-decoration: none !important;
	font-weight: 600 !important;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 13px !important;
	line-height: 1.2 !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	padding: 0.45rem 0.65rem !important;
	border: none !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: color 0.2s ease, border-color 0.2s ease !important;
}

html body #masthead .custom-logo-link,
html body #masthead .custom-logo-link:hover,
html body #masthead .custom-logo-link:focus {
	color: inherit !important;
	padding: 0.65rem 0 !important;
}

html body #masthead a.menu-link:hover,
html body #masthead .main-header-bar-navigation a.menu-link:hover,
html body #masthead .main-navigation a.menu-link:hover,
html body #masthead .ast-builder-menu-1 a.menu-link:hover,
html body #masthead .main-header-menu a.menu-link:hover,
html body #masthead .main-header-menu .menu-item > a:hover {
	color: var(--fl-nav-hover) !important;
	background: transparent !important;
	border-color: transparent !important;
	border-bottom-color: var(--fl-nav-hover) !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

html body #masthead .menu-item.current-menu-item > a.menu-link,
html body #masthead .menu-item.current-menu-ancestor > a.menu-link {
	color: var(--fl-nav-hover) !important;
	background: transparent !important;
	border-color: transparent !important;
	border-bottom-color: var(--fl-nav-hover) !important;
	box-shadow: none !important;
}

html body #masthead .ast-mobile-menu-trigger-minimal {
	color: var(--fl-nav-text) !important;
	background: transparent !important;
	border: 1px solid var(--fl-header-border) !important;
	border-radius: 6px !important;
}

/* --- /de/ és aloldalak: Gutenberg felső menü (Kredit, Versicherung…) --- */
html body .entry-content .wp-block-navigation,
html body .entry-content > .wp-block-navigation,
html body .wp-block-navigation {
	margin: 0 0 1.5rem !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

html body .wp-block-navigation__container,
html body .wp-block-navigation .wp-block-navigation__container {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: stretch !important;
	gap: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid var(--fl-header-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html body .wp-block-navigation-item,
html body .wp-block-navigation .wp-block-navigation-item {
	background: transparent !important;
	margin: 0 !important;
}

html body .wp-block-navigation-item__content,
html body .wp-block-navigation .wp-block-navigation-item__content {
	color: var(--fl-nav-text) !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	padding: 0.8rem 1rem !important;
	border: none !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease !important;
}

html body .wp-block-navigation-item__content:hover,
html body .wp-block-navigation-item__content:focus,
html body .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
	color: var(--fl-nav-hover) !important;
	background: transparent !important;
	border-bottom-color: var(--fl-nav-hover) !important;
	text-decoration: none !important;
}

/* Főoldal: nincs fehér tartalom-doboz, fejléc egy vonalban */
html body.home.ast-separate-container .site-content > .ast-container > article,
html body.home .ast-article-single,
html body.home #primary .entry-content,
html body.front-page.ast-separate-container .site-content > .ast-container > article,
html body.front-page #primary .entry-content {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

html body.home #masthead .ast-above-header-wrap,
html body.front-page #masthead .ast-above-header-wrap {
	width: 100% !important;
}

/* /de/ landing: nincs fehér doboz a tartalom körül, ikonok átlátszó hátterrel */
html body.page-id-13.ast-separate-container .site-content > .ast-container > article,
html body.page-id-13 .ast-article-single,
html body.fl-de-locale.page-id-13 #primary .entry-content,
html body.page-id-13 #primary .entry-content {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

html body.fl-de-locale .entry-content .wp-block-image img,
html body.page-id-13 .entry-content .wp-block-image img,
html body.page-id-13 .entry-content .wp-block-column .wp-block-image img {
	background: transparent !important;
	mix-blend-mode: multiply !important;
	border: none !important;
	box-shadow: none !important;
}

html body.page-id-13 .entry-content .wp-block-image figure,
html body.page-id-13 .entry-content .wp-block-image {
	background: transparent !important;
	margin-bottom: 0.75rem !important;
}

/* --- Prémium CTA gombok (Jetzt vergleichen, Konditionen prüfen…) --- */
html body .wp-block-button__link,
html body .wp-element-button,
html body a.wp-block-button__link,
html body .elementor-button,
html body .elementor-button-link,
html body .ast-button,
html body .entry-content .wp-block-button .wp-block-button__link,
html body input[type="submit"]:not(.search-submit),
html body button[type="submit"]:not(.search-submit) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: linear-gradient(135deg, var(--fl-cta-from) 0%, var(--fl-cta-to) 100%) !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: 0.9375rem !important;
	line-height: 1.2 !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 0.75rem 1.5rem !important;
	box-shadow: 0 4px 14px rgba(30, 64, 175, 0.22) !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

html body .wp-block-button__link:hover,
html body .wp-element-button:hover,
html body .elementor-button:hover,
html body .elementor-button-link:hover,
html body .ast-button:hover,
html body input[type="submit"]:not(.search-submit):hover,
html body button[type="submit"]:not(.search-submit):hover {
	background: linear-gradient(135deg, var(--fl-cta-hover-from) 0%, var(--fl-cta-hover-to) 100%) !important;
	color: #ffffff !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 22px rgba(30, 64, 175, 0.28) !important;
	text-decoration: none !important;
}

html body .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--fl-nav-hover) !important;
	border: 2px solid var(--fl-nav-hover) !important;
	box-shadow: none !important;
}

html body .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: rgba(29, 78, 216, 0.06) !important;
	color: var(--fl-nav-hover) !important;
	transform: translateY(-1px) !important;
}

/* Szolgáltatás-kártyák (/de/ felső blokk) */
html body .entry-content > .wp-block-columns:first-of-type,
html body .entry-content .wp-block-columns:has(.wp-block-button) {
	gap: 1.25rem !important;
	margin-bottom: 1.5rem !important;
}

html body .entry-content .wp-block-column:has(.wp-block-button) {
	background: #ffffff !important;
	border: 1px solid var(--fl-header-border) !important;
	border-radius: 10px !important;
	padding: 1.25rem 1.35rem !important;
	box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05) !important;
}

html body .entry-content .wp-block-column:has(.wp-block-button) h3 {
	margin-top: 0 !important;
	margin-bottom: 0.65rem !important;
	font-size: 1.125rem !important;
	color: #0f172a !important;
}

html body .entry-content .wp-block-column:has(.wp-block-button) p {
	margin-bottom: 1rem !important;
	font-size: 0.9375rem !important;
	line-height: 1.55 !important;
}

/* Blog/hír blokkok — cím NEM kék CTA doboz (slug: *vergleich* miatt volt hibás) */
html body .wp-block-latest-posts,
html body ul.wp-block-latest-posts__list.wp-block-latest-posts {
	width: 100% !important;
	max-width: 100% !important;
}

html body .wp-block-latest-posts__list.is-grid.columns-3,
html body .wp-block-latest-posts.is-grid.columns-3.wp-block-latest-posts__list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1.25rem !important;
}

html body .wp-block-latest-posts__list.is-grid.columns-3 li,
html body .wp-block-latest-posts.is-grid.columns-3 li {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
}

html body .wp-block-latest-posts__post-title,
html body a.wp-block-latest-posts__post-title {
	display: block !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	min-height: 0 !important;
	padding: 1rem 1rem 0.35rem !important;
	color: #0f172a !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

html body .wp-block-latest-posts__post-title:hover,
html body a.wp-block-latest-posts__post-title:hover {
	color: #0b5fff !important;
	background: transparent !important;
	transform: none !important;
	box-shadow: none !important;
}

html body .wp-block-latest-posts__post-title p,
html body .wp-block-latest-posts__post-title strong,
html body .wp-block-latest-posts__post-title * {
	color: inherit !important;
	background: transparent !important;
}

html body .entry-content .wp-block-column ul li a:not(.wp-block-button__link) {
	display: inline !important;
	min-height: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #0b5fff !important;
}

/* Footer jogi oszlopok — portal UI (4) */
html body .site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {
	max-width: var(--fl-container-max) !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 3vw, 1.5rem) !important;
	padding-right: clamp(1rem, 3vw, 1.5rem) !important;
	box-sizing: border-box !important;
}

html body .site-below-footer-wrap .ast-builder-grid-row {
	max-width: var(--fl-container-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 3vw, 1.5rem) !important;
	padding-right: clamp(1rem, 3vw, 1.5rem) !important;
}

@media (max-width: 767px) {
	html body #masthead {
		display: block !important;
		max-width: none !important;
	}

	html body #masthead .custom-logo-link img,
	html body #masthead img.custom-logo {
		max-height: 40px !important;
	}

	html body #masthead .main-header-menu {
		justify-content: center !important;
		width: 100% !important;
		padding: 0.35rem 0 !important;
	}

	html body #masthead a.menu-link,
	html body #masthead .main-header-menu a.menu-link {
		font-size: 12px !important;
		padding: 0.4rem 0.55rem !important;
	}

	html body .wp-block-navigation__container {
		flex-direction: column !important;
		align-items: stretch !important;
		border-bottom: none !important;
		border: 1px solid var(--fl-header-border) !important;
		border-radius: 8px !important;
		overflow: hidden !important;
	}

	html body .wp-block-navigation-item__content {
		display: block !important;
		text-align: left !important;
		border-bottom: 1px solid var(--fl-header-border) !important;
	}

	html body .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
		border-bottom: none !important;
	}

	html body .wp-block-latest-posts__list.is-grid.columns-3,
	html body .wp-block-latest-posts.is-grid.columns-3.wp-block-latest-posts__list {
		grid-template-columns: 1fr !important;
	}

	html body .entry-content .wp-block-column:has(.wp-block-button) {
		padding: 1rem !important;
	}

	html body .wp-block-button__link,
	html body .wp-element-button {
		width: 100% !important;
		justify-content: center !important;
	}
}

/* PORTAL_UI_END */