/* Icon stilizat + glow animat */
.theme-anim {
  font-size: 20px;
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  color: #3f51b5;
  text-shadow: 0 0 6px rgba(63, 81, 181, 0.5);
}

/* Dark mode: soarele */
body.dark-mode .theme-anim {
  color: #ffc107;
  text-shadow: 0 0 10px rgba(255, 193, 7, 0.6);
  transform: rotate(360deg) scale(1.2);
}

/* Puls animat pe comutare */
.theme-anim.pulse {
  animation: pulseTheme 0.6s ease;
}

@keyframes pulseTheme {
  0%   { transform: scale(1) rotate(0deg); opacity: 1; }
  50%  { transform: scale(1.6) rotate(180deg); opacity: 0.6; }
  100% { transform: scale(1.2) rotate(360deg); opacity: 1; }
}
.content {
  padding-bottom: 80px;
}

/* Fundal animat */
body.theme-transition {
  transition: background-color 0.6s ease, color 0.6s ease;
}

.icon-btn.delete {
  color: #6c757d; /* gri inițial */
  transition: color 0.2s ease;
  text-decoration: none;
}

.icon-btn.delete:hover i,
.icon-btn.delete:focus i {
  color: #dc3545 !important; /* roșu */
}

body.dark-mode .icon-btn.delete:hover i {
  color: #dc3545 !important;
}
.link-profile {
  text-decoration: none;
  color: #000; /* default light */
}

body.dark-mode .link-profile {
  color: #fff; /* dark mode */
}

.nav-tabs .nav-link.active {
  border-top: 3px solid #007bff !important;
  background-color: transparent;
  font-weight: 600;
}
.nav-tabs .nav-link {
  border: none !important;
  color: #444;
}
.nav-tabs .nav-link:hover {
  background-color: #f4f4f4;
}

/* Culoare text în funcție de temă pentru conținutul taburilor */
.card .tab-content {
  color: var(--bs-body-color, #212529); /* fallback pentru AdminLTE */
}

body.dark-mode .card .tab-content {
  color: #f8f9fa; /* text alb în dark mode */
}

/* Fix pentru .timeline-body și .description */
body.dark-mode .timeline-body,
body.dark-mode .description,
body.dark-mode .post p {
  color: #d1d1d1;
}

/* Butoanele taburilor - fix pentru font */
.nav-tabs .nav-link {
  color: inherit;
}

.swal2-popup {
  max-height: 90vh;
  overflow-y: auto;
}

.sun-editor {
  position: relative;
  resize: both;
  overflow: auto;
  min-width: 300px;
  min-height: 200px;
}

/* Colț vizual de redimensionare */
.sun-editor::after {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 20L20 0V4L4 20H0Z' fill='%23999'/%3E%3C/svg%3E") no-repeat center center;
  background-size: 12px;
  cursor: se-resize;
  opacity: 0.5;
  z-index: 99;
}

.nume-staff {
  color: var(--nume-staff-color) !important;
  text-decoration: none;
  transition: color 0.3s ease;
}

.nume-staff:hover {
  color: #ffc107 !important;
  text-decoration: underline;
}
.sun-editor {
  position: relative;
}
.swal2-popup .sun-editor {
  display: block !important;
  height: auto !important;
}

.with-admin-buttons {
  padding-top: 60px;
  padding-right: 120px;
}

/* Stil pentru header-ele de navigație (STAFF NAVIGATION și MAIN NAVIGATION) */
.nav-header {
  background-color: #1b2327 !important; /* Negru închis, ca în poză */
  color: #3e4f5d !important; /* Scris alb */
  padding: 0.75rem 1rem !important; /* Spațiu interior pentru a arăta ca o casetă */
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Linie subtilă jos pentru separare */
  margin: 0.5rem 0; /* Spațiu sus/jos pentru a se separa de iteme */
}

/* Separator HR să fie mai subtil */
.nav-item hr {
  margin: 0.5rem 1rem;
  border-color: rgba(255, 255, 255, 0.15);
}

/* INIMĂ CU BĂTAIE ȘI CULOARE TRICOLORĂ */
.heart-animated {
  animation: heartbeatTricolor 4.8s ease-in-out infinite;
  display: inline-block;
}

@keyframes heartbeatTricolor {
  /* === ALBASTRU === */
  0%   { transform: scale(1);   color: #0057b7; }
  8%   { transform: scale(1.3); color: #0057b7; }
  16%  { transform: scale(1);   color: #0057b7; }
  24%  { transform: scale(1.3); color: #0057b7; }
  32%  { transform: scale(1);   color: #ffd700; } /* schimbă la GALBEN */

  /* === GALBEN === */
  40%  { transform: scale(1.3); color: #ffd700; }
  48%  { transform: scale(1);   color: #ffd700; }
  56%  { transform: scale(1.3); color: #ffd700; }
  64%  { transform: scale(1);   color: #ff0000; } /* schimbă la ROȘU */

  /* === ROȘU === */
  72%  { transform: scale(1.3); color: #ff0000; }
  80%  { transform: scale(1);   color: #ff0000; }
  88%  { transform: scale(1.3); color: #ff0000; }
  96%  { transform: scale(1);   color: #0057b7; } /* revine la ALBASTRU */
  100% { transform: scale(1);   color: #0057b7; }
}

.bs-tooltip-top {
transform: translateY(-50px); /* Mărit la -50px pentru a ieși mai mult din profil; ajustează dacă e prea mult */
}
.bs-tooltip-top .tooltip-arrow {
transform: translateY(50px); /* Compensează săgeata corespunzător */
}