/* FujAA Design System: legacy shim (assets/fujaa-ds/fujaa-legacy.css)
   Loaded only on pages that still include header.php (not converted yet). It keeps the new header, banner and
   footer looking right on top of the old WordPress/Elision stylesheets, and makes the old page bodies sit
   cleanly under the new chrome. Delete a page from this shim's care by converting it to fj_page_start(). */

body.fj-legacy-body { background: var(--fj-bg); margin: 0; }

/* old stylesheets style bare elements globally; inside the new chrome we take them back (low specificity) */
:where(.fj-chrome, .fj-footer, .fj-banner) :where(h1, h2, h3, h4, h5, h6) { font-family: var(--fj-font-display); color: inherit; text-transform: none; letter-spacing: -.01em; font-weight: 700; line-height: 1.15; }
:where(.fj-chrome, .fj-footer, .fj-banner) :where(p, li, span, label, small) { color: inherit; font-family: inherit; text-transform: none; letter-spacing: normal; }
:where(.fj-chrome, .fj-footer, .fj-banner) :where(ul, ol) { margin: 0; padding: 0; }
:where(.fj-chrome, .fj-footer, .fj-banner) :where(a) { text-decoration: none; }
:where(.fj-chrome, .fj-footer, .fj-banner) :where(input, select, textarea, button) { font-family: var(--fj-font-body); box-sizing: border-box; }
.fj-chrome .fj-btn--gold, .fj-footer .fj-btn--gold { color: var(--fj-accent-ink) !important; }
.fj-chrome .fj-login__card a { color: var(--fj-primary) !important; }

/* page body under the fixed header */
.fj-legacy-wrap { padding-top: var(--fj-header-h); background: var(--fj-bg); }
/* the old theme gives .wrapper z-index 1000, which would paint the page over the fixed header and its menu panels */
.fj-legacy-wrap { z-index: 0 !important; }
.fj-legacy-wrap--banner { padding-top: 0; }
/* the new 3D banner replaces the old page-title image */
.fj-legacy-wrap--banner .content .title.with_image,
.fj-legacy-wrap--banner .title_outer .title.with_image,
.fj-legacy-wrap--banner .page-hero { display: none !important; }
.fj-legacy-wrap .content { margin-top: 0 !important; background: transparent; }
.fj-legacy-wrap .content .container { background: transparent; }
.fj-legacy-wrap .container_inner { max-width: var(--fj-container); width: auto; padding-inline: var(--fj-gutter); }
/* old pages used negative margins to tuck content under the old header */
.fj-legacy-wrap [style*="margin-top:-90px"], .fj-legacy-wrap [style*="margin-top: -90px"], .fj-legacy-wrap [style*="margin-top:-25px"] { margin-top: 0 !important; }
/* old sticky header leftovers that some pages print themselves */
.fj-legacy-wrap > .wrapper_inner > header:not(.fj-header), .fj-legacy-wrap #back_to_top { display: none !important; }

/* readable old content: typography and form controls in the new style */
.fj-legacy-wrap .content_inner, .fj-legacy-wrap .wpb_text_column { font-family: var(--fj-font-body); color: var(--fj-text); font-size: 15px; line-height: 1.65; }
.fj-legacy-wrap h1, .fj-legacy-wrap h2, .fj-legacy-wrap h3, .fj-legacy-wrap h4 { font-family: var(--fj-font-display); color: var(--fj-navy-900); letter-spacing: -.01em; }
.fj-legacy-wrap input[type="text"], .fj-legacy-wrap input[type="email"], .fj-legacy-wrap input[type="tel"], .fj-legacy-wrap input[type="password"],
.fj-legacy-wrap input[type="date"], .fj-legacy-wrap input[type="number"], .fj-legacy-wrap select, .fj-legacy-wrap textarea {
  border: 1.5px solid var(--fj-line); border-radius: var(--fj-r-sm); padding: .55rem .75rem; min-height: 42px; background: var(--fj-surface); color: var(--fj-text); font: inherit; }
.fj-legacy-wrap input:focus, .fj-legacy-wrap select:focus, .fj-legacy-wrap textarea:focus { outline: none; border-color: var(--fj-focus); box-shadow: 0 0 0 4px color-mix(in srgb, var(--fj-focus) 22%, transparent); }
.fj-legacy-wrap input[type="submit"], .fj-legacy-wrap button.qbutton, .fj-legacy-wrap .qbutton {
  background: var(--fj-accent) !important; color: var(--fj-accent-ink) !important; border: 0 !important; border-radius: var(--fj-r-pill) !important;
  font: 600 14px/1 var(--fj-font-body) !important; padding: 14px 22px !important; height: auto !important; cursor: pointer; }
.fj-legacy-wrap table { border-collapse: collapse; }
.fj-legacy-wrap img { max-width: 100%; height: auto; }

/* ---------------------------------------------------------------- old-layout pages in the new look (2026-10-17)
   Every page still built on header.php / footer.php gets these: no stock banner photo (the page heading leads; pages
   that match a menu item get the 3D banner instead), readable headings and text, a light breadcrumb, sidebar
   headings that are visible, modern tables, forms and buttons, and tables that scroll on phones. */
.fj-legacy-wrap:not(.fj-legacy-wrap--banner) .content .title.with_image { display: none !important; }
.fj-legacy-wrap .content_inner { padding-top: clamp(1.25rem, 3vw, 2.5rem); padding-bottom: 3rem; }
.fj-legacy-wrap .vc_empty_space[style*="height: 60px"], .fj-legacy-wrap .vc_empty_space[style*="height: 30px"] { height: 14px !important; }
.fj-legacy-wrap .content_inner, .fj-legacy-wrap .wpb_text_column, .fj-legacy-wrap .wpb_wrapper p { font-size: 16px; line-height: 1.7; }
.fj-legacy-wrap a:not(.fj-btn):not(.qbutton) { color: var(--fj-primary); }
/* page headings: the old pages set 50px inline and add an arrow gif */
.fj-legacy-wrap h2[style*="font-size: 50px"], .fj-legacy-wrap h2[style*="font-size:50px"], .fj-legacy-wrap h2.page-title, .fj-legacy-wrap .page-title {
  font-size: clamp(1.8rem, 3.4vw, 2.6rem) !important; line-height: 1.15 !important; margin: .2rem 0 1rem !important; font-weight: 800 !important; }
.fj-legacy-wrap h2 span[style*="color: #134c70"], .fj-legacy-wrap h2 span[style*="color:#134c70"] { color: var(--fj-navy-900, #0b2a55) !important; }
.fj-legacy-wrap h2 img[src*="arrow2.gif"], .fj-legacy-wrap h2 img[src*="arrow.gif"] { display: none !important; }
.fj-legacy-wrap h3 { font-size: 1.25rem; } .fj-legacy-wrap h4 { font-size: 1.05rem; }
/* breadcrumb */
.fj-legacy-wrap ul.breadcrumb, .fj-legacy-wrap .cp-breadcrumb { display: flex !important; flex-wrap: wrap; align-items: center; gap: .4rem; margin: 0 0 .6rem !important; padding: 0 !important; list-style: none;
  background: none !important; border: 0 !important; box-shadow: none !important; font: 600 .72rem/1.4 var(--fj-font-mono, ui-monospace, monospace) !important; letter-spacing: .12em; text-transform: uppercase; color: var(--fj-muted) !important; }
.fj-legacy-wrap ul.breadcrumb li, .fj-legacy-wrap .cp-breadcrumb li { display: inline-flex; align-items: center; background: none !important; padding: 0 !important; margin: 0 !important; font: inherit !important; color: inherit !important; }
.fj-legacy-wrap ul.breadcrumb li + li::before { content: "/"; margin-right: .4rem; color: var(--fj-line); }
.fj-legacy-wrap ul.breadcrumb li::after, .fj-legacy-wrap ul.breadcrumb li a::after, .fj-legacy-wrap ul.breadcrumb li a::before { display: none !important; }
.fj-legacy-wrap ul.breadcrumb a, .fj-legacy-wrap .cp-breadcrumb a { color: var(--fj-primary) !important; background: none !important; padding: 0 !important; clip-path: none !important; }
/* sidebar column: headings were white on the old dark banner */
.fj-legacy-wrap .vc_col-sm-3 h2, .fj-legacy-wrap .vc_col-sm-3 h2 * { color: var(--fj-navy-900, #0b2a55) !important; text-shadow: none !important; }
.fj-legacy-wrap .vc_col-sm-3 h2 { font-size: .78rem !important; letter-spacing: .16em; text-transform: uppercase; text-align: left !important; margin: 0 0 .6rem !important; font-family: var(--fj-font-body) !important; font-weight: 700 !important; }
.fj-legacy-wrap .vc_col-sm-3 [align="center"] { text-align: left !important; }
/* tables */
.fj-legacy-wrap .content table:not(.ui-datepicker-calendar):not([class*="calendar"]) { width: 100%; max-width: 100%; font-size: .9rem; }
.fj-legacy-wrap .content table td, .fj-legacy-wrap .content table th { padding: .6rem .7rem; border-color: var(--fj-line, #dbe3ef); vertical-align: top; }
.fj-legacy-wrap .content table thead td, .fj-legacy-wrap .content table th { font-size: .75rem; letter-spacing: .04em; }
.fj-legacy-wrap .tblreports, .fj-legacy-wrap table.table { border: 1px solid var(--fj-line, #dbe3ef); border-radius: 10px; overflow: hidden; }
.fj-legacy-wrap .tblreports thead, .fj-legacy-wrap .tblreports thead td { background: #0b2a55 !important; color: #fff !important; }
.fj-legacy-wrap .tblreports tbody tr { background: #fff !important; color: var(--fj-text) !important; }
.fj-legacy-wrap .tblreports tbody tr:nth-child(even) { background: var(--fj-surface-2, #f3f6fb) !important; }
.fj-legacy-wrap .tblreports tbody td { border-bottom: 1px solid var(--fj-line, #e6ecf4); }
@media (max-width: 767.98px) {
  .fj-legacy-wrap .content table:not(.ui-datepicker-calendar) { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .fj-legacy-wrap .vc_col-sm-3, .fj-legacy-wrap .vc_col-sm-8, .fj-legacy-wrap .vc_col-sm-9 { width: 100% !important; float: none !important; }
}
/* forms and buttons */
.fj-legacy-wrap label, .fj-legacy-wrap .titles { font-weight: 600; color: var(--fj-text); }
.fj-legacy-wrap input[type="button"], .fj-legacy-wrap button:not(.fj-burger):not([class*="fj-"]):not(.ui-datepicker-trigger) {
  min-height: 42px; padding: 0 1.1rem; border-radius: 8px; border: 1px solid #0b2a55; background: #0b2a55; color: #fff; font: 600 .9rem/1 var(--fj-font-body); cursor: pointer; }
.fj-legacy-wrap input[type="button"]:hover, .fj-legacy-wrap input[type="submit"]:hover { filter: brightness(1.12); }
.fj-legacy-wrap .innermsg p[style*="color:red"], .fj-legacy-wrap .innermsg p[style*="color: red"] { color: #b42318 !important; font-size: .9rem !important; margin-left: 0 !important; }
.fj-legacy-wrap .separator.transparent { margin: 0 !important; }