/* BAI white-label para Mautic — inyectado por nginx sub_filter (update-proof,
   sin tocar la imagen ni plugins). Colores/fuente citados en
   /root/bai-dev/mautic/branding/SOURCES.md (tema bai-final de baimarketing.es). */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700;800&display=swap');

:root {
  --bai-accent: #FF3617;
  --bai-accent-hover: #FF4A2E;
  --bai-dark: #0A0A0A;
  --bai-gold: #D4A658;
}

/* ---- Logo: ocultar el de Mautic y mostrar el wordmark "Bai." ---- */
.mautic-logo-figure,
.mautic-logo-text { display: none !important; }

/* Anula el recorte circular del contenedor del logo para que el wordmark se vea entero. */
.mautic-logo.img-circle {
  border-radius: 0 !important; overflow: visible !important;
  width: auto !important; height: auto !important; background: none !important;
}
/* Wordmark "Bai." tanto en login (.mautic-logo) como en el topbar (.mautic-brand) */
.mautic-logo, .mautic-brand { line-height: 1; white-space: nowrap; }
.mautic-logo::before, .mautic-brand::before {
  content: "Bai";
  font-family: 'Big Shoulders Display', sans-serif;
  font-weight: 800; font-size: 28px; letter-spacing: -1px;
  color: #ffffff; vertical-align: middle;
}
.mautic-logo::after, .mautic-brand::after {
  content: ".";
  font-family: 'Big Shoulders Display', sans-serif;
  font-weight: 800; font-size: 28px;
  color: var(--bai-accent);
}

/* ---- Login: fondo oscuro BAI (clase añadida por nginx solo en la página de login) ---- */
body.bai-login {
  background: var(--bai-dark) !important;
}
body.bai-login .panel {
  box-shadow: 0 10px 40px rgba(0,0,0,.5);
  border-top: 3px solid var(--bai-accent);
}

/* ---- Acentos primarios ---- */
.btn-primary { background-color: var(--bai-accent) !important; border-color: var(--bai-accent) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--bai-accent-hover) !important; border-color: var(--bai-accent-hover) !important; }
a, a:focus { color: var(--bai-accent); }
a:hover { color: var(--bai-accent-hover); }

/* ---- Barra de navegación superior oscura (refuerza marca) ---- */
.navbar, .navbar-default { background: var(--bai-dark) !important; border-color: #1a1a1a !important; }