/* =========================================
   TEMA VINO/BLANCO PARA PÁGINAS DE ALLAUTH
   (Cambiar contraseña, Doble factor, Sesiones, etc.)
   Estas páginas ya vienen con clases de Bootstrap correctas
   (card, btn-primary, badge, table) desde las plantillas de
   allauth/elements/ — aquí solo se cambia el tema de color.
   ========================================= */

#content h1{
  font-weight: 800;
  font-size: 1.5rem;
  color: #9A1F40;
  margin-bottom: 1.25rem;
}

#content .card{
  border: 0;
  border-radius: 16px;
  box-shadow: 0 4px 6px rgba(0,0,0,.02), 0 20px 40px -12px rgba(0,0,0,.10);
  margin-bottom: 1.25rem;
}

/* base.css tiene ".card-body{background:#fdf9f3}" global (para otra
   pantalla), que se le pega a cualquier tarjeta del sitio. Aquí se
   corrige solo dentro del contenido de estas páginas. */
#content .card .card-body{
  background-color: #ffffff;
  border-radius: 16px 16px 0 0;
}

#content .card a{
  color: #9A1F40;
}

#content .card .card-title{
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: #9A1F40;
}

#content .card .card-footer{
  background: transparent;
  border-top: 1px solid #f0f0f0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

#content .card .card-footer a:not(.btn){
  color: #9A1F40;
  border: 1px solid #e7c9d2;
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: .9rem;
  text-decoration: none;
  line-height: 1.4;
}

#content .card .card-footer a:not(.btn):hover,
#content .card .card-footer a:not(.btn):focus{
  background-color: #fbeaef;
  border-color: #9A1F40;
}

#content .btn-primary{
  background-color: #9A1F40 !important;
  border-color: #9A1F40 !important;
  color: #fff !important;
}

#content .btn-primary:hover,
#content .btn-primary:focus{
  background-color: #9A1F40 !important;
  border-color: #9A1F40 !important;
  color: #fff !important;
  filter: brightness(.9);
}

#content .badge.text-bg-primary{
  background-color: #9A1F40 !important;
}

/* Botones "Agregar"/"Eliminar" (tablas de maniobras, evidencias, destinos):
   base.css pinta TODO .btn en dorado por defecto; aquí los pasamos a vino,
   con texto blanco para que se lean bien sobre el fondo rojo. */
#content .btn-success,
#content .btn-danger,
#content .btn-outline-danger,
#content .btn-outline-secondary,
#content .btn-outline-primary,
#content .btn-outline-warning,
#content .btn-outline-success{
  background-color: #9A1F40 !important;
  border-color: #9A1F40 !important;
  color: #fff !important;
}

#content .btn-success:hover,
#content .btn-success:focus,
#content .btn-danger:hover,
#content .btn-danger:focus,
#content .btn-outline-danger:hover,
#content .btn-outline-danger:focus,
#content .btn-outline-secondary:hover,
#content .btn-outline-secondary:focus,
#content .btn-outline-primary:hover,
#content .btn-outline-primary:focus,
#content .btn-outline-warning:hover,
#content .btn-outline-warning:focus,
#content .btn-outline-success:hover,
#content .btn-outline-success:focus{
  background-color: #9A1F40 !important;
  border-color: #9A1F40 !important;
  color: #fff !important;
  filter: brightness(.85);
}

#content .table{
  --bs-table-bg: transparent;
}

#content .table thead th{
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #6c757d;
  border-bottom-width: 1px;
}