/* Florărie – Localități: stil pagini (FAQ + cost). Se încarcă doar pe /livrare-flori/{slug}/. */

/* --- Spațiere sus la titlu ---
   Blocksy are page-title top spacing OFF global (și rămâne așa, e default-ul corect pentru
   pagini). Adăugăm aerul DOAR aici: fișierul se încarcă exclusiv pe paginile de localitate,
   iar `.site-main` ridică specificitatea peste regula de bază Blocksy (fără !important).
   40px = simetric cu margin-bottom-ul titlului. */
.site-main .hero-section {
	padding-top: 40px;
}
@media (max-width: 767px) {
	.site-main .hero-section {
		padding-top: 24px;
	}
}

/* --- Recenzii: aceeași lățime ca rândurile de FAQ ---
   Ambele sunt copii direcți ai `.entry-content.is-layout-constrained`, deci WordPress le-ar
   da aceeași lățime de conținut. Dar regula lui de layout folosește `:where(...)`, cu
   specificitate ZERO, iar `.ultimele-recenzii-container { max-width: 100% }` din CSS-ul
   modulului de recenzii o poate învinge — caz în care blocul de recenzii se întinde pe toată
   lățimea, iar FAQ-ul de sub el rămâne îngust. Îl readucem explicit la lățimea de conținut.
   Fișierul se încarcă doar pe paginile de localitate, deci homepage-ul nu e afectat. */
/* Recenziile primesc CORP, nu doar antet.
   Doar titlul centrat nu delimita nimic: secțiunea avea exact aceeași înfățișare ca FAQ-ul
   de dedesubt, așa că blocul părea aruncat între grila de produse și întrebări. Cu fundal
   propriu, rândurile devin un obiect cu margini, iar pagina capătă trei zone clare —
   produse, recenzii, întrebări. Titlul rămâne în afara casetei (e bloc separat): anunță,
   apoi urmează cutia.

   ATENȚIE la selector: `reviews.css` se încarcă DUPĂ acest fișier (modulul îl pune în
   coadă abia când rulează shortcode-ul, adică în timpul the_content) și conține
   `.ultimele-recenzii-container { background:none; border:none; padding:0; max-width:100% }`.
   La specificitate egală câștigă el, fiind ultimul. De aceea prefixăm cu `.entry-content` —
   nu din stil, ci ca să avem (0,2,0) contra (0,1,0). Fișierul se încarcă doar pe paginile
   de localitate, deci homepage-ul rămâne cu formatul lui. */
.entry-content .ultimele-recenzii-container {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto 64px;
	padding: 8px 36px 32px;
	background: #fafafa;
	border: 1px solid #ededed;
}
/* Ultimul rând nu mai are nevoie de linie: o dă marginea casetei. */
.entry-content .ultimele-recenzii-container .recenzie-item:last-of-type {
	padding-bottom: 0;
}
@media (max-width: 767px) {
	.entry-content .ultimele-recenzii-container {
		padding: 4px 20px 24px;
		margin-bottom: 48px;
	}
}

/* --- Titlu + intro de secțiune (FAQ și Recenzii, aceeași gramatică) ---
   Recenziile foloseau titlul mic-uppercase al modulului, care nu anunța o secțiune nouă:
   după grila de produse, blocul părea aruncat în pagină. Acum ambele secțiuni au același
   ritm — titlu centrat, un rând gri de intro, aceeași cantitate de aer deasupra — deci se
   citesc ca două părți ale aceleiași pagini, fără să fie nevoie de chenar sau fundal. */
.fl-faq__title,
.fl-rev__title {
	text-align: center;
	margin: 56px 0 12px; /* aer deasupra întregii zone */
}
.fl-faq__intro,
.fl-rev__intro {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 28px;
	color: #6b6b6b;
}

/* --- FAQ: rânduri toggle (core/details), pe lățimea conținutului --- */
/* Blocksy pune pe <details> margin-bottom/top + border — le anulăm ca să fie simetric. */
.fl-faq__item {
	/* doar vertical: anulează margin-block-end:24px (asimetria); orizontalul rămâne auto (centrare). */
	margin-block: 0 !important;
	padding: 0;
	border-top: 1px solid #e6e6e6;
	background: none;
}
.fl-faq__item:last-of-type {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 56px !important; /* aer sub întreaga zonă FAQ */
}
.fl-faq__item > summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 24px 0; /* spațiu egal deasupra/dedesubtul titlului */
	margin: 0;
	font-weight: 600;
	line-height: 1.4;
}
.fl-faq__item > summary::-webkit-details-marker {
	display: none;
}

/* iconul +/− desenat în CSS, perfect centrat în cerc */
.fl-faq__item > summary::after {
	content: "";
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	background:
		linear-gradient(#555, #555) center / 11px 1.5px no-repeat,
		linear-gradient(#555, #555) center / 1.5px 11px no-repeat;
	transition: border-color .15s ease;
}
.fl-faq__item[open] > summary::after {
	background: linear-gradient(#555, #555) center / 11px 1.5px no-repeat; /* doar orizontală = − */
}
.fl-faq__item > summary:hover::after {
	border-color: #9a9a9a;
}

/* răspuns (vizibil doar când e deschis) — spațiu sub = ca deasupra titlului */
.fl-faq__item > *:not(summary) {
	margin-block-start: 0 !important; /* fără gap dublu Q→A (avem deja padding-bottom de la summary) */
	margin-block-end: 24px !important; /* bate gap-ul „is-layout-flow" Blocksy */
	margin-inline: 0;
	color: #5d5d5d;
	line-height: 1.65;
}