/* Sidebar + topbar re-skin for the student area. Scoped under body.mc-skin. */

/* tokens (kept on .mc-skin, not :root, so they don't leak) */
.mc-skin {
    --mc-surface: #FFFFFF;
    --mc-surface-alt: #FBFCFE;
    --mc-border: #E7EBF0;
    --mc-brand: #C41E3A;
    --mc-brand-hover: #9E1730;
    --mc-brand-tint: #FBEAED;
    --mc-ink: #201A1D;
    --mc-text-2: #5A6B85;
    --mc-text-3: #7A889E;
    --mc-danger: #F04438;
    --mc-radius-sm: 9px;
    --mc-radius-pill: 999px;
}

/* sidebar */
.mc-skin .main-sidebar,
.mc-skin .sidebar {
    background: var(--mc-surface);
    border-right: 1px solid var(--mc-border);
    box-shadow: none;
}
.mc-skin .sidebar { font-size: 14.5px; }

/* group labels (estudar / loja / minha conta / informação) */
.mc-skin .sidebar-menu .nav-level {
    padding: 16px 20px 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--mc-text-3);
    border-top: none;
    list-style: none;
}

/* menu item */
.mc-skin .sidebar-menu > li { padding: 0 12px; }
.mc-skin .sidebar-menu > li > a {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 44px;
    padding: 0 12px;
    color: var(--mc-text-2);
    font-size: 14.5px;
    font-weight: 400;
    border-radius: var(--mc-radius-sm);
    position: relative;
    transition: background .15s, color .15s;
}
.mc-skin .sidebar-menu > li > a > i:first-child {
    font-size: 19px;
    width: 20px;
    text-align: center;
    flex-shrink: 0;
}
.mc-skin .sidebar-menu > li > a:hover {
    background: var(--mc-surface-alt);
    color: var(--mc-ink);
}

/* active item: tint pill + brand text + side bar */
.mc-skin .sidebar-menu > li.active > a {
    background: var(--mc-brand-tint) !important;
    color: var(--mc-brand-hover) !important;
    font-weight: 600;
}
.mc-skin .sidebar-menu > li.active > a::before {
    content: "";
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 22px;
    background: var(--mc-brand);
    border-radius: 0 3px 3px 0;
}

/* counter badge / label */
.mc-skin .sidebar-menu > li > a .badge,
.mc-skin .sidebar-menu > li > a > .label {
    margin-left: auto;
    background: var(--mc-danger);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    border-radius: var(--mc-radius-pill);
}

/* submenu arrow on the right */
.mc-skin .sidebar-menu > li > a .icon-arrow-down { margin-left: auto; }

/* submenu (treeview) */
.mc-skin .sidebar-menu .treeview-menu { background: var(--mc-surface); }
.mc-skin .sidebar-menu .treeview-menu > li > a { color: var(--mc-text-2); }
.mc-skin .sidebar-menu .treeview-menu > li.active > a {
    color: var(--mc-brand-hover);
    font-weight: 600;
}

/* user panel at the top of the sidebar */
.mc-skin .sidebar .user-panel {
    background-color: transparent;
    border-bottom: 1px solid var(--mc-border);
}
.mc-skin .user-panel .info p { color: var(--mc-ink); font-weight: 600; }

/* student stats under the name (BIPECoins / keys) */
.mc-skin .user-panel .mc-side-stats { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 5px; }
.mc-skin .user-panel .mc-side-stats a { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 700; color: var(--mc-text-2); }
.mc-skin .user-panel .mc-side-stats i { font-size: 15px; }
/* gift pulses slowly when shown (only appears when the student is in the promo) */
@keyframes mc-gift-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }
.mc-skin .user-panel .mc-side-stats a#GiftRoute i {
    color: #E11D48;
    display: inline-block;
    animation: mc-gift-pulse 1.8s ease-in-out infinite;
    transform-origin: center;
}
@media (prefers-reduced-motion: reduce) {
    .mc-skin .user-panel .mc-side-stats a#GiftRoute i { animation: none; }
}
.mc-skin .user-panel .mc-side-stats a:hover { color: var(--mc-brand-hover); }
.mc-skin .user-panel .mc-side-stats i { font-size: 14px; color: var(--mc-brand); }

/* topbar */
.mc-skin .main-header-top {
    background-color: rgba(245, 247, 250, .9);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--mc-border);
    box-shadow: none;
}
.mc-skin .main-header-top .navbar .top-nav > li > a { color: var(--mc-text-2); }
.mc-skin .main-header-top .navbar .top-nav > li > a:hover,
.mc-skin .main-header-top .navbar .top-nav > li > a:focus { color: var(--mc-ink); }
.mc-skin .main-header-top .navbar .top-nav > .active > a {
    background: transparent;
    color: var(--mc-ink);
}
.mc-skin .main-header-top .dropdown .drop-image img.rounded-circle {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--mc-border);
}

/* time-of-day greeting + date next to the toggle */
.mc-skin .main-header-top .mc-topbar-greet {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 6px;
    font-size: 14px;
    color: var(--mc-text-2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mc-skin .main-header-top .mc-topbar-greet strong { color: var(--mc-ink); font-weight: 600; }
.mc-skin .main-header-top .mc-topbar-greet .mc-topbar-date { text-transform: capitalize; }
.mc-skin .main-header-top .mc-topbar-greet .mc-topbar-dot { color: var(--mc-border); }
@media (max-width: 991px) {
    .mc-skin .main-header-top .mc-topbar-greet { display: none; }
}

/* hide fullscreen/shortcut icons. matched by onclick so it's language-agnostic. bell, avatar and cart stay */
.mc-skin .main-header-top .top-nav > li > a[onclick*="toggleFullScreen"],
.mc-skin .main-header-top .top-nav > li > a[onclick*="toggleShortcut"] {
    display: none;
}

/* responsive */
@media (max-width: 767px) {
    .mc-skin .main-sidebar { box-shadow: 0 0 40px rgba(27, 42, 74, .20); }
}

/* high-contrast: don't force the pill, let accessibility win */
.high-contrast .mc-skin .sidebar-menu > li.active > a { background: initial; }