/* ==========================================================================
   MOTION MASTER — MEMBERSHIP (PAID MEMBERSHIPS PRO) + FIXES GLOBALES
   Zona premium roja cinemática · footer/header consistente · checkout sin footer
   Cargar SIEMPRE después de motionmaster-woo-red.css
   ========================================================================== */

/* Hereda los tokens definidos en motionmaster-woo-red.css
   (--mm-black, --mm-safelight, --mm-bone, etc.) */

/* --------------------------------------------------------------------------
   A. QUITAR EL CRÉDITO "DESIGNED BY ELEGANT THEMES"
   Respaldo CSS. El functions.php ya lo vacía por filtro; esto lo asegura.
   -------------------------------------------------------------------------- */
#footer-info,
#footer-bottom #footer-info {
  font-family: var(--mm-mono);
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  color: rgba(247, 244, 238, 0.55);
}
/* Oculta solo el enlace de crédito de Elegant Themes si quedara alguno */
#footer-info a[href*="elegantthemes"],
#footer-info a[href*="wordpress.org"] { display: none !important; }

/* --------------------------------------------------------------------------
   B. FOOTER CONSISTENTE EN TODAS LAS PÁGINAS
   Mismo look que el resto del sitio: negro, línea roja superior, mono.
   -------------------------------------------------------------------------- */
#main-footer,
.et-l--footer #main-footer {
  background: var(--mm-black);
  border-top: 1px solid var(--mm-line-hot);
  color: var(--mm-bone);
}
#main-footer .footer-widget h4,
#main-footer h1, #main-footer h2, #main-footer h3, #main-footer h4 {
  font-family: var(--mm-display);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--mm-bone);
}
#main-footer a { color: rgba(247, 244, 238, 0.7); transition: color 0.2s var(--mm-ease); }
#main-footer a:hover { color: var(--mm-safelight); }
#footer-bottom { background: #060607; border-top: 1px solid var(--mm-line); }

/* --------------------------------------------------------------------------
   C. CHECKOUT SIN FOOTER (limpio, foco total en el pago)
   El functions.php añade la clase .mm-no-footer al body del checkout.
   -------------------------------------------------------------------------- */
.mm-no-footer #main-footer { display: none; }
.mm-no-footer #main-content { padding-bottom: 4rem; }

/* --------------------------------------------------------------------------
   D. PAID MEMBERSHIPS PRO — TABLA DE NIVELES (la "carta" premium)
   -------------------------------------------------------------------------- */
.pmpro_checkout,
#pmpro_account,
.pmpro_levels_page {
  background: var(--mm-black);
  color: var(--mm-bone);
  font-family: var(--mm-body);
}

/* Tabla de niveles / precios */
#pmpro_levels_table {
  border-collapse: separate;
  border-spacing: 1.25rem;
  width: 100%;
  background: transparent;
}
#pmpro_levels_table thead th {
  background: transparent;
  border: 0;
  font-family: var(--mm-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mm-ash);
}
#pmpro_levels_table tbody td {
  background: linear-gradient(160deg, var(--mm-surface) 0%, #0E0D0F 100%);
  border: 1px solid var(--mm-line);
  border-radius: 6px;
  padding: 2rem 1.75rem;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s var(--mm-ease), transform 0.3s var(--mm-ease);
}
#pmpro_levels_table tbody td:hover {
  border-color: var(--mm-line-hot);
  transform: translateY(-4px);
}
/* Halo rojo superior en cada plan */
#pmpro_levels_table tbody td::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--mm-safelight), var(--mm-ember) 60%, transparent);
  box-shadow: 0 0 20px rgba(200, 16, 46, 0.5);
}
.pmpro_level-name,
#pmpro_levels_table .pmpro_level-name {
  font-family: var(--mm-display);
  font-size: 1.85rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--mm-bone);
  margin-bottom: 0.75rem;
}
.pmpro_level-price,
#pmpro_levels_table .pmpro_level-price {
  font-family: var(--mm-mono);
  font-size: 2.4rem;
  color: var(--mm-safelight);
  text-shadow: 0 0 22px rgba(200, 16, 46, 0.4);
  line-height: 1.1;
}
.pmpro_level-description { color: var(--mm-ash); line-height: 1.7; }
.pmpro_level-expiration { color: var(--mm-ash); font-size: 0.85rem; }

/* --------------------------------------------------------------------------
   E. PMPRO — FORMULARIO DE CHECKOUT DE MEMBRESÍA
   -------------------------------------------------------------------------- */
#pmpro_form,
.pmpro_form,
.pmpro_checkout {
  max-width: 760px;
  margin: 0 auto;
}
.pmpro_checkout h2,
.pmpro_checkout .pmpro_checkout-h2,
#pmpro_form .pmpro_checkout-h2 {
  font-family: var(--mm-display);
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mm-bone);
  border-bottom: 1px solid var(--mm-line);
  padding-bottom: 0.75rem;
}
.pmpro_checkout-fields,
.pmpro_checkout-field {
  background: var(--mm-surface);
  border: 1px solid var(--mm-line);
  border-radius: 4px;
  padding: 1.5rem;
}
.pmpro_form label,
.pmpro_checkout label {
  font-family: var(--mm-mono);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mm-ash);
}
.pmpro_form input[type="text"],
.pmpro_form input[type="email"],
.pmpro_form input[type="password"],
.pmpro_form input[type="tel"],
.pmpro_form select,
.pmpro_checkout input[type="text"],
.pmpro_checkout input[type="email"],
.pmpro_checkout select {
  background: var(--mm-surface-2);
  border: 1px solid var(--mm-line);
  border-radius: var(--mm-r);
  color: var(--mm-bone);
  font-family: var(--mm-body);
  padding: 0.9em 1em;
  width: 100%;
  transition: border-color 0.25s var(--mm-ease), box-shadow 0.25s var(--mm-ease);
}
.pmpro_form input:focus,
.pmpro_checkout input:focus,
.pmpro_form select:focus {
  outline: none;
  border-color: var(--mm-safelight);
  box-shadow: var(--mm-glow);
}

/* Botones PMPro */
.pmpro_btn,
.pmpro_btn-submit-checkout,
input.pmpro_btn,
a.pmpro_btn {
  background: var(--mm-safelight);
  color: var(--mm-bone);
  border: 1px solid var(--mm-safelight);
  border-radius: var(--mm-r);
  font-family: var(--mm-mono);
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 1.05em 2rem;
  transition: background 0.3s var(--mm-ease), box-shadow 0.3s var(--mm-ease);
}
.pmpro_btn:hover,
.pmpro_btn-submit-checkout:hover,
input.pmpro_btn:hover,
a.pmpro_btn:hover {
  background: var(--mm-flare);
  border-color: var(--mm-flare);
  color: var(--mm-black);
  box-shadow: 0 0 22px rgba(255, 59, 48, 0.35);
}
.pmpro_btn-checkout {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.9rem;
  padding: 1.25em;
}
/* Botón cancelar / secundario */
.pmpro_btn-cancel,
a.pmpro_btn-cancel {
  background: transparent;
  border: 1px solid var(--mm-line);
  color: var(--mm-ash);
}
.pmpro_btn-cancel:hover {
  border-color: var(--mm-safelight);
  color: var(--mm-safelight);
  background: transparent;
  box-shadow: none;
}

/* Avisos PMPro */
.pmpro_message,
.pmpro_error,
.pmpro_success {
  background: var(--mm-surface);
  border: 1px solid var(--mm-line);
  border-left: 3px solid var(--mm-safelight);
  border-radius: var(--mm-r);
  color: var(--mm-bone);
  padding: 1.1em 1.4em;
}
.pmpro_error { border-left-color: var(--mm-flare); }
.pmpro_success { border-left-color: #3BAA5A; }

/* Caja de resumen de pago (pricing box) */
.pmpro_checkout-fields-display-order,
#pmpro_pricing_fields,
.pmpro_level_cost {
  background: linear-gradient(160deg, var(--mm-surface) 0%, #0E0D0F 100%);
  border: 1px solid var(--mm-line-hot);
  border-radius: 4px;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}
.pmpro_checkout-fields-display-order::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 6px; height: 100%;
  background-image: repeating-linear-gradient(to bottom,
    var(--mm-safelight) 0 8px, transparent 8px 20px);
  opacity: 0.55;
}

/* --------------------------------------------------------------------------
   F. PMPRO — CUENTA DE MIEMBRO
   -------------------------------------------------------------------------- */
#pmpro_account .pmpro_account-membership,
#pmpro_account .pmpro_account-profile,
#pmpro_account .pmpro_account-invoices,
#pmpro_account .pmpro_account-links {
  background: var(--mm-surface);
  border: 1px solid var(--mm-line);
  border-radius: 4px;
  padding: 1.75rem;
  margin-bottom: 1.5rem;
}
#pmpro_account h3 {
  font-family: var(--mm-display);
  font-size: 1.35rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mm-bone);
}
#pmpro_account table { color: var(--mm-bone); }
#pmpro_account table th {
  font-family: var(--mm-mono);
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mm-ash);
}

/* --------------------------------------------------------------------------
   G. RESPONSIVE — niveles apilados en móvil
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  #pmpro_levels_table,
  #pmpro_levels_table thead,
  #pmpro_levels_table tbody,
  #pmpro_levels_table tr,
  #pmpro_levels_table td { display: block; width: 100%; }
  #pmpro_levels_table thead { display: none; }
  #pmpro_levels_table { border-spacing: 0; }
  #pmpro_levels_table tbody td { margin-bottom: 1.25rem; }
}
@media (max-width: 767px) {
  .pmpro_checkout-fields,
  .pmpro_checkout-field { padding: 1.25rem; }
  .pmpro_btn { width: 100%; text-align: center; }
}