/*
Theme Name: BB Mendezz
Theme URI: https://instituto.mendezz.org
Description: Child theme de BuddyBoss con la identidad mendezz — moderno y minimalista (Manual de Branding mendezz: azul/blanco/verde, Poppins + Inter).
Author: Grupo Mendezz
Version: 1.0.37
*/

/* ─────────────────────────────────────────────────────────────
   TOKENS DE MARCA (Manual mendezz)
   ───────────────────────────────────────────────────────────── */
:root{
  --mz-azul:#3B30E8;
  --mz-azul-dark:#2A1FC4;
  --mz-azul-deep:#1A1668;
  --mz-verde:#4BE38C;
  --mz-negro:#0E1117;
  --mz-tinta:#2A2D3A;
  --mz-mute:#6A6E80;
  --mz-gris:#F4F5F7;
  --mz-borde:#E6E8EF;
  --mz-display:'Sora',system-ui,sans-serif;
  --mz-sans:'Inter',system-ui,sans-serif;
}

/* ─────────────────────────────────────────────────────────────
   GLOBAL — tipografía y base (aplica a TODAS las páginas internas)
   ───────────────────────────────────────────────────────────── */
body, .bb-buddypanel, .site-content, p, li, td, input, textarea, select, button{
  font-family: var(--mz-sans) !important;
  color: var(--mz-tinta);
}
body{ background:#fff !important; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,h5,.bb-title,.entry-title,.widget-title,.bb-secondary-list-tab li a,
.learndash-wrapper h1,.learndash-wrapper h2,.learndash-wrapper h3{
  font-family: var(--mz-display) !important;
  color: var(--mz-negro);
  letter-spacing:-0.02em;
}
a{ color: var(--mz-azul); }
a:hover{ color: var(--mz-azul-dark); }

/* ─────────────────────────────────────────────────────────────
   BOTONES — pill azul mendezz
   ───────────────────────────────────────────────────────────── */
.button, button.button, input[type="submit"], .wp-element-button,
.bb-style-button, .learndash-wrapper .ld-button, .woocommerce a.button,
.woocommerce button.button, .woocommerce .button, .bs-styled-button,
.bb-secondary-default-button, a.bb-secondary-default-button{
  font-family: var(--mz-display) !important;
  font-weight:600 !important;
  border-radius:999px !important;
  background: var(--mz-azul) !important;
  border-color: var(--mz-azul) !important;
  color:#fff !important;
  box-shadow:0 6px 18px rgba(59,48,232,.18);
  transition:transform .12s ease, filter .12s ease;
  letter-spacing:.01em;
}
.button:hover, button.button:hover, input[type="submit"]:hover,
.wp-element-button:hover, .learndash-wrapper .ld-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover{
  filter:brightness(1.06); transform:translateY(-1px); color:#fff !important;
}
.bb-secondary-default-button, a.bb-secondary-default-button{
  background:#fff !important; color:var(--mz-azul) !important; border:1.5px solid var(--mz-borde) !important; box-shadow:none;
}

/* ─────────────────────────────────────────────────────────────
   TARJETAS / CONTENEDORES — limpio, blanco, radius suave
   ───────────────────────────────────────────────────────────── */
.bb-card, .bs-item-wrap, .learndash-wrapper .ld-course-list-items .ld-course-list-item,
.bb-grid .bb-cover-list-item, article.post, .type-sfwd-courses,
.woocommerce ul.products li.product, .bb-groups-list li, .bb-members-list li,
.activity-list li.activity-item{
  border-radius:16px !important;
  border:1px solid var(--mz-borde) !important;
  background:#fff !important;
  box-shadow:none !important;
  transition:transform .16s ease, box-shadow .16s ease;
}
.bb-card:hover, .learndash-wrapper .ld-course-list-item:hover,
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(26,22,104,.10) !important;
}

/* LearnDash — barra de progreso y acentos en azul */
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .ld-progress-bar-percentage{ background:var(--mz-azul) !important; }
.learndash-wrapper .ld-status-complete{ background:var(--mz-verde) !important; color:#06351f !important; }

/* ─────────────────────────────────────────────────────────────
   HEADER del sitio — más limpio y aireado
   ───────────────────────────────────────────────────────────── */
.site-header, .header-wrap, #masthead{
  background:#fff !important;
  border-bottom:1px solid var(--mz-borde) !important;
  box-shadow:none !important;
}
.site-header .site-navigation a, .bb-menu-item-link{ font-weight:500; color:var(--mz-tinta); }
.site-header .site-navigation a:hover{ color:var(--mz-azul); }

/* ─────────────────────────────────────────────────────────────
   FORMULARIOS — inputs limpios con borde visible
   ───────────────────────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"], input[type="search"],
input[type="tel"], textarea, select, .select2-container--default .select2-selection{
  border-radius:10px !important;
  border:1px solid var(--mz-borde) !important;
  background:#fff !important;
}
input:focus, textarea:focus, select:focus{
  outline:none !important; border-color:var(--mz-azul) !important;
  box-shadow:0 0 0 3px rgba(59,48,232,.12) !important;
}

/* Acentos genéricos a azul (badges, links activos, tabs) */
.bb-tab-wrap .bb-tabs-list li.selected a, .bb-secondary-list-tab li.selected a,
.bp-navs.bp-subnavs.no-ajax li.current a{
  color:var(--mz-azul) !important; border-color:var(--mz-azul) !important;
}

/* Botón flotante WhatsApp y elementos sueltos sin reventar layout */
.entry-title a{ color:var(--mz-negro); }
.entry-title a:hover{ color:var(--mz-azul); }

/* ─────────────────────────────────────────────────────────────
   LearnDash — banner de curso/lección en azul de marca
   (#607387 gris-pizarra default de BuddyBoss cuando NO hay imagen
   destacada; solo background-color para no tapar imágenes reales)
   ───────────────────────────────────────────────────────────── */
.learndash-wrapper .bb-learndash-banner,
.bb-vw-container.bb-learndash-banner{
  background-color: var(--mz-azul) !important;
}
/* Acentos LearnDash (botones, links activos, progreso) ya en azul vía ld-primary */
.learndash-wrapper .ld-primary-background,
.learndash-wrapper .btn-advance{ background-color: var(--mz-azul) !important; }
.learndash-wrapper .ld-primary-color{ color: var(--mz-azul) !important; }

/* Ocultar botones express de PayPal en la página de PRODUCTO (deben verse solo en checkout) — 2026-06-15 */
body.single-product .ppc-button-wrapper,
body.single-product [id^="ppc-button-"],
body.single-product .ppcp-button-apm { display: none !important; }

/* ─────────────────────────────────────────────────────────────
   Mi cuenta — bloque de direcciones aplastado (fix 2026-06-15)
   El dashboard de BuddyBoss aplica su grid .col-1/.col-2 (8.33%)
   sobre las columnas de dirección de WooCommerce -> se colapsan a
   ~69px y el texto sale una palabra por línea. Forzar ancho real.
   ───────────────────────────────────────────────────────────── */
.woocommerce-MyAccount-content .wc-DashBoard-address-wrapper{
  display:flex; flex-wrap:wrap; gap:24px;
}
.woocommerce-MyAccount-content .wc-DashBoard-address-wrapper .woocommerce-Address,
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address,
.woocommerce-MyAccount-content .u-column1.col-1,
.woocommerce-MyAccount-content .u-column2.col-2{
  width:auto !important; max-width:none !important; flex:1 1 280px; float:none !important;
}
.woocommerce-MyAccount-content .woocommerce-Address address{ white-space:normal; }
.woocommerce-MyAccount-content .woocommerce-Address h3,
.woocommerce-MyAccount-content .woocommerce-column__title{ white-space:nowrap; }

/* Selector de moneda flotante: anclarlo abajo-derecha (estaba flotando a media
   pantalla, tapando contenido en perfil/curso/aula). El WhatsApp va abajo-izq. */
#menarve-currency-switcher{ top:auto !important; bottom:90px !important; right:20px !important; left:auto !important; }