/* ============================================================
   TVO PORTAL – PARTNER MENU
============================================================ */

:root {
   --tvo-red: #d60000;
   --tvo-red-soft: #fff1f1;
   --tvo-text: #2b2b2b;
   --tvo-muted: #6f6f6f;
   --tvo-border: rgba(0, 0, 0, 0.08);
   --tvo-white: #ffffff;
}

/* =========================================
   Disabled menu
========================================= */
.menu-disabled {
   color: #999;
   cursor: not-allowed;
   display: block;
   padding: 0.9rem 1rem;
   opacity: 0.6;
   border-radius: 10px;
}

.menu-disabled.active {
   color: var(--tvo-red);
   font-weight: 700;
   position: relative;
   padding-left: 1.2rem;
}

.menu-disabled.active::before {
   content: "";
   position: absolute;
   left: 0.45rem;
   top: 50%;
   transform: translateY(-50%);
   width: 4px;
   height: 60%;
   border-radius: 999px;
   background: var(--tvo-red);
}

/* Sidebar lidt mere ren og lys */
#sidebar {
   background: #fafafa;
   border-right: 1px solid var(--tvo-border);
}

/* Giv lidt mere ro og luft */
#sidebar .inner {
   padding-top: 2rem;
   padding-bottom: 2rem;
}

/* Menu titel */
#menu header.major h2 {
   color: var(--tvo-text);
   font-weight: 700;
   letter-spacing: 0.02em;
}

/* Den røde linje under Menu */
#menu header.major h2::after {
   background: var(--tvo-red);
   height: 3px;
   border-radius: 999px;
}

/* Liste lidt mere luftig */
#menu ul {
   margin: 0;
   padding: 0;
}

#menu ul li {
   margin: 0.2rem 0;
}

/* Ekstra luft i menuen */
#menu ul li.menu-spacer {
   height: 1.25rem;
   margin: 0;
   padding: 0;
   border: 0;
   pointer-events: none;
}

#menu ul li.menu-spacer::before {
   display: none;
}

/* Basis-links */
#menu ul li a {
   display: block;
   position: relative;
   padding: 0.9rem 1rem;
   border-radius: 10px;
   color: var(--tvo-text) !important;
   text-decoration: none !important;
   font-weight: 500;
   transition: all 0.2s ease;
}

/* Hover */
#menu ul li a:hover {
   background: rgba(214, 0, 0, 0.06);
   color: var(--tvo-red) !important;
   transform: translateX(2px);
}

/* Aktiv side – uden rød baggrund */
#menu ul li a.active {
   color: var(--tvo-red) !important;
   font-weight: 700;
   padding-left: 1.2rem;
   background: transparent;
}

/* Rød markering på aktivt link */
#menu ul li a.active::before {
   content: "";
   position: absolute;
   left: 0.45rem;
   top: 50%;
   transform: translateY(-50%);
   width: 4px;
   height: 60%;
   border-radius: 999px;
   background: var(--tvo-red);
}

/* Footer i sidebar lidt roligere */
#sidebar .inner>section,
#sidebar .inner footer,
#sidebar .inner .mini-posts,
#sidebar .inner .actions {
   color: var(--tvo-muted);
}

/* Footer links */
#sidebar a {
   transition: color 0.2s ease;
}

#sidebar a:hover {
   color: var(--tvo-red);
}

/* Mobil: lidt mindre luft */
@media screen and (max-width: 1280px) {

   #menu ul li a,
   .menu-disabled {
      padding: 0.8rem 0.9rem;
   }
}

/* ============================================================
   TVO PORTAL – SIDEBAR LOGO
============================================================ */

#menu>.pmenu-logo {
   margin: 0 0 1.25rem 0 !important;
   padding: 0 0 0.85rem 0 !important;
   border-bottom: solid 1px rgba(210, 215, 217, 0.75) !important;
}

#menu>.pmenu-logo a {
   display: inline-flex;
   align-items: center;
   border-bottom: 0 !important;
}

#menu>.pmenu-logo a:hover {
   border-bottom: 0 !important;
}

#menu>.pmenu-logo img {
   display: block;
   width: 140px;
   max-width: 100%;
   height: auto;
}

/* ============================================================
   TVO PORTAL – STICKY SIDEBAR TOGGLE
============================================================ */

#sidebar .toggle {
   position: fixed !important;
   top: 1.25rem !important;
   left: 26em !important;
   z-index: 10001 !important;
   background: rgba(255, 255, 255, 0.88);
   border-radius: 10px;
}

#sidebar.inactive .toggle {
   left: 0 !important;
}

@media screen and (max-width: 1680px) {
   #sidebar .toggle {
      left: 24em !important;
   }

   #sidebar.inactive .toggle {
      left: 0 !important;
   }
}

@media screen and (max-width: 1280px) {
   #sidebar .toggle {
      top: 1.25rem !important;
      left: 24em !important;
   }

   #sidebar.inactive .toggle {
      left: 0 !important;
   }
}

@media screen and (max-width: 736px) {
   #sidebar .toggle {
      top: 0.75rem !important;
      left: 0 !important;
      width: 5.5rem !important;
   }

   #sidebar:not(.inactive) .toggle {
      left: 24em !important;
   }
}