/*
 * Public layout uses header.head.public; sh.rtl sets header.public a { color:#fff } for hero contrast.
 * HeaderArea uses header.head without .public, so nav.main .poplist .guts keeps normal #454545 from ui.header.
 * These rules restore the same dropdown appearance as HeaderArea for the books panel only.
 */

/* Desktop / hover panel: white background from .poplist .guts — use dark text */
header.head.public:not(.mobilecontainer) .poplist#books-navigation > .guts,
header.head.public:not(.mobilecontainer) .poplist#books-navigation > .guts a,
header.head.public:not(.mobilecontainer)
  .poplist#books-navigation
  > .guts
  .sub-menu-item {
  color: #454545 !important;
}

header.head.public:not(.mobilecontainer)
  .poplist#books-navigation
  > .guts
  a:hover,
header.head.public:not(.mobilecontainer)
  .poplist#books-navigation
  > .guts
  .sub-menu-item:hover {
  color: #fff !important;
  background-color: #f26101 !important;
}

/* Mobile drawer: dark panel — match body.mobilemenu nav.main link treatment */
@media only screen and (max-width: 780px) {
  body.mobilemenu header.head.public .poplist#books-navigation > .guts a,
  body.mobilemenu
    header.head.public
    .poplist#books-navigation
    > .guts
    .sub-menu-item {
    color: #fff !important;
  }

  body.mobilemenu header.head.public .poplist#books-navigation > .guts a:hover,
  body.mobilemenu
    header.head.public
    .poplist#books-navigation
    > .guts
    .sub-menu-item:hover {
    background-color: #f26101 !important;
  }
}