/* =============================================================================
   The Nation — UberMenu skin (6.334.0)

   This replaces three skins of 1,276 lines that were retired because they were
   overruling the Register's own measure: they painted the panels at
   `html body .ubermenu.ubermenu-skin-nation-flat`, which out-ranks everything
   the Register writes, so the Register was losing an argument with itself.

   **This one styles the bar and UberMenu's own chrome, and nothing else.**

   What it does NOT touch, because the Register owns them and draws them from
   the approved file: the panels' grounds, the plate and its kicker, title, tip
   and count, the lists, the rows of cards, the steps, the Days row. If a panel
   ever looks wrong again, it is `MNGR_Menus::panel_css()` that says so, and
   there is no second file to check.

   It is written with plain `.ubermenu-skin-nation` selectors and no
   `html body` prefix, so the Register can still override any line of it
   without a fight.
   ============================================================================= */

/* ---------------------------------------------------------------- the bar */
.ubermenu-skin-nation{
  background:#1A1C20;
  border:0;
  font-family:Georgia,"Liberation Serif","Times New Roman",serif;
  font-size:16px;
  line-height:1.5;
  box-shadow:none;
}
.ubermenu-skin-nation .ubermenu-nav{display:flex;flex-wrap:wrap;align-items:stretch;gap:0}

/* ------------------------------------------------- the items along the bar */
.ubermenu-skin-nation .ubermenu-item-level-0>.ubermenu-target{
  color:#FBFAF6;
  background:transparent;
  border:0;
  /* the right side carries the arrow, which UberMenu sets at right:11px, so it needs room */
  padding:22px 30px 22px 20px;
  font-size:16px;
  line-height:1;
  letter-spacing:.02em;
  text-transform:none;
  font-weight:400;
}
.ubermenu-skin-nation .ubermenu-item-level-0>.ubermenu-target:hover,
.ubermenu-skin-nation .ubermenu-item-level-0.ubermenu-active>.ubermenu-target,
.ubermenu-skin-nation .ubermenu-item-level-0:hover>.ubermenu-target{
  background:#FBFAF6;
  color:#1A1C20;
}
.ubermenu-skin-nation .ubermenu-item-level-0>.ubermenu-target:focus-visible{
  outline:3px solid #D8C48A;
  outline-offset:-3px;
}

/* the little arrow on a top-level item.
   NOTE: the site's own override had `opacity:2.72` — opacity is a fraction and anything over 1 is
   clamped, so that line did nothing at all. The decimal had been lost. It reads .72 here. */
.ubermenu-skin-nation .ubermenu-item-level-0>.ubermenu-target .ubermenu-sub-indicator{
  opacity:.72;
  margin-left:8px;
}

/* ------------------------------------------------------------- the search */
.ubermenu-skin-nation .ubermenu-search input[type=text],
.ubermenu-skin-nation .ubermenu-searchform input[type=text]{
  background:#FBFAF6;
  color:#1A1C20;
  border:1px solid #D9CDB0;
  border-radius:0;
  font-family:Georgia,"Liberation Serif","Times New Roman",serif;
  font-size:15px;
  padding:9px 12px;
}
.ubermenu-skin-nation .ubermenu-search input[type=text]::placeholder{color:#7A5F22;opacity:1}
.ubermenu-skin-nation .ubermenu-search-submit{
  background:#7A5F22;
  color:#FBFAF6;
  border:0;
  border-radius:0;
  padding:9px 14px;
}

/* -------------------------------------------- the toggle, where it is used */
.ubermenu-responsive-toggle.ubermenu-skin-nation,
.ubermenu-skin-nation .ubermenu-responsive-toggle{
  background:#1A1C20;
  color:#FBFAF6;
  font-family:Georgia,"Liberation Serif","Times New Roman",serif;
  font-size:16px;
  padding:14px 16px;
  border:0;
}

/* ------------------------------------------------------------- the Seal */
/* the Seal alone stands at the head of the bar; no circle around it, as the
   Brand Guide sets, and no plate behind it */
.ubermenu-skin-nation .mm-logo{display:flex;align-items:center;padding:0 18px 0 0}
.ubermenu-skin-nation .mm-logo img{display:block;width:auto;height:44px;background:none;border:0}

/* ------------------------------------------------- the theme's own nav band */
/* the bar sits inside the theme's nav element; without this its ground shows
   through at the ends of the bar, pale against the ink */
nav#site-nav{background-color:#1A1C20}

/* --------------------------------------------------------- custom content */
/* UberMenu's padded custom-content block, set to the Nation's measure. The
   plate's count clears this deliberately in panel_css(), so its number stands
   flush with the kicker and the title above it. */
.ubermenu-skin-nation .ubermenu-content-block.ubermenu-custom-content.ubermenu-custom-content-padded{
  padding:8px 7px 0 14px;
}

/* ------------------------------------------------- the plain drop-downs */
/* Not every section is a panel: Check a record, Search and the rest open an
   ordinary drop. They had no ground at all — the page showed through, the drop
   ran the width of the screen and its links were plum on tan. */
/* NOTE: the Nation's six panels are drop submenus too, and of type `mega`. An earlier version of this
   rule capped every drop at 360px and **collapsed all six panels to a narrow column**. Every rule here is
   therefore scoped to `:not(.ubermenu-submenu-type-mega)`: a plain drop is styled, a panel is left to the
   Register's own measure in panel_css(). */
.ubermenu-skin-nation .ubermenu-submenu.ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega){
  background:#FBFAF6;
  border:1px solid #D9CDB0;
  box-shadow:0 18px 40px rgba(26,28,32,.16);
  padding:8px 0;
  min-width:300px;
  max-width:360px;
}
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega) .ubermenu-item{float:none;width:auto}
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega) .ubermenu-target{
  color:#1A1C20;
  background:transparent;
  padding:11px 20px;
  font-size:16px;
  line-height:1.3;
  border:0;
}
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega) .ubermenu-item+.ubermenu-item>.ubermenu-target{
  border-top:1px solid #E4DDCB;
}
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega) .ubermenu-target:hover,
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega) .ubermenu-active>.ubermenu-target{
  background:#EFE9D9;
  color:#1A1C20;
}
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega) .ubermenu-target-description{
  color:#352E13;
  font-size:13.5px;
  line-height:1.45;
  margin-top:2px;
  opacity:.9;
}
/* the tip at the foot of a drop, set in as a note rather than a loose line */
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega) .ubermenu-custom-content{
  padding:12px 20px 4px!important;
  font-size:13.5px;
  line-height:1.5;
  color:#352E13;
  border-top:1px solid #E4DDCB;
}

/* a drop at the right-hand end opens inward, so it does not run off the screen */
.ubermenu-skin-nation .ubermenu-item-level-0:nth-last-child(-n+3)>.ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega){
  left:auto;
  right:0;
}

/* ------------------------------------------------------------------ plain */
/* no rounding, no shadows, no gradients: the Brand Guide's flat hand */
.ubermenu-skin-nation .ubermenu-submenu,
.ubermenu-skin-nation .ubermenu-item,
.ubermenu-skin-nation .ubermenu-target{
  border-radius:0;
  text-shadow:none;
}
.ubermenu-skin-nation .ubermenu-submenu-drop:not(.ubermenu-submenu-type-mega){
  box-shadow:0 18px 40px rgba(26,28,32,.16);
  border:0;
}

/* nothing below this line: the panels are the Register's own, and it draws
   them from the approved file in MNGR_Menus::panel_css(). */