/* Ajustes del diseño 2026 al entorno WordPress. Se carga después de los CSS del diseño. */

/* Barra de administración (solo usuarios conectados) sobre el header fijo. */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .site-header { top: 0; } }

/* Campo trampa para bots del formulario: fuera de la vista y del lector. */
.wong26-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* Estado de envío del botón. */
[data-wong26-form] button[aria-busy="true"] { opacity: .7; cursor: progress; }

/* Formulario de cita de la portada: el diseño estira el 4.º campo (Especialidad)
   a 2 columnas. Con el campo Teléfono añadido, el 4.º es Teléfono y el botón
   bajaba a una tercera fila. Sin estirar, queda en 2 filas como el modelo:
   Nombre | Correo | Fecha  /  Teléfono | Especialidad | Botón. */
body.wong26.wong-home .wa-banner .form-grid > .field:nth-child(4) { grid-column: auto; }
/* En tablet (2 columnas): Nombre | Correo / Fecha | Teléfono / Especialidad | Botón,
   las mismas 3 filas que el modelo. */
@media (min-width: 901px) and (max-width: 1199px) {
	body.wong26.wong-home .wa-banner .form-grid > .appointment-date,
	body.wong26.wong-home .wa-banner .form-grid > .form-submit { grid-column: auto; }
}

/* Blog 2026: filtros y paginación son enlaces (rastreables), no botones. */
.wong26-blog .wb-filter { text-decoration: none; color: var(--wb-ink, #111); line-height: 1.65; }
.wong26-blog .wb-filter[aria-current="page"] { background: var(--wb-ink, #111); color: #fff; }
.wong26-blog .wb-pagination a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #d9dfd9; background: #fff; border-radius: 12px; color: var(--wb-ink, #111); font-weight: 700; text-decoration: none; }
.wong26-blog .wb-pagination a[aria-current="page"] { background: var(--wb-ink, #111); color: #fff; border-color: var(--wb-ink, #111); }
.wong26-blog .wb-title-link { color: inherit; }
@media (hover: hover) {
	.wong26-blog .wb-filter:not([aria-current="page"]):hover { background: #aee3ae; color: #111; }
	.wong26-blog .wb-pagination a:not([aria-current]):hover { background: var(--wb-green, #cef2ce); }
}

/* Nombre del médico enlazado a su ficha actual (/staff/…). */
.wong26-profile-link { color: inherit; text-decoration: none; }
.wong26-profile-link:hover, .wong26-profile-link:focus-visible { text-decoration: underline; text-underline-offset: 3px; }

/* Sello de reCAPTCHA oculto: el aviso obligatorio está al final del pie
   (parts-2026/footer-credito.php), como permite Google. */
.wong26 .grecaptcha-badge { visibility: hidden !important; }

/* Final del pie: crédito de la agencia y aviso de reCAPTCHA. */
body.wong26 .site-footer .footer-bottom { align-items: center; flex-wrap: wrap; }
.wong26-credit { margin-left: auto; }
.wong26-credit a { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.wong26-credit img { display: block; width: auto; height: 44px; }
.wong26-credit a:hover span, .wong26-credit a:focus-visible span { text-decoration: underline; text-underline-offset: 3px; }
body.wong26 .site-footer .footer-bottom .wong26-recaptcha-note { flex: 1 0 100%; width: 100%; max-width: none; margin: 0; font-size: 12px; line-height: 1.5; opacity: .75; }
body.wong26.wong-home .site-footer .footer-bottom .wong26-credit { margin-left: 0; }
body.wong26 .site-footer .footer-bottom .wong26-recaptcha-note a { color: inherit; text-decoration: underline; font-size: inherit; line-height: inherit; }

/* WhatsApp: en las plantillas 2026 se usa el botón del diseño (dock de redes +
   botón verde). El de Joinchat se oculta aquí para no duplicarlo; en las páginas
   con el diseño anterior sigue igual. */
.wong26 .joinchat { display: none !important; }