/* ====================================================
   1. OCULTAR ELEMENTOS NATIVOS DE VIKUNJA
   ==================================================== */
/* Ocultar cualquier SVG de la llama o imagen dentro del área de marca */
header a:first-child svg,
aside header a:first-child svg,
.auth-container svg {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}

/* Ocultar el texto nativo "Vikunja" de la cabecera */
header a:first-child span,
aside header a:first-child span,
.logo-title,
.app-title {
  display: none !important;
  font-size: 0 !important;
}

/* Ocultar enlaces de créditos y pie de página */
a[href*="vikunja.io"],
a[href*="community.vikunja.io"],
.footer,
.version-info,
.about-vikunja {
  display: none !important;
}

/* ====================================================
   2. MOSTRAR LOGO ÚNICAMENTE EN LA CABECERA SUPERIOR
   ==================================================== */
/* Logo exclusivo en el encabezado principal superior */
aside > header a:first-child,
header > a:first-child {
  background-image: url("/custom/logo-full.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  min-height: 44px !important;
  min-width: 190px !important;
  display: inline-block !important;
}

/* Pantalla de login / registro */
.auth-container .logo,
.auth-card .logo {
  background-image: url("/custom/logo-full.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
  min-height: 65px !important;
  width: 100% !important;
}

/* ====================================================
   3. LIMPIAR FONDOS DE LA LISTA DE NAVEGACIÓN
   ==================================================== */
/* Asegurar que Overview y demás elementos de la lista queden limpios */
aside nav a,
aside ul a,
.navigation-item,
a.item {
  background-image: none !important;
}

/* ====================================================
   4. COLOR CORPORATIVO (#9d13af)
   ==================================================== */
:root {
  --primary: #9d13af !important;
  --primary-hover: #7b0f8a !important;
  --primary-focus: #5a0b66 !important;
}

.button.is-primary,
.is-primary,
button.primary,
.bg-primary {
  background-color: #9d13af !important;
  border-color: #9d13af !important;
  color: #ffffff !important;
}