/**
 * Sustena — stiluri suplimentare front-end.
 * Sustena — supplementary front-end styles.
 *
 * Pentru fonturi self-hosted (Inter / Fraunces), pune fișierele .woff2 în
 * assets/fonts/ și decomentează blocurile @font-face de mai jos.
 */

/*
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/Inter-Variable.woff2") format("woff2");
}
@font-face {
	font-family: "Fraunces";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/Fraunces-Variable.woff2") format("woff2");
}
*/

/* Antet lipicios (sticky) opțional / optional sticky header */
.sustena-header {
	position: sticky;
	top: 0;
	z-index: 100;
	backdrop-filter: saturate(180%) blur(8px);
	border-bottom: 1px solid rgba(27, 58, 38, 0.06);
}

/* Separator „frunză” / leaf separator */
.wp-block-separator.is-style-eco-leaf {
	border: none;
	height: auto;
	max-width: 120px;
	margin-inline: auto;
	text-align: center;
	overflow: visible;
}

.wp-block-separator.is-style-eco-leaf::before {
	content: "🌿";
	display: inline-block;
	font-size: 1.5rem;
	line-height: 1;
}

/* Imagine cu colțuri rotunjite / rounded image style */
.wp-block-image.is-style-eco-rounded img {
	border-radius: 16px;
}

/* Listă de articole: imagini uniforme / list view: consistent images */
.wp-block-post-featured-image img {
	object-fit: cover;
	width: 100%;
}

/* Linkuri din termeni (categorii) sub formă de pastile / category term pills */
.wp-block-post-terms a {
	text-decoration: none;
}

/* Formular de căutare mai prietenos / friendlier search form */
.wp-block-search__input {
	border: 1px solid rgba(27, 58, 38, 0.15);
	padding: 0.75rem 1rem;
}

.wp-block-search__input:focus {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 1px;
}

/* Citate cu accent / accent quotes */
.wp-block-quote {
	padding-left: 1.25rem;
}

/* „Drop cap” pe culoarea primară / primary-colored drop cap */
.has-drop-cap:not(:focus)::first-letter {
	color: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
}

/* Comentarii / comments spacing */
.wp-block-comment-template li {
	margin-bottom: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
	border-bottom: 1px solid rgba(27, 58, 38, 0.08);
}

/* Pe ecrane mici, grilele de 3 coloane devin 1 / collapse 3-col grids on mobile */
@media (max-width: 600px) {
	.wp-block-post-template.is-layout-grid {
		grid-template-columns: 1fr !important;
	}
}