/* ==============================================
   NAVBAR UNIFIED STYLES
   Homologación visual para todos los módulos
   ============================================== */

/* GEOMETRÍA DE BOTONES CIRCULARES */
.navbar .btn.btn-circle, 
.navbar .btn-circle {
  display: inline-flex !important; /* Force flex to override swap grid */
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden; /* Ensure content doesn't spill */
  aspect-ratio: 1 / 1; /* Garantizar círculo perfecto */
}

/* TAMAÑO UNIFICADO (Small - 32px) */
.navbar .btn-circle.btn-sm {
  width: 2rem !important;
  height: 2rem !important;
  min-height: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
  max-height: 2rem !important;
}

/* CENTRADO DE ÍCONOS (Lucide/SVG) */
.navbar .btn-circle i,
.navbar .btn-circle svg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

/* CORRECCIÓN PARA COMPONENTE SWAP (Theme Toggle) */
.navbar .swap {
  display: inline-flex !important; /* Override DaisyUI grid */
  position: relative;
  /* Reset de dimensiones internas */
  width: 100%;
  height: 100%;
}

.navbar .swap input {
  /* Asegurar que el input no rompa el layout */
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}

.navbar .swap .swap-on, 
.navbar .swap .swap-off {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem; /* 20px - Ajustado para btn-sm */
  height: 1.25rem;
  margin: 0;
  padding: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar .swap .swap-on { opacity: 0; }
.navbar .swap .swap-off { opacity: 1; }
.navbar .swap input:checked ~ .swap-on { opacity: 1; }
.navbar .swap input:checked ~ .swap-off { opacity: 0; }

/* CORRECCIÓN PARA COMPONENTE AVATAR (Profile) */
.navbar .avatar {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.navbar .avatar > div {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  /* Ring adjustments if needed */
}

.navbar .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ESTILOS VISUALES GENERALES */
.navbar {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  border-bottom: 1px solid rgba(249, 115, 22, 0.2);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

[data-theme="winter"] .navbar {
  background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);
  border-bottom: 1px solid rgba(249, 115, 22, 0.2);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.navbar .btn-ghost:hover {
  background-color: rgba(249, 115, 22, 0.1);
  color: #F97316;
}

.navbar .divider-horizontal {
  background-color: rgba(249, 115, 22, 0.3);
  width: 1px;
  height: 32px;
  margin: 0 8px;
}

.navbar .avatar .ring-orange-500 { --tw-ring-color: #F97316; }