/* Zaydar row layouts — flexbox only (responsive, no tables) */

.zaydar-row {
	display: flex !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	clear: both;
	gap: var(--zaydar-row-gap, 24px);
	align-items: stretch;
}

.zaydar-row:not(.zaydar-row--full-bleed) {
	margin: 1.5rem 0;
}

/* Horizontal: cells side by side — equal width (50% / 33.33%) */
.zaydar-row.zaydar-row--horizontal {
	flex-direction: row !important;
	flex-wrap: nowrap !important;
}

.zaydar-row.zaydar-row--horizontal .zaydar-cell {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	max-width: none;
}

.zaydar-row.zaydar-row--cols-1 .zaydar-cell {
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Edge-to-edge full width — breaks out of the content column */
.zaydar-row.zaydar-row--full-bleed,
.entry-content .zaydar-row.zaydar-row--full-bleed,
.site-content .zaydar-row.zaydar-row--full-bleed,
.ast-article-single .zaydar-row.zaydar-row--full-bleed,
#primary .zaydar-row.zaydar-row--full-bleed,
.ast-container .zaydar-row.zaydar-row--full-bleed,
.ast-separate-container .zaydar-row.zaydar-row--full-bleed,
body .entry-content .zaydar-row.zaydar-row--full-bleed {
	position: relative;
	left: auto;
	right: auto;
	transform: none;
	width: 100vw !important;
	width: 100svw !important;
	max-width: 100vw !important;
	max-width: 100svw !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: calc(50% - 50vw) !important;
	margin-left: calc(50% - 50svw) !important;
	margin-right: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50svw) !important;
	padding: 0 !important;
	gap: 0 !important;
	clear: both;
	box-sizing: border-box;
}

.zaydar-row.zaydar-row--full-bleed .zaydar-cell,
.zaydar-row.zaydar-row--full-bleed .zaydar-cell--full-bleed {
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0 !important;
}

/* Theme content wrappers — keep normal rows contained */
.entry-content .zaydar-row:not(.zaydar-row--full-bleed),
.site-content .zaydar-row:not(.zaydar-row--full-bleed),
.ast-article-single .zaydar-row:not(.zaydar-row--full-bleed),
#primary .zaydar-row:not(.zaydar-row--full-bleed) {
	width: 100% !important;
	max-width: 100% !important;
}

/* Undo paragraph wrappers that themes/plugins add around row divs */
.entry-content > p:has(> .zaydar-row.zaydar-row--full-bleed) {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
}

/* Astra — pull first full-bleed row through article top padding */
.page.ast-separate-container .ast-article-single > .entry-content > .zaydar-row.zaydar-row--full-bleed:first-child,
.single.ast-separate-container .ast-article-single > .entry-content > .zaydar-row.zaydar-row--full-bleed:first-child,
.page.ast-plain-container .ast-article-single > .entry-content > .zaydar-row.zaydar-row--full-bleed:first-child,
.single.ast-plain-container .ast-article-single > .entry-content > .zaydar-row.zaydar-row--full-bleed:first-child {
	margin-top: -3em !important;
}

/* Vertical: cells stacked */
.zaydar-row.zaydar-row--vertical {
	flex-direction: column !important;
	flex-wrap: nowrap !important;
}

.zaydar-row.zaydar-row--vertical .zaydar-cell {
	flex: 1 1 auto !important;
	width: 100% !important;
	max-width: 100% !important;
}

.zaydar-cell {
	box-sizing: border-box;
	padding: var(--zaydar-cell-padding, 20px);
	background-color: var(--zaydar-white, #fff);
	border: 1px solid rgba(38, 36, 33, 0.08);
	border-radius: var(--zaydar-radius, 14px);
}

.zaydar-cell.zaydar-cell--has-bg-image,
.zaydar-cell[style*="background-image"] {
	min-height: 160px;
}

.zaydar-cell > :first-child {
	margin-top: 0;
}

.zaydar-cell > :last-child {
	margin-bottom: 0;
}

.zaydar-group {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: 1.5rem 0;
	padding: 16px;
	background: #fff;
	border: 1px solid rgba(38, 36, 33, 0.14);
	border-radius: var(--zaydar-radius, 14px);
}

.zaydar-group > .zaydar-row,
.zaydar-row.zaydar-row--grouped {
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Mobile: stack horizontal rows */
@media (max-width: 782px) {
	.zaydar-row.zaydar-row--horizontal.zaydar-row--stack-mobile {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
	}

	.zaydar-row.zaydar-row--horizontal.zaydar-row--stack-mobile .zaydar-cell {
		flex: 1 1 auto !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Classic Editor + Block editor preview */
.mce-content-body .zaydar-row,
.editor-styles-wrapper .zaydar-row {
	min-height: 48px;
}

.mce-content-body .zaydar-row.zaydar-row--horizontal,
.editor-styles-wrapper .zaydar-row.zaydar-row--horizontal {
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
}

.mce-content-body .zaydar-row.zaydar-row--horizontal .zaydar-cell,
.editor-styles-wrapper .zaydar-row.zaydar-row--horizontal .zaydar-cell {
	flex: 1 1 0 !important;
	min-width: 0 !important;
}

.mce-content-body .zaydar-row.zaydar-row--cols-1 .zaydar-cell,
.editor-styles-wrapper .zaydar-row.zaydar-row--cols-1 .zaydar-cell {
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.mce-content-body .zaydar-cell:empty::before,
.editor-styles-wrapper .zaydar-cell:empty::before {
	content: 'Cell';
	color: #999;
	font-size: 13px;
}

.mce-content-body .zaydar-cell.zaydar-cell--selected,
.editor-styles-wrapper .zaydar-cell.zaydar-cell--selected,
.mce-content-body .zaydar-group.zaydar-cell--selected,
.editor-styles-wrapper .zaydar-group.zaydar-cell--selected {
	outline: 2px solid #2271b1;
	outline-offset: -2px;
	box-shadow: 0 0 0 1px rgba(34, 113, 177, 0.2) inset;
}