/* =========================================================
ADMIRAL THEME — STABLE + NON-DESTRUCTIVE (REV4)
Goal:
- Fix submenu (Work365) logo strip height mismatch
- Keep sidebar collapse working
- Keep footer whitespace fixed
========================================================= */

/* =========================
1) HEADER COLORS (SAFE)
========================= */
.header {
  background-color: #2e456b !important;
}
.header .logo {
  background-color: #2e456b !important;
}

/* =========================
2) LOGO IMAGE SIZE (SAFE)
   (Do NOT force container height here)
========================= */
.header .logo img,
.navbar-brand img,
.logo-container img {
  max-height: 55px !important;
  height: auto !important;
  width: auto !important;
  display: inline-block !important;
}

/* =========================
3) WORK365 LOGO TOGGLE (keep behavior)
========================= */

/* =========================================================
3) WORK365 LOGO TOGGLE (keep behavior)
   LOGO SWITCHING — URL-BASED (FINAL FIX)
========================================================= */

/* FULL LOGO */
.logo img[src*="work365companylogo-afterlogin"] {
    max-height: 55px !important;
}

/* COMPACT LOGO */
.logo img[src*="work365-logo-compact"] {
    max-height: 40px !important;
}

/* ---- EXPANDED SIDEBAR (show FULL logo only) ---- */
body:not(.sidebar-collapsed) .logo img[src*="work365companylogo-afterlogin"] {
    display: inline-block !important;
}

body:not(.sidebar-collapsed) .logo img[src*="work365-logo-compact"] {
    display: none !important;
}

/* ---- COLLAPSED SIDEBAR (show COMPACT logo only) ---- */
body.sidebar-collapsed .logo img[src*="work365companylogo-afterlogin"] {
    display: none !important;
}

body.sidebar-collapsed .logo img[src*="work365-logo-compact"] {
    display: inline-block !important;
}

/* =========================
4) MENU STYLING (SAFE)
========================= */
.header ul.nav.weblinks li a,
.header .nav li a,
.header a {
  font-family: Arial !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}

/* =========================
5) PAGE TITLE (SAFE)
========================= */
.page-header-title,
.page-header h1 {
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
}

/* =========================
6) NAVBAR (HOME PAGE)
========================= */
.navbar.navbar-dark > .container.custom-container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* =========================
7) FOOTER WHITESPACE (SAFE)
========================= */
body { margin-bottom: 0 !important; }
footer {
  margin-bottom: 0 !important;
  padding-bottom: 5px !important;
}

/* =========================================================
8) ✅ FIX: SUBMENU LOGO STRIP HEIGHT MISMATCH
This targets common Work365 sidebar header containers.
We apply MIN-HEIGHT + ALIGNMENT only (safe).
========================================================= */

/* A) Ensure header/topbar and sidebar header area share a baseline height */
.header,
.header .logo,
.sidebar .logo,
.sidebar-header,
.sidenav .logo,
.left-nav .logo,
.nav-left .logo {
  min-height: 70px !important;
}

/* B) Vertically center contents inside those logo areas */
.header .logo,
.sidebar .logo,
.sidebar-header,
.sidenav .logo,
.left-nav .logo,
.nav-left .logo {
  display: flex !important;
  align-items: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* C) Make sure logo images cannot force the strip taller/shorter */
.sidebar .logo img,
.sidebar-header img,
.sidenav .logo img,
.left-nav .logo img,
.nav-left .logo img {
  max-height: 55px !important;
}

/* =========================================================
9) IMPORTANT: Do NOT globally force position: static.
It can interfere with Work365 collapse/toggle interactions.
(Your previous file applied this to .header/.navbar/.main/.content-container.)
========================================================= */

/* =========================================================
FINAL: WORK365 LOGO SWITCHING (URL-based) + COLLAPSED VISIBILITY
========================================================= */

/* Identify the two logos by their Web File partial URLs */
.logo img[src*="work365companylogo-afterlogin"] { max-height: 55px !important; }
.logo img[src*="work365-logo-compact"] { max-height: 40px !important; }

/* --- DEFAULT: show full logo, hide compact logo --- */
.logo img[src*="work365companylogo-afterlogin"] { display: inline-block !important; }
.logo img[src*="work365-logo-compact"] { display: none !important; }

/* =========================================================
COLLAPSED STATE DETECTION (Work365 varies by template)
We cover the common class patterns that may be used instead of body.sidebar-collapsed.
========================================================= */

/* When collapsed, hide full logo + show compact logo */
body.sidebar-collapsed .logo img[src*="work365companylogo-afterlogin"],
body.collapsed .logo img[src*="work365companylogo-afterlogin"],
body.nav-collapsed .logo img[src*="work365companylogo-afterlogin"],
.sidebar-collapsed .logo img[src*="work365companylogo-afterlogin"],
.sidebar.collapsed .logo img[src*="work365companylogo-afterlogin"],
.sidenav.collapsed .logo img[src*="work365companylogo-afterlogin"],
.left-nav.collapsed .logo img[src*="work365companylogo-afterlogin"] {
  display: none !important;
}

body.sidebar-collapsed .logo img[src*="work365-logo-compact"],
body.collapsed .logo img[src*="work365-logo-compact"],
body.nav-collapsed .logo img[src*="work365-logo-compact"],
.sidebar-collapsed .logo img[src*="work365-logo-compact"],
.sidebar.collapsed .logo img[src*="work365-logo-compact"],
.sidenav.collapsed .logo img[src*="work365-logo-compact"],
.left-nav.collapsed .logo img[src*="work365-logo-compact"] {
  display: inline-block !important;
}

/* =========================================================
Make sure the compact logo is NOT clipped in collapsed mode
========================================================= */

body.sidebar-collapsed .logo,
body.collapsed .logo,
body.nav-collapsed .logo,
.sidebar-collapsed .logo,
.sidebar.collapsed .logo,
.sidenav.collapsed .logo,
.left-nav.collapsed .logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;   /* key: prevent clipping */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ensure the image can shrink to fit the narrow strip */
body.sidebar-collapsed .logo img[src*="work365-logo-compact"],
body.collapsed .logo img[src*="work365-logo-compact"],
body.nav-collapsed .logo img[src*="work365-logo-compact"],
.sidebar-collapsed .logo img[src*="work365-logo-compact"],
.sidebar.collapsed .logo img[src*="work365-logo-compact"],
.sidenav.collapsed .logo img[src*="work365-logo-compact"],
.left-nav.collapsed .logo img[src*="work365-logo-compact"] {
  max-width: 100% !important;
  height: auto !important;
}

/* =========================================================
REV9 — FIX COMPACT LOGO WHEN SIDE TAB IS CLOSED
Reason: In some Work365/Power Pages layouts, the logo in collapsed mode is NOT inside .logo,
or the sidebar header container is set to display:none. These overrides keep the brand area visible
and show the compact image wherever it appears in the sidebar header.
========================================================= */

/* A) Common sidebar brand/header containers — keep visible in collapsed mode */
body.sidebar-collapsed .sidebar-header,
body.collapsed .sidebar-header,
body.nav-collapsed .sidebar-header,
body.sidebar-mini .sidebar-header,
body.mini-sidebar .sidebar-header,
body.sidebar-minimized .sidebar-header,
body.sidebar-closed .sidebar-header,
body.sidebar-collapsed .sidebar .logo,
body.collapsed .sidebar .logo,
body.nav-collapsed .sidebar .logo,
body.sidebar-mini .sidebar .logo,
body.mini-sidebar .sidebar .logo,
body.sidebar-minimized .sidebar .logo,
body.sidebar-closed .sidebar .logo,
body.sidebar-collapsed .sidenav .logo,
body.collapsed .sidenav .logo,
body.nav-collapsed .sidenav .logo,
body.sidebar-mini .sidenav .logo,
body.mini-sidebar .sidenav .logo,
body.sidebar-minimized .sidenav .logo,
body.sidebar-closed .sidenav .logo,
body.sidebar-collapsed .left-nav .logo,
body.collapsed .left-nav .logo,
body.nav-collapsed .left-nav .logo,
body.sidebar-mini .left-nav .logo,
body.mini-sidebar .left-nav .logo,
body.sidebar-minimized .left-nav .logo,
body.sidebar-closed .left-nav .logo,
body.sidebar-collapsed .nav-left .logo,
body.collapsed .nav-left .logo,
body.nav-collapsed .nav-left .logo,
body.sidebar-mini .nav-left .logo,
body.mini-sidebar .nav-left .logo,
body.sidebar-minimized .nav-left .logo,
body.sidebar-closed .nav-left .logo,
body.sidebar-collapsed .sidebar-header .navbar-brand,
body.collapsed .sidebar-header .navbar-brand,
body.nav-collapsed .sidebar-header .navbar-brand,
body.sidebar-mini .sidebar-header .navbar-brand,
body.mini-sidebar .sidebar-header .navbar-brand,
body.sidebar-minimized .sidebar-header .navbar-brand,
body.sidebar-closed .sidebar-header .navbar-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* B) Hide FULL logo anywhere in sidebar header when collapsed */
body.sidebar-collapsed .sidebar img[src*="work365companylogo-afterlogin"],
body.collapsed .sidebar img[src*="work365companylogo-afterlogin"],
body.nav-collapsed .sidebar img[src*="work365companylogo-afterlogin"],
body.sidebar-mini .sidebar img[src*="work365companylogo-afterlogin"],
body.mini-sidebar .sidebar img[src*="work365companylogo-afterlogin"],
body.sidebar-minimized .sidebar img[src*="work365companylogo-afterlogin"],
body.sidebar-closed .sidebar img[src*="work365companylogo-afterlogin"],
body.sidebar-collapsed .sidenav img[src*="work365companylogo-afterlogin"],
body.collapsed .sidenav img[src*="work365companylogo-afterlogin"],
body.nav-collapsed .sidenav img[src*="work365companylogo-afterlogin"],
body.sidebar-mini .sidenav img[src*="work365companylogo-afterlogin"],
body.mini-sidebar .sidenav img[src*="work365companylogo-afterlogin"],
body.sidebar-minimized .sidenav img[src*="work365companylogo-afterlogin"],
body.sidebar-closed .sidenav img[src*="work365companylogo-afterlogin"],
body.sidebar-collapsed .left-nav img[src*="work365companylogo-afterlogin"],
body.collapsed .left-nav img[src*="work365companylogo-afterlogin"],
body.nav-collapsed .left-nav img[src*="work365companylogo-afterlogin"],
body.sidebar-mini .left-nav img[src*="work365companylogo-afterlogin"],
body.mini-sidebar .left-nav img[src*="work365companylogo-afterlogin"],
body.sidebar-minimized .left-nav img[src*="work365companylogo-afterlogin"],
body.sidebar-closed .left-nav img[src*="work365companylogo-afterlogin"],
body.sidebar-collapsed .nav-left img[src*="work365companylogo-afterlogin"],
body.collapsed .nav-left img[src*="work365companylogo-afterlogin"],
body.nav-collapsed .nav-left img[src*="work365companylogo-afterlogin"],
body.sidebar-mini .nav-left img[src*="work365companylogo-afterlogin"],
body.mini-sidebar .nav-left img[src*="work365companylogo-afterlogin"],
body.sidebar-minimized .nav-left img[src*="work365companylogo-afterlogin"],
body.sidebar-closed .nav-left img[src*="work365companylogo-afterlogin"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* C) Force COMPACT logo visible anywhere in sidebar header when collapsed */
body.sidebar-collapsed .sidebar img[src*="work365-logo-compact"],
body.collapsed .sidebar img[src*="work365-logo-compact"],
body.nav-collapsed .sidebar img[src*="work365-logo-compact"],
body.sidebar-mini .sidebar img[src*="work365-logo-compact"],
body.mini-sidebar .sidebar img[src*="work365-logo-compact"],
body.sidebar-minimized .sidebar img[src*="work365-logo-compact"],
body.sidebar-closed .sidebar img[src*="work365-logo-compact"],
body.sidebar-collapsed .sidenav img[src*="work365-logo-compact"],
body.collapsed .sidenav img[src*="work365-logo-compact"],
body.nav-collapsed .sidenav img[src*="work365-logo-compact"],
body.sidebar-mini .sidenav img[src*="work365-logo-compact"],
body.mini-sidebar .sidenav img[src*="work365-logo-compact"],
body.sidebar-minimized .sidenav img[src*="work365-logo-compact"],
body.sidebar-closed .sidenav img[src*="work365-logo-compact"],
body.sidebar-collapsed .left-nav img[src*="work365-logo-compact"],
body.collapsed .left-nav img[src*="work365-logo-compact"],
body.nav-collapsed .left-nav img[src*="work365-logo-compact"],
body.sidebar-mini .left-nav img[src*="work365-logo-compact"],
body.mini-sidebar .left-nav img[src*="work365-logo-compact"],
body.sidebar-minimized .left-nav img[src*="work365-logo-compact"],
body.sidebar-closed .left-nav img[src*="work365-logo-compact"],
body.sidebar-collapsed .nav-left img[src*="work365-logo-compact"],
body.collapsed .nav-left img[src*="work365-logo-compact"],
body.nav-collapsed .nav-left img[src*="work365-logo-compact"],
body.sidebar-mini .nav-left img[src*="work365-logo-compact"],
body.mini-sidebar .nav-left img[src*="work365-logo-compact"],
body.sidebar-minimized .nav-left img[src*="work365-logo-compact"],
body.sidebar-closed .nav-left img[src*="work365-logo-compact"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  height: auto !important;
}

/* D) Give the collapsed brand area enough height so the logo isn’t pushed out */
body.sidebar-collapsed .sidebar-header,
body.collapsed .sidebar-header,
body.nav-collapsed .sidebar-header,
body.sidebar-mini .sidebar-header,
body.mini-sidebar .sidebar-header,
body.sidebar-minimized .sidebar-header,
body.sidebar-closed .sidebar-header {
  min-height: 70px !important;
}