/* Resources mega menu, option A (2026-10-14): Tools | Planning guides (two columns, live) | Newest guide card.
   Loaded on every page by mu-plugin wh-guides-menu.php. The desktop menu is #menu-main-menu; the phone
   drawer repeats the same item ids as #menu-main-menu-1, so every desktop rule is scoped to #menu-main-menu. */

/* labels and titles, both menus */
.wh-gl{display:block;font-size:10px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:#b90000;font-weight:600;margin-bottom:3px}
.wh-gt{display:block}
.wh-td{display:block;font-weight:400;color:#5a5a5a}

@media (min-width:993px){
  /* column widths: Tools 270 | guides 560 | card 300 (the panel is 1170 wide, flex, centred) */
  #menu-main-menu #nav-menu-item-26377{width:270px}
  #menu-main-menu #nav-menu-item-26376{width:560px}
  #menu-main-menu li.wh-newest{width:300px}

  /* the column heading carries the "All guides" link on the right */
  #menu-main-menu #nav-menu-item-26376 > span{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%}
  #menu-main-menu .wh-all{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:#b90000;text-decoration:none}
  #menu-main-menu .wh-all:hover{text-decoration:underline}
  #menu-main-menu .wh-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

  /* the guides as a two-column list, no dividers */
  #menu-main-menu #nav-menu-item-26376 > .sub-menu-wrapper ul.sub-menu{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;row-gap:14px;width:auto}
  #menu-main-menu li.wh-guide-item{padding-top:0 !important;border-top:0 !important;margin:0}
  #menu-main-menu li.wh-guide-item > a{padding:0 !important;line-height:1.35}
  #menu-main-menu li.wh-guide-item .wh-gt{font-size:14px;color:#222}
  #menu-main-menu li.wh-guide-item > a:hover .wh-gt{color:#b90000}

  /* Tools: name in bold, a line of description under it */
  #menu-main-menu #nav-menu-item-26377 li{padding-top:0 !important;border-top:0 !important;margin-bottom:16px}
  #menu-main-menu #nav-menu-item-26377 li b{display:block;color:#111}

  /* newest guide card */
  #menu-main-menu li.wh-newest > a{display:block;padding:0 !important}
  #menu-main-menu .wh-nh{display:block;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#111;margin:6px 0 16px}
  #menu-main-menu .wh-ni{display:block;margin-bottom:11px}
  #menu-main-menu .wh-ni img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
  #menu-main-menu .wh-nt{display:block;font-size:15px;font-weight:600;line-height:1.35;color:#111}
  #menu-main-menu li.wh-newest > a:hover .wh-nt{color:#b90000}
}

/* phone drawer: a plain list; the card and the heading link are desktop-only */
#menu-main-menu-1 .wh-newest,#menu-main-menu-1 .wh-all,#menu-main-menu-1 .wh-nh,#menu-main-menu-1 .wh-ni{display:none}
#menu-main-menu-1 li.wh-guide-all .wh-gt{font-weight:600;color:#b90000}