/**
 * li-footer.css — estilos para footer-native.php (Sprint CIUDAD/ZONA Día 2).
 *
 * Carga: emit `<link>` directo desde footer-native.php — se incluye en TODAS
 *        las URLs nativas (page-zona-hybrid.php legacy, page-zona-hybrid-v2.php,
 *        page-legal.php, single-escort.php) sin requerir wp_enqueue_style.
 *
 * Reusable en HOME sprint (cuando llegue) — el footer es sitewide en URLs
 * migradas. URLs Elementor (no-canary) NO cargan este CSS.
 *
 * Cubre:
 *   - Footer cities grid (4 cols desktop / 2 tablet / 1 mobile)
 *   - Disclaimer dark mode reinforce (defensivo si inline styles cambian)
 *   - Issue C: scroll-to-top button con styling matching premium
 *   - Animation suave en hover de los enlaces de ciudad
 *
 * NO scopear con `.li-page--ciudad` — el footer está fuera del wrapper
 * del template, debe estar globalmente cuando este CSS carga.
 */

/* ════════════════════════════════════════════════════════════════════
   FOOTER CITIES — grid horizontal 4 cols (desktop) / 2 (tablet) / 1 (mobile)
   ════════════════════════════════════════════════════════════════════ */

#li-footer-cities.li-footer-cities {
  background: #0a0908;
  padding: 56px 32px 56px;
  max-width: 1400px;
  margin: 0 auto;
  text-align: left;
}

#li-footer-cities .li-footer-cities-title {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 22px;
  font-weight: 400;
  color: #c9a96a;
  letter-spacing: 0.005em;
  margin: 0 0 28px 0;
  padding: 0;
  text-align: center;
}

#li-footer-cities .li-footer-cities-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#li-footer-cities .li-footer-cities-grid a {
  display: inline-block;
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #c9a96a;
  text-decoration: none;
  letter-spacing: 0.04em;
  padding: 6px 0;
  border-bottom: 0.5px solid rgba(201,169,106,0.12);
  transition: color 0.25s, border-color 0.25s, transform 0.3s cubic-bezier(0.2,0.8,0.2,1);
  text-align: left;
}

#li-footer-cities .li-footer-cities-grid a:hover {
  color: #e6c989;
  border-bottom-color: rgba(230,201,137,0.55);
  transform: translateX(2px);
}

@media (max-width: 960px) {
  #li-footer-cities.li-footer-cities { padding: 48px 24px; }
  #li-footer-cities .li-footer-cities-grid { grid-template-columns: repeat(2, 1fr); gap: 12px 20px; }
}

@media (max-width: 480px) {
  #li-footer-cities.li-footer-cities { padding: 40px 20px; }
  #li-footer-cities .li-footer-cities-title { font-size: 19px; margin-bottom: 22px; }
  #li-footer-cities .li-footer-cities-grid { grid-template-columns: 1fr; gap: 10px; }
  #li-footer-cities .li-footer-cities-grid a { font-size: 14px; padding: 8px 0; }
}

/* ════════════════════════════════════════════════════════════════════
   DISCLAIMER — defensivo. footer-native.php inline ya da background dark
   pero esta regla con ID gana sobre cualquier override accidental.
   ════════════════════════════════════════════════════════════════════ */

#li-footer-disclaimer {
  background: #0a0908 !important;
  border-top: 1px solid rgba(255,255,255,0.06);
}
#li-footer-disclaimer p {
  font-family: 'Manrope', sans-serif !important;
  color: #d4c4a8 !important;
  line-height: 1.7;
}

/* ════════════════════════════════════════════════════════════════════
   Issue C — Essential Addons scroll-to-top, styling premium dorado.

   Plugin emit `<div class='eael-ext-scroll-to-top-wrap'><span class='eael-ext-scroll-to-top-button'>`.
   Override del styling default (probablemente azul/rojo hardcoded del plugin)
   con paleta del rediseño. Se aplica sitewide en URLs nativas (donde
   li-footer.css carga); URLs Elementor mantienen el styling default del plugin.
   ════════════════════════════════════════════════════════════════════ */

.eael-ext-scroll-to-top-button {
  background: #1f1c1a !important;
  border: 1px solid rgba(201,169,106,0.45) !important;
  color: #c9a96a !important;
  border-radius: 50% !important;
  transition: background 0.25s, border-color 0.25s, color 0.25s, transform 0.3s !important;
}

.eael-ext-scroll-to-top-button:hover {
  background: #c9a96a !important;
  border-color: #c9a96a !important;
  color: #0a0908 !important;
  transform: translateY(-2px);
}

.eael-ext-scroll-to-top-button svg,
.eael-ext-scroll-to-top-button i {
  fill: currentColor !important;
  color: inherit !important;
}