/* ----------------------------------------------------------
   Custom Canvas CSS for Public View / Subaccount
   Includes:
   - Hides "Drop this Course" button (Catalog enrollment)
   - Keeps global nav background & logo
   - Hides global nav menu items for non-logged-in users
   ---------------------------------------------------------- */

/* Remove the 'Drop this Course' button on home pages */
a.btn.button-sidebar-wide.self_unenrollment_link {
  display: none !important;
}

/* Keep the navy blue sidebar (global nav) visible */
body:not(.authenticated) .ic-app-header {
  display: flex !important;
  flex-direction: column;
  background-color: #112B55 !important;
  width: 85px !important;
}

/* Show only the Compass logo area, hide menu icons & links */
body:not(.authenticated) #global_nav_dashboard_link,
body:not(.authenticated) #global_nav_courses_link,
body:not(.authenticated) #global_nav_calendar_link,
body:not(.authenticated) #global_nav_conversations_link,
body:not(.authenticated) #global_nav_history_link,
body:not(.authenticated) #global_nav_help_link,
body:not(.authenticated) #global_nav_login_link,
body:not(.authenticated) #global_nav_profile_link {
  display: none !important;
}

/* Hide the hamburger menu on mobile for anonymous users */
body:not(.authenticated) .mobile-header-hamburger {
  display: none !important;
}

/* Adjust main content to respect sidebar space */
body:not(.authenticated) .ic-app-main-content {
  margin-left: 85px !important;
}

/* Optional: remove hover effects or tooltips in the empty nav */
body:not(.authenticated) .ic-app-header__menu-list {
  pointer-events: none !important;
}

/* Optional: make sure the logo area is vertically centered if menu is gone */
body:not(.authenticated) .ic-app-header__logomark {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* Hide Admin, Groups, Commons in global nav for NOT-logged-in users */
body:not(.authenticated) .ic-app-header__menu-list a[aria-label="Admin"],
body:not(.authenticated) .ic-app-header__menu-list a[aria-label="Groups"],
body:not(.authenticated) .ic-app-header__menu-list a[aria-label="Commons"],
/* Fallbacks for older/variant IDs */
body:not(.authenticated) #global_nav_admin_link,
body:not(.authenticated) #global_nav_groups_link,
body:not(.authenticated) #global_nav_community_link {
  display: none !important;
}

/* Hide right-hand sidebar (View Course Stream, Coming Up, View Calendar) for anonymous users */
body:not(.authenticated) .ic-app-main-content__secondary,
body:not(.authenticated) #right-side,
body:not(.authenticated) .right-side-wrapper {
  display: none !important;
}

/* Make Course Navigation text larger and responsive (anonymous users only) */
body:not(.authenticated) nav[aria-label="Course Navigation"] .ic-app-course-nav-menu li a,
body:not(.authenticated) nav[aria-label="Course Navigation"] .ic-app-course-nav-menu li span,
body:not(.authenticated) #section-tabs .section a,
body:not(.authenticated) #section-tabs .section span {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Slightly smaller on narrow screens */
@media (max-width: 768px) {
  body:not(.authenticated) nav[aria-label="Course Navigation"] .ic-app-course-nav-menu li a,
  body:not(.authenticated) nav[aria-label="Course Navigation"] .ic-app-course-nav-menu li span,
  body:not(.authenticated) #section-tabs .section a,
  body:not(.authenticated) #section-tabs .section span {
    font-size: 1.12rem !important;
  }
}

/* Add vertical spacing for readability */
body:not(.authenticated) nav[aria-label="Course Navigation"] .ic-app-course-nav-menu li,
body:not(.authenticated) #section-tabs .section {
  margin-bottom: 0.6em !important;
}

/* (Optional) Hide Canvas floating Help (?) button on public pages */
body:not(.authenticated) [aria-label="Help"],
body:not(.authenticated) [data-testid="help-tray-launcher"],
body:not(.authenticated) .ic-HelpButton,
body:not(.authenticated) .ic-HelpButton__button,
body:not(.authenticated) #help_tray {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ---------------------------------------------
   EESYSOFT / EasyTab2 (Support button) removal
   This is the floating ? button you inspected:
   id="eesy-tab", classes include easy-tab2-*
   --------------------------------------------- */

/* Hide it on public pages (not authenticated) */
body:not(.authenticated) #eesy-tab,
body:not(.authenticated) [id^="eesy-tab"],
body:not(.authenticated) .easy-easy-tab2-container,
body:not(.authenticated) .easy-tab2-btn,
body:not(.authenticated) .easy-tab2-btn-content,
body:not(.authenticated) .easy-tab2-btn-handle,
body:not(.authenticated) .support-center-button,
body:not(.authenticated) [data-host*="eesysotm.com"],
body:not(.authenticated) [data-eesy-site],
body:not(.authenticated) [class*="easy-tab2"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Extra insurance: if they force inline styles to re-show it */
body:not(.authenticated) #eesy-tab[style],
body:not(.authenticated) [id^="eesy-tab"][style] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Emergency kill switch: fixed-position UI on public pages (leave this last) */
body:not(.authenticated) button[style*="position: fixed"],
body:not(.authenticated) [role="button"][style*="position: fixed"],
body:not(.authenticated) [style*="position: fixed"][style*="bottom"] {
  display: none !important;
}