/**
 * Engine block styles — loaded on the site and in the editor canvas.
 * Neutral on purpose: structure and behaviour only. Brand colours, fonts and spacing come
 * from theme.json presets (--wp--preset--*) and the project's own CSS.
 */

/* Editor placeholder of an empty block */
.dooble-block-placeholder {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 24px;
	border: 1px dashed #949494;
	border-radius: 4px;
	text-align: center;
	font-family: system-ui, sans-serif;
	font-size: 14px;
	color: #1e1e1e;
	background: #f6f7f7;
}
.dooble-block-placeholder small {
	color: #757575;
}

/* Accordion behaviour (DoobleUI) */
[data-dooble-accordion-panel][hidden],
[data-dooble-panel][hidden] {
	display: none;
}
[data-dooble-accordion-toggle] {
	cursor: pointer;
}

/* Reference block: FAQ (acf/faq) */
.dooble-faq {
	padding-block: var(--wp--preset--spacing--60, 64px);
}
.dooble-faq__inner {
	max-width: var(--wp--style--global--content-size, 1200px);
	margin-inline: auto;
	padding-inline: 20px;
}
.dooble-faq__badge {
	display: inline-block;
	margin-block-end: 8px;
	font-size: 0.875em;
}
.dooble-faq__title {
	margin-block: 0 12px;
}
.dooble-faq__text {
	margin-block: 0 32px;
}
.dooble-faq__list {
	display: grid;
	gap: 12px;
}
.dooble-faq__item {
	border-block-end: 1px solid currentColor;
}
.dooble-faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	padding-block: 16px;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-weight: 600;
	text-align: start;
}
.dooble-faq__icon::before {
	content: "+";
}
.dooble-faq__item.is-open .dooble-faq__icon::before {
	content: "−";
}
.dooble-faq__answer {
	padding-block-end: 16px;
}
.dooble-faq__answer > :first-child {
	margin-block-start: 0;
}
.dooble-faq__answer > :last-child {
	margin-block-end: 0;
}

/* Breadcrumbs (dooble_breadcrumbs_html) */
.dooble-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.dooble-breadcrumbs li + li::before {
	content: "/";
	margin-inline-end: 8px;
	opacity: 0.6;
}

/* acf/faq — Block Style "כרטיסים" */
.dooble-faq--boxed .dooble-faq__item {
	border: 1px solid currentColor;
	border-radius: 8px;
	padding-inline: 16px;
}