/* ================================================
   Dolce Flow — egyedi stílusok
   (amit a theme.json nem tud kifejezni)
   ================================================ */

:root {
	--df-shadow: 0 18px 45px -25px rgba(70, 55, 38, 0.45);
	--df-shadow-soft: 0 10px 30px -20px rgba(70, 55, 38, 0.4);
}

/* Lágyabb, tágabb törzsszöveg */
body {
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.005em;
}

/* Címsorok finom betűköze */
h1, h2, h3, h4,
.wp-block-heading {
	letter-spacing: 0.01em;
}

/* --- Eyebrow felirat (szekciók fölötti kis nagybetűs cím) --- */
.df-eyebrow {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.8rem !important;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

/* --- Gombok: lágy árnyék + finom mozgás --- */
.wp-element-button,
.wp-block-button__link {
	transition: transform 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
	box-shadow: var(--df-shadow-soft);
}
.wp-element-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-2px);
}

/* Zöld gombok szövege mindig világos (kivéve az outline gombokat) */
.wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	color: #F7F2E6 !important;
}

/* Outline gomb stílus */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--accent);
	border: 1.5px solid var(--wp--preset--color--accent);
	box-shadow: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent);
	color: #F7F2E6;
}

/* --- Kártyák (csoportok, oszlopok háttérrel) lágy árnyék --- */
.df-card {
	box-shadow: var(--df-shadow) !important;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.df-card:hover {
	transform: translateY(-4px);
}

/* --- Vélemény kártyák idézőjel dísz --- */
.df-quote {
	position: relative;
}
.df-quote::before {
	content: "\201C";
	position: absolute;
	top: -0.5rem;
	left: 1rem;
	font-family: var(--wp--preset--font-family--heading);
	font-size: 5rem;
	line-height: 1;
	color: var(--wp--preset--color--border);
	opacity: 0.8;
	pointer-events: none;
}

/* --- Site title ne legyen aláhúzva linkként --- */
.wp-block-site-title a {
	text-decoration: none;
}

/* --- Navigáció: finom aláhúzás hover-re --- */
.wp-block-navigation .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--ui);
	font-weight: 500;
	transition: color 0.2s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}

/* --- Lótusz elválasztó (dekoratív pötty) --- */
.df-divider {
	text-align: center;
	color: var(--wp--preset--color--accent);
	font-size: 1.4rem;
	letter-spacing: 0.6em;
	opacity: 0.8;
}

/* --- Blog kártyák --- */
.wp-block-post-template .wp-block-post-featured-image img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
	width: 100%;
}

/* --- Kapcsolati / GYIK finomítás --- */
.df-contact-item {
	line-height: 1.5;
}

/* --- Reszponzív: oszlopok mobilon egymás alá, kártyák padding --- */
@media (max-width: 781px) {
	.df-hero-title { font-size: 2.8rem !important; }
	.df-card { text-align: left; }
}

/* Finom belépő animáció (reduced-motion tisztelettel) */
@media (prefers-reduced-motion: no-preference) {
	.wp-block-group.df-fade,
	.df-card {
		animation: dfFadeUp 0.7s ease both;
	}
	@keyframes dfFadeUp {
		from { opacity: 0; transform: translateY(14px); }
		to { opacity: 1; transform: translateY(0); }
	}
}

/* --- Fejléc logó --- */
.df-site-logo{margin:0}
.df-site-logo img{height:112px;max-height:112px;width:auto;display:block}
@media (max-width:781px){ .df-site-logo img{height:80px} }

/* --- Görgetéskor zsugorodó, ragadós fejléc --- */
header.wp-block-template-part{position:sticky;top:0;z-index:100;transition:box-shadow .28s ease}
header.wp-block-template-part > .wp-block-group{transition:padding-top .28s ease,padding-bottom .28s ease}
.df-site-logo img{transition:height .28s ease,max-height .28s ease}
header.wp-block-template-part.df-scrolled > .wp-block-group{padding-top:.45rem !important;padding-bottom:.45rem !important}
header.wp-block-template-part.df-scrolled{box-shadow:0 6px 20px -14px rgba(70,55,38,.5)}
header.wp-block-template-part.df-scrolled .df-site-logo img{height:68px !important;max-height:68px !important}
@media (max-width:781px){ header.wp-block-template-part.df-scrolled .df-site-logo img{height:56px !important;max-height:56px !important} }

/* --- Oklevél galéria: teljes kép a keretben --- */
.df-cert-gallery img{object-fit:contain !important;background:#fff;border:1px solid var(--wp--preset--color--border);border-radius:12px;padding:.4rem}

/* ===== Finomhangolás (design egyeztetés) ===== */
/* Menü betűméret kicsit nagyobb */
header.wp-block-template-part .wp-block-navigation{font-size:1.4rem}

/* Kapcsolat: telefon/e-mail linkek ne legyenek aláhúzva */
.df-contact-item a{text-decoration:none}
.df-contact-item a:hover{text-decoration:underline}

/* Kártyák apró (small) szövege olvashatóbb (pl. Hogyan zajlik, Végzettségek) */
.df-card .has-small-font-size{font-size:1rem}

/* Idézet-kártyák: több hely fent és oldalt, hogy az idézőjel ne csússzon a szövegre */
.df-card.df-quote{padding-top:3.5rem !important;padding-left:2.4rem !important;padding-right:2.1rem !important}
.df-quote::before{top:0.7rem;left:1.2rem;font-size:4rem}

/* Rólam idézet (wp:quote): kisebb betű, levegősebb */
.wp-block-quote{padding-left:1.75rem}
.wp-block-quote p{font-size:1.12rem;line-height:1.75}

/* Listajelek: kis virág (✽), ahogy a tervben */
.wp-block-list{list-style:none;padding-left:0}
.wp-block-list li{position:relative;padding-left:1.6rem}
.wp-block-list li::before{content:"✽";position:absolute;left:0;top:.2rem;color:var(--wp--preset--color--accent);font-size:.78rem}

/* ===== FormLayer űrlap: arculati színek (lila helyett zöld) ===== */
.formlayer-form .formlayer-submit-btn{
  background:var(--wp--preset--color--accent) !important;
  border-color:var(--wp--preset--color--accent) !important;
  color:#F7F2E6 !important;
  border-radius:999px !important;
}
.formlayer-form .formlayer-submit-btn:hover{
  background:var(--wp--preset--color--accent-dark) !important;
  border-color:var(--wp--preset--color--accent-dark) !important;
}
/* Mezők fókusz: zöld (a lila helyett) */
.formlayer-form input:focus,
.formlayer-form textarea:focus,
.formlayer-form select:focus{
  border-color:var(--wp--preset--color--accent) !important;
  box-shadow:0 0 0 2px rgba(62,107,78,.15) !important;
  outline:none !important;
}


/* ===== Rólam idézet: kisebb betű + több hely (ne folyjon az idézőjelre) ===== */
.wp-block-quote.df-quote{padding-top:2.6rem !important;padding-left:2.6rem !important;padding-right:1rem}
.wp-block-quote.df-quote p{font-size:1rem !important;line-height:1.7}
.wp-block-quote.df-quote::before{top:0.1rem;left:0.5rem;font-size:3.3rem}

/* ===== Mobil lenyíló menü: több oldalpadding ===== */
@media (max-width:781px){
  .wp-block-navigation__responsive-container.is-menu-open{padding:2.75rem 2rem !important}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-right:1rem}
}

/* ===== Blog kártyák a tervhez igazítva ===== */
.wp-block-post-template .df-card .wp-block-post-featured-image img{aspect-ratio:16/10 !important;height:auto;object-fit:cover;width:100%}
.wp-block-post-template .df-card .wp-block-post-date{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.wp-block-post-template .df-card .wp-block-post-title{font-size:1.4rem !important;line-height:1.3;margin-top:.35rem}
.wp-block-post-template .df-card .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--primary)}
.wp-block-post-template .df-card .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}

/* ===== Blog kártya: a kép érjen ki a kártya széléig (mint a tervben) ===== */
.wp-block-post-template .df-card{padding:0 0 1rem 0 !important;overflow:hidden !important}
.wp-block-post-template .df-card > .wp-block-post-featured-image{margin:0 !important}
.wp-block-post-template .df-card > .wp-block-post-featured-image img{border-radius:0 !important;width:100% !important;display:block}
.wp-block-post-template .df-card > .wp-block-group{padding-left:1.25rem !important;padding-right:1.25rem !important;padding-top:1rem !important}

/* ===== Blog cikk (single) borítókép: desktopon ne legyen túl nagy ===== */
@media (min-width:782px){
  .wp-block-post-featured-image.alignwide{max-width:760px !important;margin-left:auto !important;margin-right:auto !important}
  .wp-block-post-featured-image.alignwide img{max-height:460px;object-fit:cover;width:100%}
}
/* ===== Űrlap: adatvédelmi pipa (és rádiógomb) zöld, ne lila ===== */
.formlayer-form .formlayer-gdpr-wrap input[type="checkbox"],
.formlayer-form .formlayer-terms-wrap input[type="checkbox"],
.formlayer-form .formlayer-option-label input[type="checkbox"],
.formlayer-form .formlayer-option-label input[type="radio"],
.formlayer-form input[type="checkbox"],
.formlayer-form input[type="radio"]{accent-color:var(--wp--preset--color--accent) !important}