/* ==========================================================================
   Rota İtalya Student Portal — V5 Performance & Layout Layer
   All colors resolve through the centralized semantic theme tokens.
   ========================================================================== */
:root {
  --v5-ease-out: cubic-bezier(.16, 1, .3, 1);
  --v5-ease-soft: cubic-bezier(.22, .61, .36, 1);
}

.v5-scroll-progress {
  display: none !important;
}

.v5-perf body::before,
.v5-perf body::after {
  display: none !important;
}

.v5-perf .site-header,
.v5-perf .portal-v1-nav,
.v5-perf .user-dropdown {
  background: var(--surface-overlay);
  border-color: var(--border);
}

.v5-perf .v1-kpi-grid article,
.v5-perf .v1-panel,
.v5-perf .panel,
.v5-perf .admin-panel,
.v5-perf .admin-stat,
.v5-perf .module-card,
.v5-perf .document-section,
.v5-perf .doc-card,
.v5-perf .application-card,
.v5-perf .shortlist-card,
.v5-perf .exam-card,
.v5-perf .calendar-main-panel,
.v5-perf .message-card,
.v5-perf .community-card,
.v5-perf .profile-summary,
.v5-perf .document-chart-card,
.v5-perf .document-empty,
.v5-perf .auth-card {
  background-color: var(--surface);
  color: var(--text-primary);
  border-color: var(--border);
  box-shadow: var(--shadow-soft);
}

.v5-perf .v1-module-grid a {
  background-color: var(--surface);
  color: var(--text-primary);
  border-color: var(--border);
  box-shadow: var(--shadow-soft);
}

.v5-perf .v1-dashboard-hero,
.v5-perf .v1-page-hero,
.v5-perf .document-hero-card,
.v5-perf .application-hero-copy,
.v5-perf .shortlist-hero > div {
  box-shadow: none;
}

.v5-perf .v1-panel:hover,
.v5-perf .module-card:hover,
.v5-perf .v1-module-grid a:hover,
.v5-perf .doc-card:hover {
  transform: none;
  border-color: var(--border-strong);
  box-shadow: var(--shadow);
}

.v5-reveal,
.v5-reveal.v5-from-left,
.v5-reveal.v5-from-right,
.v5-reveal.v5-in {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.v5-perf .admin-table td {
  background: var(--surface);
  color: var(--text-primary);
  border-color: var(--border);
}

@media (max-width: 900px) {
  html {
    scroll-padding-top: 138px;
  }
  body:not(.admin-body) {
    padding-bottom: 28px !important;
  }
  .site-header {
    top: 0 !important;
    z-index: 95;
  }
  .portal-v1-nav {
    position: sticky !important;
    top: 72px !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 90;
    width: 100% !important;
    margin: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 0 !important;
    background: var(--surface-overlay) !important;
    box-shadow: none !important;
    overflow: hidden;
  }
  .portal-v1-nav-inner {
    width: calc(100% - 24px) !important;
    margin: 0 auto !important;
    padding: 8px 2px !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .portal-v1-nav-inner::-webkit-scrollbar {
    display: none;
  }
  .portal-v1-nav a {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 7px 11px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v5-reveal,
  .v5-reveal.v5-from-left,
  .v5-reveal.v5-from-right {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}