/* ============================================================================
   Mevak — adaptador WordPress: mapea los bloques nativos (Gutenberg) al
   sistema de diseño mevak-ui.css. Carga después de mevak-ui.css.
   ============================================================================ */

/* Header (navegación) */
.wp-block-template-part .mv-header,
.mv-header { width: 100%; }
.mv-header .wp-block-navigation { gap: 1.6rem; }
.mv-header .wp-block-navigation .wp-block-navigation-item__content { color: var(--mv-ink); font-weight: 500; text-decoration: none; }
.mv-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--mv-brand); }
.mv-header .wp-block-site-title a { font-family: var(--mv-font-display); color: var(--mv-brand); text-decoration: none; font-size: 1.4rem; letter-spacing: -.02em; }

/* Botones nativos -> estilo Mevak */
.mv-scope .wp-block-button__link {
  border-radius: var(--mv-radius-pill);
  background: var(--mv-brand); color: var(--mv-on-brand);
  font-weight: 600; text-transform: uppercase; letter-spacing: .07em; font-size: .82rem;
  padding: .85rem 1.6rem; transition: transform .4s var(--mv-ease), box-shadow .4s var(--mv-ease);
}
.mv-scope .wp-block-button__link:hover { transform: translateY(-2px); box-shadow: var(--mv-shadow); }
.mv-scope .wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--mv-brand); border-color: color-mix(in srgb, var(--mv-brand) 30%, transparent); }

/* Cabeceras y separadores */
.mv-scope .wp-block-separator { border-color: color-mix(in srgb, var(--mv-olive) 35%, transparent); }
.mv-scope .wp-block-group.has-forest-background-color,
.mv-scope .wp-block-group.has-operational-background-color { color: var(--mv-cream); }
.mv-scope .has-forest-background-color :is(h1,h2,h3) { color: var(--mv-cream); }

/* Imágenes con tratamiento */
.mv-scope .wp-block-image img { border-radius: var(--mv-radius-sm); }
.mv-scope .wp-block-cover { border-radius: var(--mv-radius); overflow: hidden; }

/* Formulario Contact Form 7 con look de marca */
.mv-scope .wpcf7 input[type="text"],
.mv-scope .wpcf7 input[type="email"],
.mv-scope .wpcf7 input[type="tel"],
.mv-scope .wpcf7 textarea {
  width: 100%; padding: .85rem 1rem; border: 1px solid color-mix(in srgb, var(--mv-olive) 35%, transparent);
  border-radius: var(--mv-radius-sm); background: var(--mv-surface); font-family: inherit; font-size: 1rem; color: var(--mv-ink);
}
.mv-scope .wpcf7 input:focus, .mv-scope .wpcf7 textarea:focus { outline: none; box-shadow: var(--mv-ring); border-color: var(--mv-brand); }
.mv-scope .wpcf7 .wpcf7-submit {
  border: 0; border-radius: var(--mv-radius-pill); background: var(--mv-brand); color: var(--mv-on-brand);
  padding: .9rem 1.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; cursor: pointer;
}

/* Layout fluido para contenido de páginas */
.mv-scope .wp-block-post-content > * { margin-block: 1.1rem; }