/**
 * Otthon Íze — közös blokk-stílusok.
 *
 * A frontenden és a blokkszerkesztőben is betöltődik (a saját blokkok
 * block.json-ja és az add_editor_style hivatkozik rá).
 */

/* =========================================================
   1. Konténer és szekció
   ========================================================= */
.otthonizei-container {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--wp--style--global--wide-size, 1360px) + 30px);
	margin-inline: auto;
	padding-inline: 15px;
}

/* A szekciók között alapból nincs térköz: a távolságot a szerkesztő
   Térköz (Spacer) blokkal adja meg kézzel. Belső függőleges margója csak
   a háttérszínes szekcióknak van (hero, hírlevél), hogy a tartalom ne
   tapadjon a sáv széléhez. */
.otthonizei-section {
	padding-block: 0;
}

.otthonizei-newsletter {
	padding-block: var(--wp--preset--spacing--60);
}

/* A blockGap-ből adódó rés se jelenjen meg a szekciók és a köztük lévő
   Térköz blokkok körül */
.entry-content > .otthonizei-section,
.entry-content > .wp-block-spacer,
.entry-content > .otthonizei-section + *,
.entry-content > .wp-block-spacer + * {
	margin-block: 0;
}

/* A szekció első/utolsó eleme se tolja el a határát (összeomló margók) */
.otthonizei-section > * > :first-child {
	margin-top: 0;
}

.otthonizei-section > * > :last-child {
	margin-bottom: 0;
}

/* Szekció alján „Összes …” gomb (recept-rács, termékválogatás) */
.otthonizei-more {
	display: flex;
	justify-content: center;
	margin-top: var(--wp--preset--spacing--50);
}

.otthonizei-more .otthonizei-more__button {
	display: inline-block;
	min-width: 220px;
	text-align: center;
}

.otthonizei-more .otthonizei-more__button:hover {
	text-decoration: none;
}

@media (max-width: 599px) {
	.otthonizei-more .otthonizei-more__button {
		width: 100%;
	}
}

/* =========================================================
   2. Eyebrow / szekciócím — a brand védjegy-motívuma
   (az élő oldalon: .box .title — uppercase 10,5px, ls 1px,
   2px alsó szegély #EADFDB, alatta lefelé mutató háromszög)
   ========================================================= */
.is-style-eyebrow,
.is-style-eyebrow-left {
	position: relative;
	margin-bottom: 1.5rem;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--meta);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 2px solid var(--wp--preset--color--accent);
}

.is-style-eyebrow::after,
.is-style-eyebrow-left::after {
	content: "";
	position: absolute;
	top: 100%;
	left: calc(50% - 7px);
	z-index: 10;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7px 0 7px;
	border-color: var(--wp--preset--color--accent) transparent transparent transparent;
}

/* Balra zárt változat ugyanazzal a jelölővel */
.is-style-eyebrow-left {
	text-align: left;
}

.is-style-eyebrow-left::after {
	left: 14px;
}

/* =========================================================
   3. Éles sarkok — a brand sehol nem használ lekerekítést
   ========================================================= */
.wp-block-button__link,
.wp-block-search__input,
.wp-block-search__button,
.wp-block-image img,
.wp-block-post-featured-image img {
	border-radius: 0;
}

/* =========================================================
   4. Szerkesztői helyőrző (csak előnézetben jelenik meg)
   ========================================================= */
.otthonizei-block-placeholder {
	margin: 0;
	padding: 1.5rem;
	border: 1px dashed var(--wp--preset--color--muted);
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--contrast-2);
	font-family: var(--wp--preset--font-family--meta);
	font-size: var(--wp--preset--font-size--small);
	text-align: center;
}

/* =========================================================
   5. Blokkszerkesztő: a szekció-blokkok teljes szélességben
   ========================================================= */
.editor-styles-wrapper .otthonizei-section {
	margin-block: 0;
}