/* * Fase 5.11 (ampliación 2026-07-08) — Estilos para el botón/modal * "Responder" / "Editar respuesta" del profesional, en sustitución del * "Reply" nativo. Mismo patrón que assets/css/review-form.css: estructura * mínima, hereda tipografía/color de listinghive. */ /* * Fase 5.8/5.11 root cause, reused verbatim here: HiveTheme's * `.hp-button`/`.button` author CSS wins over the low-priority user-agent * `[hidden] { display: none }` rule, so plain `.prop('hidden', true)` does * not actually hide these elements without this override. The modal itself * is reparented to `` at runtime (vendor-reply-form.js), so it is no * longer a descendant of `.ms-vendor-reply-action` — an explicit selector * for the relocated modal is included too. */ .ms-vendor-reply-action [hidden], .ms-vendor-reply-modal [hidden] { display: none !important; } .ms-vendor-reply-open-button { cursor: pointer; } .ms-vendor-reply-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); } .ms-vendor-reply-modal[hidden] { display: none; } .ms-vendor-reply-modal-inner { position: relative; background: #fff; color: #1a1a1a; max-width: 480px; width: 92%; max-height: 90vh; overflow-y: auto; padding: 2em; border-radius: 6px; } .ms-vendor-reply-modal-close { position: absolute; top: 0.5em; right: 0.75em; background: none; border: none; font-size: 1.5em; cursor: pointer; line-height: 1; } .ms-vendor-reply-field { display: flex; flex-direction: column; gap: 0.35em; margin-bottom: 1em; } .ms-vendor-reply-field textarea { resize: vertical; } .ms-vendor-reply-no-contact-hint { font-size: 0.85em; opacity: 0.75; margin-bottom: 1em; } .ms-vendor-reply-errors:empty { display: none; } .ms-vendor-reply-errors { color: #a94442; margin-bottom: 1em; } .ms-vendor-reply-success { color: #2b7a2b; margin-bottom: 1em; } @media (max-width: 480px) { .ms-vendor-reply-modal-inner { padding: 1.25em; } }