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

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

/* 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 {
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0 !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	gap: 0 !important;
}

.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: 100% !important;
	border-radius: 0 !important;
	border-left: none !important;
	border-right: none !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;
}

/* 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-row.zaydar-row--full-bleed,
.editor-styles-wrapper .zaydar-row.zaydar-row--full-bleed {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.mce-content-body .zaydar-row.zaydar-row--full-bleed .zaydar-cell,
.editor-styles-wrapper .zaydar-row.zaydar-row--full-bleed .zaydar-cell {
	border-radius: 0 !important;
	border-left: none !important;
	border-right: none !important;
}

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

/* Full width inside theme content areas */
.entry-content .zaydar-row,
.site-content .zaydar-row,
.ast-article-single .zaydar-row,
#primary .zaydar-row {
	width: 100% !important;
	max-width: 100% !important;
}