/*!
 * Techvisers Agency — block editor styles
 * Author: Zahaib Ali <info@zahaibali.com>
 *
 * main.css is also loaded as an editor stylesheet, so this file only handles
 * what the editor needs on top of it: canvas width, editor-only affordances and
 * previews of shortcode-driven sections.
 */

.editor-styles-wrapper {
	font-family: var(--font-body);
	font-size: 1rem;
	line-height: 1.7;
	color: var(--color-text);
	background-color: var(--color-surface);
}

.editor-styles-wrapper .wp-block {
	max-width: var(--container);
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
	max-width: var(--container-wide);
}

.editor-styles-wrapper .wp-block[data-align="full"] {
	max-width: none;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5 {
	font-family: var(--font-heading);
	color: var(--color-heading);
}

.editor-styles-wrapper .tv-eyebrow {
	color: var(--color-secondary);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Make shortcode blocks readable rather than a bare grey box, so the editor can
   tell at a glance which dynamic section they have inserted. */
.editor-styles-wrapper .wp-block-shortcode {
	padding: 1rem 1.25rem;
	background: var(--color-secondary-subtle);
	border: 1px dashed var(--color-secondary);
	border-radius: var(--radius-md);
	font-family: var(--font-mono);
	font-size: 0.875rem;
	color: var(--color-secondary-hover);
}

.editor-styles-wrapper .wp-block-shortcode::before {
	content: "Techvisers dynamic section — edited under Appearance → Techvisers Settings";
	display: block;
	margin-bottom: 0.5rem;
	font-family: var(--font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* Empty gallery placeholder guidance for the logo cloud pattern. */
.editor-styles-wrapper .tv-logo-cloud:empty::after {
	content: "Add client or partner logos here — only where you have written permission.";
	display: block;
	padding: 1.5rem;
	text-align: center;
	border: 1px dashed var(--color-border-strong);
	border-radius: var(--radius-md);
	color: var(--color-text-muted);
	font-size: 0.9375rem;
}

.editor-styles-wrapper .tv-check-list {
	list-style: none;
	padding-left: 0;
}