/* ════════════════════════════════════════════
   METCON HOUSE — CSS PERSONALIZADO v2
   Pega en: Apariencia → Personalizar → CSS adicional
   ════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap');

/* ── VARIABLES ── */
:root {
  --gold: #DAC300;
  --gold2: #B8A300;
  --black: #231F20;
  --grey2: #2A2A2C;
  --grey3: #1E1E20;
}

/* ── BODY ── */
body {
  background: #231F20 !important;
  color: #F0EDE8 !important;
  font-family: 'Open Sans', sans-serif !important;
}

/* ── QUITAR TÍTULO ── */
.entry-title, .page-title, h1.title {
  display: none !important;
}

/* ── NAV ── */
.site-header, #masthead, header.site-header {
  background: rgba(35,31,32,.96) !important;
  border-bottom: 1px solid rgba(218,195,0,.2) !important;
}
.site-title a, .custom-logo-link {
  color: #FFFFFF !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}
.main-navigation a, .nav-menu a, #primary-menu a {
  color: #B0ACA8 !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}
.main-navigation a:hover, .nav-menu a:hover {
  color: #FFFFFF !important;
  background: rgba(255,255,255,.05) !important;
}

/* ── CONTENIDO ── */
.site-content, .entry-content, .page-content, main#primary, #content {
  background: #231F20 !important;
  color: #B0ACA8 !important;
}
.entry-content p, .page-content p {
  color: #DAC300 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF  !important;
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

/* ════════════════════════════════════
   FORMULARIO REGISTER / LOGIN
   Contenido centrado y responsivo
   ════════════════════════════════════ */

/* Wrapper centrado responsivo */
.entry-content,
.page-content {
  max-width: 100% !important;
  padding: 20px 16px !important;
}

/* Formulario principal — card centrada */
.swpm-registration-widget-form,
.swpm-registration-widget-ui,
#swpm-registration-form,
form.swpm-registration-form,
.swpm-login-widget-form,
form.swpm-login-form,
#swpm-login-form {
  background: #1E1E20 !important;
  border: 1px solid rgba(218,195,0,.2) !important;
  border-top: 3px solid #DAC300 !important;
  border-radius: 8px !important;
  padding: 32px 28px !important;
  max-width: 480px !important;
  width: 100% !important;
  margin: 32px auto !important;
  box-sizing: border-box !important;
}

/* Labels en dorado */
.swpm-registration-widget-form label,
form.swpm-registration-form label,
.swpm-registration-widget-ui label,
.swpm-login-widget-form label,
form.swpm-login-form label {
  color: #DAC300 !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 5px !important;
  margin-top: 12px !important;
}

/* Inputs — tamaño controlado */
.swpm-registration-widget-form input[type="text"],
.swpm-registration-widget-form input[type="email"],
.swpm-registration-widget-form input[type="password"],
form.swpm-registration-form input[type="text"],
form.swpm-registration-form input[type="email"],
form.swpm-registration-form input[type="password"],
.swpm-login-widget-form input[type="text"],
.swpm-login-widget-form input[type="password"],
form.swpm-login-form input[type="text"],
form.swpm-login-form input[type="password"] {
  background: #2A2A2C !important;
  border: 1px solid #DAC300 !important;
  border-radius: 5px !important;
  color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  padding: 10px 13px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 4px !important;
  height: 40px !important;
}
.swpm-registration-widget-form input:focus,
.swpm-login-widget-form input:focus,
form.swpm-login-form input:focus {
  outline: none !important;
  border-color: #DAC300 !important;
}

/* Opciones de plan — cards compactas */
.swpm-registration-widget-form ul,
.swpm-subscription-plan-selection {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}
.swpm-registration-widget-form ul li,
.swpm-subscription-plan-selection li {
  background: #2A2A2C !important;
  border: 1px solid rgba(218,195,0,.15) !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  font-size: 12px !important;
  color: #B0ACA8 !important;
  font-family: 'Open Sans', sans-serif !important;
  cursor: pointer !important;
  transition: border-color .2s !important;
}
.swpm-registration-widget-form ul li:hover {
  border-color: #DAC300 !important;
}
.swpm-registration-widget-form input[type="radio"] {
  accent-color: #DAC300 !important;
  margin-right: 8px !important;
}

/* Checkbox auto-renew */
.swpm-registration-widget-form input[type="checkbox"] {
  accent-color: #DAC300 !important;
  margin-right: 6px !important;
}

/* Payment Details title */
.swpm-registration-widget-form h3,
.swpm-payment-details-title,
.payment-details-heading {
  color: #DAC300 !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin: 20px 0 12px !important;
  border-top: 1px solid rgba(218,195,0,.15) !important;
  padding-top: 16px !important;
}

/* Stripe card fields */
.StripeElement,
.__PrivateStripeElement,
.stripe-card-element {
  background: #2A2A2C !important;
  border: 1px solid rgba(218,195,0,.3) !important;
  border-radius: 5px !important;
  padding: 10px 13px !important;
  margin-bottom: 10px !important;
}

/* Botón Register / Submit */
.swpm-registration-widget-form input[type="submit"],
.swpm-registration-widget-form button[type="submit"],
form.swpm-registration-form input[type="submit"],
.swpm-submit-btn,
input.swpm-registration-submit-btn,
.swpm-login-widget-form input[type="submit"],
form.swpm-login-form input[type="submit"],
.swpm-login-btn,
input.swpm-login-submit-btn {
  background: #DAC300 !important;
  color: #231F20 !important;
  border: none !important;
  border-radius: 5px !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 13px 24px !important;
  width: 100% !important;
  cursor: pointer !important;
  margin-top: 16px !important;
  transition: background .2s !important;
  box-sizing: border-box !important;
}
.swpm-registration-widget-form input[type="submit"]:hover,
.swpm-login-widget-form input[type="submit"]:hover {
  background: #B8A300 !important;
}

/* Select (país, etc) */
.swpm-registration-widget-form select,
form.swpm-registration-form select {
  background: #2A2A2C !important;
  border: 1px solid #DAC300 !important;
  border-radius: 5px !important;
  color: #FFFFFF !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  padding: 10px 13px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 8px !important;
}

/* Texto pequeño / mensajes */
.swpm-registration-widget-form p,
.swpm-login-widget-form p {
  color: #6B6860 !important;
  font-size: 11px !important;
  line-height: 1.6 !important;
}

/* ════════════════════════════════════
   RESPONSIVO
   ════════════════════════════════════ */

/* Tablet */
@media (max-width: 768px) {
  .swpm-registration-widget-form,
  form.swpm-registration-form,
  .swpm-login-widget-form,
  form.swpm-login-form {
    padding: 24px 18px !important;
    margin: 20px auto !important;
  }
  h1, h2 {
    font-size: clamp(24px, 5vw, 40px) !important;
  }
}

/* Móvil */
@media (max-width: 480px) {
  .swpm-registration-widget-form,
  form.swpm-registration-form,
  .swpm-login-widget-form,
  form.swpm-login-form {
    padding: 20px 14px !important;
    margin: 12px auto !important;
    border-radius: 6px !important;
  }
  .swpm-registration-widget-form input[type="text"],
  .swpm-registration-widget-form input[type="email"],
  .swpm-registration-widget-form input[type="password"],
  form.swpm-login-form input[type="text"],
  form.swpm-login-form input[type="password"] {
    font-size: 16px !important; /* evita zoom en iOS */
  }
}

/* ── FOOTER ── */
.site-footer, footer.site-footer, #colophon {
  background: #1E1E20 !important;
  border-top: 1px solid rgba(218,195,0,.1) !important;
  color: #6B6860 !important;
}
.site-footer a, footer.site-footer a {
  color: #6B6860 !important;
}
.site-footer a:hover {
  color: #DAC300 !important;
}

/* ── OCULTAR ELEMENTOS INNECESARIOS ── */
.sharedaddy, .jp-relatedposts, .wpl-likebox,
.post-likes-widget, .sd-like, .likes-widget,
.widget-area, #secondary {
  display: none !important;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 6px }
::-webkit-scrollbar-track { background: #231F20 }
::-webkit-scrollbar-thumb { background: #343537; border-radius: 3px }
::-webkit-scrollbar-thumb:hover { background: #DAC300 }


#location_id { display: none !important; }
#service_id { display: none !important; }
#employee_id { display: none !important; }
label[for="location_id"] { display: none !important; }
label[for="service_id"] { display: none !important; }
label[for="employee_id"] { display: none !important; }




/* ── OCULTAR NAV VIEJO EN MI-CUENTA ── */
.page-id-5808 .site-header,
.page-id-5808 #masthead,
.page-id-5808 header.site-header {
  display: none !important;
}

/* Compensar el espacio del nav oculto */
.page-id-5808 .site-main,
.page-id-5808 #content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Links del dashboard en dorado */
.page-id-5808 .entry-content a,
.page-id-5808 .swpm-member-area a,
.page-id-5808 ul a {
  color: #DAC300 !important;
  text-decoration: none !important;
}

/* Tabla de suscripción */
.page-id-5808 table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #2A2A2C !important;
  color: #F0EDE8 !important;
}
.page-id-5808 table td,
.page-id-5808 table th {
  border: 1px solid rgba(218,195,0,.15) !important;
  padding: 12px 16px !important;
  color: #F0EDE8 !important;
}

/* ── OCULTAR NAV EN GRABACIONES Y MI-CUENTA ── */
.page-id-5494 header,
.page-id-5494 #site-header,
.page-id-5494 .site-header,
.page-id-5494 #masthead,
.page-id-5494 [id*="header"],
.page-id-5494 [class*="header"],
.page-id-5494 .elementor-location-header,
.page-id-5808 header,
.page-id-5808 #site-header,
.page-id-5808 .site-header,
.page-id-5808 #masthead,
.page-id-5808 [id*="header"],
.page-id-5808 [class*="header"],
.page-id-5808 .elementor-location-header {
  display: none !important;
}