/*
 Theme Name:  Allegra – TT5 Child
 Template:    twentytwentyfive
 Version:     1.0.0
 Description: Child theme para personalizaciones (JS/CSS) sin perder cambios.
*/

/* ===== Expo Bodas – UR form 1122 ===== */

/* ---- Colores (ajusta si quieres otro tono de azul) ---- */
#user-registration-form-1122 {
  --expo-azul: #1e90ff;                 /* azul principal del borde */
  --expo-azul-soft: rgba(30,144,255,.70);
  --expo-azul-strong: rgba(30,144,255,.95);
  --expo-azul-glow: rgba(30,144,255,.30);/* halo al enfocar */
}

/* Título y descripción */
#user-registration-form-1122 .user-registration-registration-title,
#user-registration-form-1122 .user-registration-registration-description {
  color: #fff !important;
  opacity: 1 !important;
}

/* Labels en blanco */
#user-registration-form-1122 .ur-label { color:#fff !important; }

/* =========================================
   BASE: campos transparentes + texto blanco
   ========================================= */
#user-registration-form-1122 input,
#user-registration-form-1122 textarea,
#user-registration-form-1122 select,
#user-registration-form-1122 .ur-frontend-field,
#user-registration-form-1122 .input-text,
#user-registration-form-1122 .ur-masked-input {
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid var(--expo-azul-soft) !important;
  border-radius: 12px;
  padding: 10px 14px;
  box-shadow: none !important;
  width: 100%;
  box-sizing: border-box;
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Campo específico: Teléfono / Whatsapp (hereda azul) */
#user-registration-form-1122 input[name="telephone"],
#user-registration-form-1122 input[type="tel"] {
  font-size: inherit;
  background: transparent !important;
  color: #fff !important;
  border: 1.5px solid var(--expo-azul-soft) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  width: 100%;
  box-sizing: border-box;
}

/* Hover: un pelín más intenso */
#user-registration-form-1122 input:hover,
#user-registration-form-1122 textarea:hover,
#user-registration-form-1122 select:hover {
  border-color: var(--expo-azul-strong) !important;
}

/* Mantener transparente en cualquier estado visual */
#user-registration-form-1122 input:focus,
#user-registration-form-1122 input:active,
#user-registration-form-1122 input:not(:placeholder-shown),
#user-registration-form-1122 textarea:focus,
#user-registration-form-1122 select:focus,
#user-registration-form-1122 .user-registration-valid {
  background: transparent !important;
}

/* Placeholder tenue */
#user-registration-form-1122 ::placeholder { color: rgba(255,255,255,.65) !important; }

/* Enfoque (focus): borde azul + halo azul */
#user-registration-form-1122 input:focus,
#user-registration-form-1122 textarea:focus,
#user-registration-form-1122 select:focus {
  outline: none !important;
  border-color: var(--expo-azul) !important;
  box-shadow: 0 0 0 2px var(--expo-azul-glow) !important;
}

/* Quitar amarillo del autocompletado */
#user-registration-form-1122 input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: #fff !important;
  transition: background-color 9999s ease-out 0s !important;
}
#user-registration-form-1122 input:-webkit-autofill::first-line { color:#fff !important; }

/* Botones centrados */
#user-registration-form-1122 .ur-button-container,
#user-registration-form-1122 .form-row.field-submit,
#user-registration-form-1122 .form-row:last-of-type { text-align:center; }

#user-registration-form-1122 [type="submit"],
#user-registration-form-1122 [type="reset"],
#user-registration-form-1122 .ur-reset-button {
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
}

/* (Opcional) si quieres que el reset quede debajo en móvil */
/*
@media (max-width: 480px){
  #user-registration-form-1122 .ur-reset-button { display:block; margin:10px auto 0; }
}
*/

/* Oculta el título de la página solo en /expo-bodas/ */
body.page-id-1155 .wp-block-post-title { display: none !important; }
body.page-id-1155 .wp-block-post-content { margin-top: 0 !important; }

/* Ajustes de jQuery UI que trae UR */
.ui-helper-zfix { filter: opacity(0) !important; }
.ui-progressbar .ui-progressbar-overlay { filter: opacity(0.25) !important; }
/* Placeholders más pequeños en el form 1122 */
#user-registration-form-1122 input::placeholder,
#user-registration-form-1122 textarea::placeholder {
  font-size: 0.9em !important;   /* ajusta 0.9em a tu gusto */
  opacity: .70;                   /* opcional: un poco más tenue */
}

/* Soportes antiguos (por si acaso) */
#user-registration-form-1122 input::-webkit-input-placeholder,
#user-registration-form-1122 textarea::-webkit-input-placeholder { font-size: 0.9em !important; }
#user-registration-form-1122 input::-moz-placeholder,
#user-registration-form-1122 textarea::-moz-placeholder { font-size: 0.7em !important; }
#user-registration-form-1122 input:-ms-input-placeholder,
#user-registration-form-1122 textarea:-ms-input-placeholder { font-size: 0.7em !important; }