/* Copyright (c) 2026 Transmin Limited. All rights reserved.
 *
 * Styling for the behaviour that the stripped Google Sites bundle used to
 * apply as inline style. Everything else about this site's appearance still
 * comes from the mirrored Google stylesheets; nothing here restyles content.
 */

/* --- Nav dropdown panels ---------------------------------------------------
 * The panels ship with an inline `display:none` that the Google runtime used
 * to clear. Keeping the attribute (rather than stripping it in fetch.py) means
 * the menus stay closed for a visitor with no JavaScript instead of every
 * submenu rendering expanded, so the override has to carry !important.
 */
.oGuwee.cw-open { display: block !important; }

/* Chevron flips while its menu is open. `.mBHtvb > svg` is already scaled 2x
 * by the Google sheet, so the desktop rule has to restate that scale — a bare
 * rotate() would silently drop it and shrink the arrow to half size.
 */
.j10yRb > svg,
.mBHtvb > svg { transition: transform 0.2s ease; }
li.cw-expanded > .PsKE7e .j10yRb > svg { transform: rotate(180deg); }
li.cw-expanded > .PsKE7e .mBHtvb > svg { transform: scale(2) rotate(180deg); }

/* --- Mobile drawer scrim ---------------------------------------------------
 * `.TxnWlb` is defined by the Google sheet as a fixed, fully transparent,
 * zero-width layer; the runtime gave it size and opacity. z-index sits below
 * the drawer's own 70 so the drawer stays clickable above it.
 */
.TxnWlb.cw-open {
  width: 100%;
  opacity: 0.5;
  z-index: 60;
  transition: opacity 0.5s;
}
body.cw-nav-open { overflow: hidden; }

/* Keyboard users need to see where they are: the Google build relied on its
 * own focus machinery, which went with the bundle.
 */
.j10yRb:focus-visible,
.mBHtvb:focus-visible,
.DXsoRd:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
