/* ===========================================================
   VIAXL · Overrides móviles + botones (v3.1)
   Cargar DESPUÉS de app.css y del tema
   =========================================================== */

/* Evita zoom en iOS y asegura box-sizing */
#viaxl-root * { box-sizing: border-box; }
#viaxl-root input, 
#viaxl-root select, 
#viaxl-root textarea { font-size:16px !important; }

/* Compat pasos: no forzamos ocultación vía CSS (lo gestiona JS).
   Si existe la clase activa, forzamos grid y gap adecuados. */
#viaxl-root .viaxl-step.viaxl-step--active{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;
  gap:18px !important;
}

/* Botones azules Adaix: IDs directos + variantes WP (.button/.wp-element-button) */
#viaxl-obs-improve, #viaxl-load-comps, #viaxl-ai-valuation, #viaxl-btn-m2,
a#viaxl-obs-improve, a#viaxl-load-comps, a#viaxl-ai-valuation, a#viaxl-btn-m2,
.wp-element-button#viaxl-obs-improve, .wp-element-button#viaxl-load-comps,
.wp-element-button#viaxl-ai-valuation, .wp-element-button#viaxl-btn-m2,
.wp-block-button__link#viaxl-obs-improve, .wp-block-button__link#viaxl-load-comps,
.wp-block-button__link#viaxl-ai-valuation, .wp-block-button__link#viaxl-btn-m2{
  -webkit-appearance:none !important; appearance:none !important;
  background:#004CFF !important; color:#fff !important;
  border:1px solid #004CFF !important; border-radius:14px !important;
  padding:12px 20px !important; font-weight:700 !important; line-height:1.2 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  text-decoration:none !important; box-shadow:0 10px 24px rgba(0,76,255,.22) !important;
  transition:transform .06s ease, filter .15s ease !important;
}
#viaxl-obs-improve:hover, #viaxl-load-comps:hover, #viaxl-ai-valuation:hover, #viaxl-btn-m2:hover,
a#viaxl-obs-improve:hover, a#viaxl-load-comps:hover, a#viaxl-ai-valuation:hover, a#viaxl-btn-m2:hover{
  background:#1a45ff !important; transform:translateY(-1px);
}
#viaxl-obs-improve:disabled, #viaxl-load-comps:disabled, #viaxl-ai-valuation:disabled, #viaxl-btn-m2:disabled{
  background:#8fb0ff !important; border-color:#8fb0ff !important; box-shadow:none !important; cursor:not-allowed !important;
}
#viaxl-obs-improve *, #viaxl-load-comps * , #viaxl-ai-valuation * , #viaxl-btn-m2 * { color:#fff !important; fill:#fff !important; }

/* Si el tema “blanquea” botones dentro de la card */
#viaxl-root .viaxl-card .button, 
#viaxl-root .viaxl-card .btn, 
#viaxl-root .viaxl-card .wp-element-button, 
#viaxl-root .viaxl-card .wp-block-button__link{
  border-radius:14px !important;
}
#viaxl-root .viaxl-card .wp-element-button#viaxl-obs-improve,
#viaxl-root .viaxl-card .wp-element-button#viaxl-load-comps,
#viaxl-root .viaxl-card .wp-element-button#viaxl-ai-valuation,
#viaxl-root .viaxl-card .wp-element-button#viaxl-btn-m2{
  background:#004CFF !important; color:#fff !important; border-color:#004CFF !important;
}

/* Disposición móvil */
@media (max-width:768px){
  #viaxl-root .viaxl-container{ max-width:100% !important; padding:12px 14px !important; }
  #viaxl-root .viaxl-card{ padding:16px !important; border-radius:18px !important; }

  /* 1 columna real para grillas conocidas (sin tocar display de .viaxl-step) */
  #viaxl-root .viaxl-row,
  #viaxl-root .viaxl-grid,
  #viaxl-root .viaxl-grid-2,
  #viaxl-root .viaxl-grid-3{
    display:grid !important;
    grid-template-columns:1fr !important;
    column-gap:0 !important; 
    row-gap:14px !important;
  }

  #viaxl-root .viaxl-lead, 
  #viaxl-root .viaxl-extras, 
  #viaxl-root .viaxl-map, 
  #viaxl-root .viaxl-suggest{ grid-column:1 / -1 !important; }

  #viaxl-root .viaxl-map{ height:260px !important; overflow:hidden !important; border-radius:16px !important; }

  /* Acciones en columna + ancho completo */
  #viaxl-root .viaxl-actions, 
  #viaxl-root .viaxl-actions-row{
    display:grid !important; grid-template-columns:1fr !important;
    gap:12px !important; margin:12px 0 !important;
  }

  #viaxl-root .viaxl-primary, 
  #viaxl-root .viaxl-secondary,
  #viaxl-root #viaxl-obs-improve, 
  #viaxl-root #viaxl-load-comps, 
  #viaxl-root #viaxl-ai-valuation, 
  #viaxl-root #viaxl-btn-m2,
  #viaxl-root #viaxl-pdf,
  #viaxl-root #viaxl-email-send,
  #viaxl-root #viaxl-reset{
    width:100% !important;
  }

  #viaxl-root .viaxl-header h2{ font-size:24px !important; }
  #viaxl-root label{ font-size:14px !important; }
}

/* Aire/foco coherente pasos 4/5/6 (manteniendo los data-step actuales) */
#viaxl-root [data-step="4"] .viaxl-grid{ row-gap:18px !important; }
#viaxl-root #viaxl-obs{ min-height:160px !important; }
#viaxl-root [data-step="5"] .viaxl-help{ margin:6px 0 14px !important; color:#475569 !important; }
#viaxl-root #viaxl-load-comps{ margin:8px 0 18px !important; }
#viaxl-root [data-step="6"] .viaxl-actions-row{ margin:10px 0 20px !important; }
#viaxl-root #viaxl-result{ margin-top:16px !important; }

/* Focus ring marca */
#viaxl-root input:focus, 
#viaxl-root select:focus, 
#viaxl-root textarea:focus{
  outline:none !important; 
  box-shadow:0 0 0 4px rgba(0,76,255,.25) !important; 
  border-color:transparent !important;
}

/* Leaflet: controles más cómodos en móvil */
@media (max-width:768px){
  .leaflet-control-zoom a{ width:36px; height:36px; line-height:36px; font-size:18px; }
}