/* FujAA: flat finish. Loaded last, after fujaa-depth.css.
   1. Header menu: no pill/bubble behind items; hover and the current page get a gold underline bar instead.
      Header buttons (Animations, Log in) get small square-ish corners instead of pills.
   2. Containers (cards, panels, tiles, sections, tables, alerts, logos): no drop shadows around the edges;
      a 1px hairline border separates them instead. Floating layers (dropdowns, dialogs, toasts) keep a
      light shadow so they still read as "above" the page. */

:root {
  --fj-shadow-1: none; --fj-shadow-2: none;
  --fj-depth-1: 0 0 0 transparent; --fj-depth-2: 0 0 0 transparent; --fj-depth-3: 0 0 0 transparent;
  --fj-float: 0 12px 32px rgba(5,15,36,.18);
}

/* ---------------------------------------------------------------- 2. containers without shadows */

.fj-card, .fj-card:hover, .fj-stat, .fj-stat:hover, .fj-newscard, .fj-newscard:hover, .fj-minicard,
.fj-tilt:hover, .fj-d3, .fj-page__nav, .fj-cta__panel, .fj-alert, .fj-table-wrap,
.fj-logo, .fj-logo:hover, .fj-logo.is-tilting, .fj-svc, .fj-svc:hover, .fj-svc.is-tilting,
.fj-fac, .fj-fac:hover, .fj-mosaic a, .fj-mosaic a:hover, .fj-specs div, .fj-section--night .fj-specs div,
.fj-badges div, .fj-badges div:hover, .fj-wx, .fj-wx__rows div, .fj-wx__rows div:hover, .fj-stats__item,
.fj-video, .fj-fleet__stage, .fj-reel__frame, .fj-hero__stats,
.fj-section--tint, .fj-section--night, .fj-stats, .fj-hgal, .fj-footer, .fj-footer__base,
.fj-table th, .fj-table tbody tr:hover, .fj-login__card {
  box-shadow: none !important;
}
.fj-card, .fj-stat, .fj-newscard, .fj-page__nav, .fj-cta__panel, .fj-logo, .fj-table-wrap { border: 1px solid var(--fj-line); background-image: none; }
.fj-newscard:hover, .fj-card:hover { border-color: color-mix(in srgb, var(--fj-primary) 35%, var(--fj-line)); }
.fj-login__card { box-shadow: var(--fj-float) !important; }

/* buttons: flat, keep a subtle hover lift */
.fj-btn, .fj-btn:hover, .fj-btn:active, .fj-btn--ghost, .fj-btn--ghost:hover, .fj-btn--ghost:active,
.fj-social a, .fj-social a:hover, .fj-burger, .fj-burger:hover, .fj-fleet__tabs button, .fj-fleet__tabs button:hover {
  box-shadow: none !important; background-image: none;
}

/* floating layers keep a soft shadow */
.fj-dialog, .fj-toast, .fj-flash { box-shadow: var(--fj-float) !important; }

/* old pages (body wrapped in .fj-legacy-wrap) and page content: no container shadows.
   Form controls are left alone so their focus ring still shows. */
.fj-legacy-wrap :where(div, section, article, aside, header, footer, nav, table, td, th, img, figure, ul, li, a, span, p, h1, h2, h3, h4, form, fieldset),
main.fj-main :where(div, section, article, aside, figure, table, img) {
  box-shadow: none !important;
}

/* ---------------------------------------------------------------- 3. no pills, tidy section sidebar */

/* buttons: small square-ish corners instead of pills, everywhere */
.fj-btn, .fj .fj-btn, .fj-legacy-wrap .fj-btn { border-radius: var(--fj-r-sm) !important; }

/* section sidebar (CMS pages): smaller corners; sticks just below the compact header when scrolled */
.fj-page__nav { border-radius: var(--fj-r-md); }
@media (min-width: 960px) { .fj-page__nav { top: calc(var(--fj-bar-h, 70px) + 24px); } }
.fj-page__nav a { border-radius: var(--fj-r-sm); }
.fj-page__nav a[aria-current="page"] { box-shadow: inset 3px 0 0 var(--fj-accent); }