/* =========================================================
   LAYOUT
   ========================================================= */

#allrecords {
  margin-left: 422px;
  box-sizing: border-box;
}

/* =========================================================
   HOME – TEXT ANIMATION
   ========================================================= */

.blurLoop {
  animation: blurFade 3s ease-in-out infinite;
}

@keyframes blurFade {
  0% { filter: blur(0); opacity: 1; }
  25% { filter: blur(5px); opacity: 0.5; }
  100% { filter: blur(0); opacity: 1; }
}

/* =========================================================
   EXPERIENCE – MAIN BUTTON
   ========================================================= */

.sidebar-main--experience.active,
.sidebar-main--experience.active .tn-atom,
.sidebar-main--experience.active * {
  color: #FF6E13 !important;
  opacity: 1 !important;
}

/* =========================================================
   EXPERIENCE – SUBMENU LINKS
   ========================================================= */

.gradient-link {
  position: relative;
  text-decoration: none;
  color: #1E1C1C !important;
  opacity: 0.6;
  transition: opacity 0.25s ease;
}

.gradient-link:hover,
.gradient-link.active {
  opacity: 1 !important;
}

/* Static underline */
.gradient-link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #1E1C1C;
}

/* Animated underline */
.gradient-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(241,148,98,1),
    rgba(200,51,29,1),
    rgba(154,36,116,1)
  );
  background-size: 0% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.6s ease;
}

.gradient-link:hover::after,
.gradient-link.active::after {
  background-size: 100% 100%;
}

/* =========================================================
   MAIN MENU BUTTONS – FINAL OVERRIDE (CRITICAL)
   ========================================================= */

/* DEFAULT (inactive) */
[class^="sidebar-main--"],
[class^="sidebar-main--"] .tn-atom,
[class^="sidebar-main--"] .tn-atom__button-content {
  color: rgba(30, 28, 28, 0.6) !important;
  opacity: 0.6 !important;
}

/* ACTIVE (force override ALL Tilda inline styles) */
[class^="sidebar-main--"].active,
[class^="sidebar-main--"].active .tn-atom,
[class^="sidebar-main--"].active .tn-atom__button-content,
[class^="sidebar-main--"].active * {
  color: #FF6E13 !important;
  opacity: 1 !important;
}