/* Richals Online - capa global oscura + seguridad móvil (2026-10-20) */
:root { color-scheme: dark; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
  background-color: #101014;
  color: #f3f3f6;
  overflow-x: clip;
}

/* Encabezado y pie: fondo oscuro garantizado aunque la plantilla parte varíe */
header.wp-block-template-part,
footer.wp-block-template-part {
  background-color: #101014;
  color: #f3f3f6;
}
footer.wp-block-template-part {
  border-top: 1px solid #2a2a33;
}

/* Medios nunca desbordan en móvil */
img, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
}

/* Nada más ancho que la pantalla */
.wp-site-blocks, .entry-content { max-width: 100%; }
pre, code { white-space: pre-wrap; word-wrap: break-word; }
table { display: block; max-width: 100%; overflow-x: auto; }

/* Objetivos táctiles cómodos en la navegación */
.wp-block-navigation .wp-block-navigation-item__content {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* Selección y foco con el acento dorado de la tienda */
::selection { background: #f0b64a; color: #1a1206; }
a:focus-visible, button:focus-visible { outline: 2px solid #f0b64a; outline-offset: 2px; }

/* Formularios legibles en oscuro */
input, textarea, select {
  background-color: #1c1c22;
  color: #f3f3f6;
  border: 1px solid #2e2e38;
}