/*
Theme Name: CityBook Child
Theme URI: https://citybook.cththemes.com/
Template: citybook
Author: CTHthemes
Author URI: http://themeforest.net/user/cththemes
Description: Directory Listing WordPress Theme
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.5.1.1724792393
Updated: 2024-08-27 20:59:53
*/

/*— iOS: evitar auto-zoom en inputs y textareas —*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  font-size: 16px !important;
  -webkit-text-size-adjust: none; /* Evita ajuste automático, pero permite zoom manual */
}

/*— Habilitar zoom y gestos en todo el sitio —*/
html, body {
  -webkit-text-size-adjust: 100%; /* Permite ajuste de texto sin bloquear zoom */
  -webkit-user-select: auto; /* Habilita selección y gestos */
  user-select: auto;
  touch-action: auto !important; /* Asegura todos los gestos, incluido zoom */
  -ms-touch-action: auto; /* Compatibilidad con Edge */
}

/*— Mejorar respuesta táctil en botones y enlaces —*/
button,
a,
.log-submit-btn {
  touch-action: manipulation; /* Gestos básicos sin retraso */
  -webkit-tap-highlight-color: transparent; /* Sin resaltado al tocar */
  -webkit-user-select: none; /* Evita selección accidental */
  user-select: none;
  transition: all 0.05s ease-in-out; /* Animación más rápida */
  -webkit-touch-callout: none; /* Evita acciones predeterminadas al tocar */
}

/*— Ajuste específico para el modal —*/
#ctb-logreg-modal {
  touch-action: auto !important; /* Habilita gestos en el modal */
  -webkit-overflow-scrolling: touch; /* Suaviza desplazamiento en iOS */
  max-height: 90vh; /* Limita altura para evitar problemas de renderizado */
  overflow-y: auto; /* Permite desplazamiento si es necesario */
}

/*— Desactivar restricciones de zoom heredadas (si las hay) —*/
* {
  -webkit-user-scalable: yes; /* Fuerza el zoom en iOS */
  user-scalable: yes;
}

/* Forzar todos los campos (incluidos number, time, date) a fondo blanco */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="time"],
input[type="date"],
input[type="tel"],
input[type="url"],
textarea,
select {
  font-size: 16px !important; /* evita zoom en iOS */
  -webkit-text-size-adjust: none;
  background-color: #ffffff !important; /* fondo blanco */
  color: #000000 !important;            /* texto negro */
  border: 1px solid #ccc !important;
}

/* 🔘 Forzar estilo de radio y checkbox */
input[type="checkbox"],
input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-radius: 4px; /* 🔲 cuadrado para checkbox */
  background-color: #ffffff;
  cursor: pointer;
  position: relative;
}

/* ✅ Checkbox seleccionado */
input[type="checkbox"]:checked {
  background-color: #007bff; /* Azul */
  border-color: #007bff;
}
input[type="checkbox"]:checked::after {
  content: "✔";
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 2px;
}

/* 🔵 Radio normal */
input[type="radio"] {
  border-radius: 50%; /* círculo */
}

/* 🔵 Radio seleccionado */
input[type="radio"]:checked {
  background-color: #007bff;
  border-color: #007bff;
}
input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 3px;
  left: 3px;
  background: #fff;
  border-radius: 50%;
}