/* ============================================================
   RUDRION TECH SOLUTIONS — navbar.css (Typography Enhanced)
   ============================================================ */

/* ============ CURSOR GLOW ============ */
.cursor-glow {
  position: fixed; top: 0; left: 0; width: 460px; height: 460px;
  border-radius: 50%; pointer-events: none; z-index: 2;
  background: radial-gradient(circle, rgba(217,155,110,0.10), transparent 70%);
  transform: translate(-50%,-50%);
  will-change: transform; transition: opacity 0.3s; opacity: 0;
}
.cursor-glow.is-active { opacity: 1; }
@media (max-width: 860px) { .cursor-glow { display: none; } }

/* ============ NAVBAR ============ */
.navbar {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
  width: min(1500px, 94%); z-index: 500; border-radius: 999px;
  background: rgba(15,13,12,0.45); border: 1px solid var(--c-line);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  transition: background var(--dur-fast), border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.navbar.is-scrolled {
  background: rgba(10,9,8,0.78);
  border-color: rgba(217,155,110,0.28);
  box-shadow: 0 10px 40px rgba(0,0,0,0.45), 0 0 0 1px rgba(217,155,110,0.05);
}
.navbar__inner { display: flex; align-items: center; justify-content: space-between; padding: 10px 18px; gap: 20px; }

.navbar__brand { display: flex; align-items: center; gap: 12px; }
.navbar__logo-ring {
  width: 46px; height: 46px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle, rgba(217,155,110,0.18), transparent 70%);
  border: 1px solid var(--c-line); overflow: hidden; position: relative;
  transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);
}
.navbar__brand:hover .navbar__logo-ring { transform: rotate(8deg) scale(1.06); box-shadow: 0 0 22px rgba(217,155,110,0.35); }
.navbar__logo-img { width: 78%; height: 78%; object-fit: contain; }
.navbar__brand-text { display: flex; flex-direction: column; line-height: 1.05; }
.navbar__brand-name { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.01em; font-size: 1.15rem; color: var(--c-text-1); }
.navbar__brand-sub { font-size: 0.6rem; letter-spacing: 0.16em; font-weight: 600; color: var(--c-copper-light); }

.navbar__menu { display: flex; align-items: center; gap: 6px; position: relative; }
.navbar__link {
  position: relative; padding: 7px 16px; font-size: 0.88rem; font-weight: 500;
  color: var(--c-text-2); border-radius: 999px; transition: color var(--dur-fast), text-shadow var(--dur-fast); white-space: nowrap;
  letter-spacing: -0.01em;
}
.navbar__link:hover { color: var(--c-text-1); text-shadow: 0 0 12px rgba(217,155,110,0.35); }
.navbar__link.is-active { color: var(--c-copper-light); font-weight: 600; }
.navbar__link.is-active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 3px;
  width: 0;
  height: 1px;
  background: var(--c-copper-light);
  box-shadow: 0 0 8px rgba(217,155,110,0.6);
  transform: translateX(-50%);
  animation: navActiveUnderline 0.5s var(--ease-out) 0.15s forwards;
}
@keyframes navActiveUnderline { to { width: 55%; } }
.navbar__indicator {
  position: absolute; bottom: 2px; top: 2px; height: 32px; border-radius: 999px;
  background: linear-gradient(180deg, rgba(217,155,110,0.16), rgba(217,155,110,0.03));
  border: 1px solid rgba(217,155,110,0.25);
  transition: left var(--dur-med) var(--ease-out), width var(--dur-med) var(--ease-out);
  z-index: -1;
}

.navbar__burger { display: none; flex-direction: column; gap: 5px; width: 30px; }
.navbar__burger span { height: 2px; width: 100%; background: var(--c-copper-light); border-radius: 2px; transition: all var(--dur-fast); }
.navbar__burger.is-open span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.navbar__burger.is-open span:nth-child(2){ opacity: 0; }
.navbar__burger.is-open span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

.mobile-menu {
  position: fixed; top: 0; right: -100%; height: 100vh; width: min(340px, 84%);
  background: rgba(10,9,8,0.97); backdrop-filter: blur(18px);
  border-left: 1px solid var(--c-line); z-index: 600; padding: 110px 32px 40px;
  display: flex; flex-direction: column; gap: 8px; transition: right var(--dur-med) var(--ease-out);
}
.mobile-menu.is-open { right: 0; }
.mobile-menu a { padding: 14px 4px; font-size: 1.05rem; color: var(--c-text-2); border-bottom: 1px solid var(--c-line); font-weight: 500; letter-spacing: -0.01em; }
.mobile-menu a:hover { color: var(--c-copper-light); }
.mobile-menu a.is-active { color: var(--c-copper-light); font-weight: 600; }
.mobile-menu .btn--apply-mobile { margin-top: 20px; justify-content: center; border-bottom: none; }

/* ---- Apply Now button ---- */
.btn--apply {
  position: relative; padding: 11px 22px;
  background: rgba(217,155,110,0.08); border: 1px solid rgba(217,155,110,0.4);
  color: var(--c-metal-hi); font-size: 0.86rem; font-weight: 600; letter-spacing: 0.01em;
}
.btn--apply:hover { background: rgba(217,155,110,0.16); }
.btn--apply__shine {
  position: absolute; top: 0; left: -60%; width: 40%; height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
  transform: skewX(-20deg); animation: shineSlide 3.2s ease-in-out infinite;
}
@keyframes shineSlide { 0% { left: -60%; } 45%,100% { left: 130%; } }

/* ---- responsive ---- */
@media (max-width: 1080px) {
  .navbar__menu { display: none; }
  .navbar__inner > .btn--apply { display: none; }
  .navbar__burger { display: flex; }
}