/* Badgers Claw SaaS v2.2.0-beta.88.22.7
   Sidebar MegaMenu / MegaSubMenu rock texture restoration.

   This file is intentionally loaded AFTER sidebar-megamenu-v1052.css and all
   active theme CSS. It only targets the sidebar navigation MegaMenu controls.
*/

:root {
  --bc-sidebar-rock-v88227:
    url('/img/rock-texture.jpg?v=2.2.0-beta.88.22.7'),
    url('/img/rock-texture.png?v=2.2.0-beta.88.22.7');
}

/* Top-level sidebar navigation buttons / MegaMenu buttons. */
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-public-link,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-menu > summary.bc-sidebar-summary,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-logout {
  background-color: rgba(5, 8, 10, .38) !important;
  background-image:
    linear-gradient(rgba(0,0,0,.20), rgba(0,0,0,.30)),
    var(--bc-sidebar-rock-v88227) !important;
  background-position: center, center, center !important;
  background-size: cover, cover, cover !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* MegaSubMenu headers and every navigation link inside the flyout. */
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-submenu > summary.bc-sidebar-submenu-summary,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-menu-panel .bc-sidebar-link {
  background-color: rgba(5, 8, 10, .34) !important;
  background-image:
    linear-gradient(rgba(0,0,0,.16), rgba(0,0,0,.26)),
    var(--bc-sidebar-rock-v88227) !important;
  background-position: center, center, center !important;
  background-size: cover, cover, cover !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-blend-mode: normal !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Keep the MegaMenu panel itself textured, but darker than the buttons so
   individual controls stay visually separate. */
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-menu-panel {
  background-color: rgba(3, 7, 10, .72) !important;
  background-image:
    linear-gradient(rgba(0,0,0,.52), rgba(0,0,0,.58)),
    var(--bc-sidebar-rock-v88227) !important;
  background-position: center, center, center !important;
  background-size: cover, cover, cover !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

/* MegaSubMenu containers get the same rock surface instead of a flat black
   rectangle. They remain slightly darker than their buttons. */
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-submenu-panel {
  background-color: rgba(3, 7, 10, .60) !important;
  background-image:
    linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.48)),
    var(--bc-sidebar-rock-v88227) !important;
  background-position: center, center, center !important;
  background-size: cover, cover, cover !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}

/* Theme-colored hover/focus overlay while retaining the rock texture. */
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-public-link:hover,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-public-link:focus,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-menu > summary.bc-sidebar-summary:hover,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-menu > summary.bc-sidebar-summary:focus,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-submenu > summary.bc-sidebar-submenu-summary:hover,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-submenu > summary.bc-sidebar-submenu-summary:focus,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-menu-panel .bc-sidebar-link:hover,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-menu-panel .bc-sidebar-link:focus,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-logout:hover,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-logout:focus {
  background-color: rgba(4, 14, 18, .42) !important;
  background-image:
    linear-gradient(
      color-mix(in srgb, var(--accent-color, #19d3c5) 24%, rgba(0,0,0,.12)),
      color-mix(in srgb, var(--accent-color, #19d3c5) 14%, rgba(0,0,0,.22))
    ),
    var(--bc-sidebar-rock-v88227) !important;
  background-position: center, center, center !important;
  background-size: cover, cover, cover !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  border-color: var(--accent-color, #19d3c5) !important;
}

/* Do not allow imported themes to paint pseudo-element black overlays over
   these navigation buttons after this file loads. */
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-public-link::before,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-public-link::after,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-summary::before,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-summary::after,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-submenu-summary::before,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-submenu-summary::after,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-link::before,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-link::after,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-logout::before,
html body nav.sidebar .bc-sidebar-navigation .bc-sidebar-logout::after {
  background: none !important;
  background-image: none !important;
}