.editor-styles-wrapper p,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper li,
.editor-styles-wrapper td,
.editor-styles-wrapper label {
	font-family: foco, sans-serif;
}

.editor-styles-wrapper .acf-field {
	background-color: #eee;
}

.editor-styles-wrapper .acf-field-message {
	background-color: #0b274b;
}

.mce-content-body [style*="color: #ffffff;"],
.mce-content-body [style*="color:#ffffff;"],
.mce-content-body [style*="color: #fff;"],
.mce-content-body [style*="color:#fff;"],
.mce-content-body [style*="color: white;"],
.mce-content-body [style*="color:white;"],
.mce-content-body [style*="color: rgb(255, 255, 255);"],
.mce-content-body [style*="color:rgb(255,255,255);"] {
  background: #1d2327;
}

/* .acf-field-message > .acf-label {
	margin: 5px 0 0;
} */

.editor-styles-wrapper .acf-field .acf-label {
	margin-bottom: 0 !important;
}

.editor-styles-wrapper .acf-field .acf-label label {
	font-weight: 700;
	margin-bottom: 0 !important;
}

.editor-styles-wrapper .acf-field-message > .acf-label label {
	font-size: 1.4em;
	color: #fff;
	font-weight: 400;
}

.editor-styles-wrapper .acf-fields > .acf-tab-wrap .acf-tab-group li a {
	background: #fff;
}

.editor-styles-wrapper .acf-fields > .acf-tab-wrap .acf-tab-group li.active a {
	background: #eee;
}

.editor-styles-wrapper .acf-field-group .acf-field {
	background-color: #ddd;
}

.editor-styles-wrapper .acf-table tr:nth-of-type(odd) .acf-field {
	background-color: #ddd;
}

.acf-tab-wrap {
	overflow: hidden !important;
}

.mce-i-wp_custom_button:before {
	font-family: "dashicons"; /* Use the Dashicons font */
	content: "\f11a"; /* Dashicon unicode for "button" */
	font-size: 20px; /* Adjust size if necessary */
	vertical-align: middle;
}

.block-editor-block-icon.has-colors svg {
	fill: none;
}

.mce-content-body .custom-back-arrow > * {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-left: 0;
	margin-right: 0;
}

.mce-content-body .custom-back-arrow > *::after {
	content: none;
}

.mce-content-body .custom-back-arrow > *::before {
	font-family: "Font Awesome 6 Pro";
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	position: static;
	content: "\f060";
	color: #f5c500;
	font-size: 16px;
}

/* Belt-and-braces gap between blocks in the editor canvas so there's room
   to hover and reveal the "+" inserter. Originally added because our old
   theme.json disabled WordPress's own classic-theme-styles.css (which
   normally provides this); now that theme.json is gone and the native
   stylesheet is back, this is likely redundant, but harmless to leave --
   the browser just uses one matching declaration, not both -- scoped to
   the editor only since the front end is deliberately gapless. */
.editor-styles-wrapper .wp-block {
	margin-top: 28px;
	margin-bottom: 28px;
}

/* Replaces the content width theme.json used to set via
   settings.layout.contentSize/wideSize, now that theme.json has been
   removed (to let WordPress's native classic-theme-styles.css load again).
   Only affects native/core blocks inserted directly -- our own custom
   blocks are all alignfull and unaffected by content width either way.
   Mirrors Gutenberg's own data-align-based selectors (see
   wp-includes/css/dist/block-editor/content.css) rather than depending on
   theme.json's generated layout classes, which no longer exist. */
.editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
	max-width: 1440px;
}

/* Static Swiper layout for editor preview — JS doesn't run in the canvas */
.editor-styles-wrapper .swiper-container {
	overflow: visible;
}

.editor-styles-wrapper .swiper-wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	transform: none !important;
	gap: 20px;
}

.editor-styles-wrapper .swiper-slide {
	width: auto !important;
	flex: 1 1 250px !important;
	min-width: 200px !important;
}