/* =====================================================
   Kavenio Current Page Highlight
   Desktop Header + Mobile Drawer + Quick Actions
   ===================================================== */

:root {
  --kv-current-blue: #2563eb;
  --kv-current-cyan: #0ea5e9;
  --kv-current-gold: #facc15;
}

.admin-header .admin-actions .is-current-page,
.profile-header .profile-actions .is-current-page,
.resume-dashboard-header .resume-dashboard-actions .is-current-page,
.admin-actions .is-current-page,
.profile-actions .is-current-page,
.resume-dashboard-actions .is-current-page,
.dashboard-actions-list .is-current-page,
.kv-mobile-bar .is-current-page,
.kv-mobile-drawer .is-current-page,
.kv-drawer-body .is-current-page,
.mobile-menu .is-current-page,
.mobile-nav .is-current-page,
[data-page].is-current-page {
  position: relative !important;
  background: linear-gradient(135deg, var(--kv-current-blue), var(--kv-current-cyan)) !important;
  color: #ffffff !important;
  border-color: var(--kv-current-blue) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.26) !important;
}

.admin-header .admin-actions .is-current-page:hover,
.profile-header .profile-actions .is-current-page:hover,
.resume-dashboard-header .resume-dashboard-actions .is-current-page:hover,
.admin-actions .is-current-page:hover,
.profile-actions .is-current-page:hover,
.resume-dashboard-actions .is-current-page:hover,
.dashboard-actions-list .is-current-page:hover,
.kv-mobile-bar .is-current-page:hover,
.kv-mobile-drawer .is-current-page:hover,
.kv-drawer-body .is-current-page:hover,
.mobile-menu .is-current-page:hover,
.mobile-nav .is-current-page:hover,
[data-page].is-current-page:hover {
  background: linear-gradient(135deg, #1d4ed8, #0284c7) !important;
  color: #ffffff !important;
}

.admin-header .admin-actions .is-current-page svg,
.profile-header .profile-actions .is-current-page svg,
.resume-dashboard-header .resume-dashboard-actions .is-current-page svg,
.admin-actions .is-current-page svg,
.profile-actions .is-current-page svg,
.resume-dashboard-actions .is-current-page svg,
.dashboard-actions-list .is-current-page svg,
.kv-mobile-drawer .is-current-page svg,
.kv-drawer-body .is-current-page svg,
.mobile-menu .is-current-page svg,
.mobile-nav .is-current-page svg,
.admin-actions .is-current-page i,
.profile-actions .is-current-page i,
.resume-dashboard-actions .is-current-page i,
.dashboard-actions-list .is-current-page i,
.kv-mobile-drawer .is-current-page i,
.kv-drawer-body .is-current-page i,
.mobile-menu .is-current-page i,
.mobile-nav .is-current-page i {
  color: #ffffff !important;
  stroke: currentColor !important;
}

/* Gold underline only for main header buttons */
.admin-header .admin-actions .is-current-page::after,
.profile-header .profile-actions .is-current-page::after,
.resume-dashboard-header .resume-dashboard-actions .is-current-page::after,
.admin-actions .is-current-page::after,
.profile-actions .is-current-page::after,
.resume-dashboard-actions .is-current-page::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -7px !important;
  width: 34px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: var(--kv-current-gold) !important;
  transform: translateX(-50%) !important;
}

/* No underline inside quick actions or mobile drawer */
.dashboard-actions-list .is-current-page::after,
.kv-mobile-bar .is-current-page::after,
.kv-mobile-drawer .is-current-page::after,
.kv-drawer-body .is-current-page::after,
.mobile-menu .is-current-page::after,
.mobile-nav .is-current-page::after {
  display: none !important;
}

/* Never highlight logout or danger actions */
.admin-header .admin-actions .danger-soft.is-current-page,
.profile-header .profile-actions .danger-soft.is-current-page,
.resume-dashboard-header .resume-dashboard-actions .danger-soft.is-current-page,
.admin-actions .danger-soft.is-current-page,
.profile-actions .danger-soft.is-current-page,
.resume-dashboard-actions .danger-soft.is-current-page,
.kv-mobile-drawer .danger-soft.is-current-page,
.kv-drawer-body .danger-soft.is-current-page,
.mobile-menu .danger-soft.is-current-page,
.mobile-nav .danger-soft.is-current-page {
  background: #fff1f2 !important;
  color: #991b1b !important;
  border-color: #fecaca !important;
  box-shadow: none !important;
}

.admin-header .admin-actions .danger-soft.is-current-page::after,
.profile-header .profile-actions .danger-soft.is-current-page::after,
.resume-dashboard-header .resume-dashboard-actions .danger-soft.is-current-page::after,
.admin-actions .danger-soft.is-current-page::after,
.profile-actions .danger-soft.is-current-page::after,
.resume-dashboard-actions .danger-soft.is-current-page::after {
  display: none !important;
}

@media (max-width: 760px) {
  .admin-header .admin-actions .is-current-page,
.profile-header .profile-actions .is-current-page,
.resume-dashboard-header .resume-dashboard-actions .is-current-page,
.admin-actions .is-current-page,
  .profile-actions .is-current-page,
  .resume-dashboard-actions .is-current-page {
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.22) !important;
  }

  .admin-header .admin-actions .is-current-page::after,
.profile-header .profile-actions .is-current-page::after,
.resume-dashboard-header .resume-dashboard-actions .is-current-page::after,
.admin-actions .is-current-page::after,
  .profile-actions .is-current-page::after,
  .resume-dashboard-actions .is-current-page::after {
    bottom: -5px !important;
    width: 28px !important;
    height: 3px !important;
  }

  .kv-mobile-drawer .is-current-page,
  .kv-drawer-body .is-current-page,
  .mobile-menu .is-current-page,
  .mobile-nav .is-current-page {
    border-radius: 14px !important;
    min-height: 42px !important;
  }
}
