/* Client-side header and footer (ga-oms.com portal and tracking.ga-oms.com), 2026-10-01, in the company site's colours
   (goldenarcus.com: white menu bar with a gold line under it, the dark-lettered logo, dark slate #1F2531, gold #D1AD59).
   Pages on the left with a gold underline; account, language and sign-in on the right. */
.navbar-ga { background: #fff; border: 0; border-bottom: 2px solid #D1AD59; min-height: 58px; box-shadow: 0 1px 6px rgba(31, 37, 49, .06); }
.navbar-ga .container { display: flex; align-items: center; flex-wrap: wrap; }
.navbar-ga .navbar-header { float: none; }
.navbar-ga .navbar-brand { height: 56px; padding: 10px 15px 10px 0; display: flex; align-items: center; gap: 12px; }
.navbar-ga .navbar-brand img { height: 36px; width: auto; display: block; }
.navbar-ga .navbar-brand .site { color: #6B7280; font-size: 13px; padding-left: 12px; border-left: 1px solid #E7E7E7; white-space: nowrap; }
.navbar-ga .navbar-collapse { flex: 1; }
.navbar-ga .navbar-nav > li > a { color: #333; font-size: 15px; font-weight: 500; padding: 18px 12px 15px; line-height: 20px; border-bottom: 3px solid transparent; background: transparent !important; }
.navbar-ga .navbar-nav > li > a:hover, .navbar-ga .navbar-nav > li > a:focus { color: #B08A3A; }
.navbar-ga .navbar-nav > li.active > a, .navbar-ga .navbar-nav > li.active > a:hover { color: #1F2531; font-weight: 600; border-bottom-color: #D1AD59; }
.navbar-ga .navbar-nav > li > a .fa { display: none; }
.navbar-ga .navbar-right { margin-left: auto; display: flex; align-items: center; }
.navbar-ga .navbar-right > li > a { font-size: 14px; padding-left: 10px; padding-right: 10px; }
/* the account entry stands out: the main place customers follow their cargo (the site's gold button) */
.navbar-ga .navbar-right > li.cta > a { background: #D1AD59 !important; color: #1F2531; font-weight: 600; border: 0; border-radius: 4px; padding: 7px 14px; margin: 0 6px; }
.navbar-ga .navbar-right > li.cta > a:hover { background: #C49E48 !important; color: #1F2531; }
.navbar-ga .navbar-right > li.lang > a { border: 1px solid #DDD; border-radius: 4px; padding: 4px 9px; margin: 0 6px; font-size: 13px; color: #6B7280; }
.navbar-ga .navbar-right > li.lang > a:hover { border-color: #D1AD59; }
.navbar-ga .navbar-right > li.lang b { color: #1F2531; font-weight: 600; }
.navbar-ga .navbar-toggle { background: #D1AD59; border: 0; border-radius: 4px; margin: 11px 0 11px auto; }
.navbar-ga .navbar-toggle .icon-bar { background: #fff; }
.navbar-ga .navbar-toggle:hover, .navbar-ga .navbar-toggle:focus { background: #C49E48; }
body { padding-top: 58px; }

/* copyright line (2026-10-05): one small line instead of the 50 px band */
footer.footer { margin-top: 20px; }
footer.footer .copyright { font-size: 12px; line-height: 18px; padding: 7px 15px; }

/* pop-ups (layer.js, every customer page): the same colours. "body" outranks the layout's inline layer rules. */
body .layui-layer-title { background: #fff; color: #1F2531; font-weight: 600; border-bottom: 1px solid #E3E6EB; }
body .layui-layer-fast .layui-layer-btn, body .layui-layer-btn { background: #fff; border-top: 1px solid #F1F3F5; text-align: right !important; padding: 10px 14px !important; }
body .layui-layer-btn a { height: 32px; line-height: 32px; padding: 0 16px; border-radius: 3px; border-color: #D5D9DF; color: #1F2937; }
body .layui-layer-btn .layui-layer-btn0 { background: #D1AD59; border-color: #D1AD59; color: #1F2531; font-weight: 600; }
body .layui-layer-btn .layui-layer-btn0:hover { background: #C49E48; border-color: #C49E48; opacity: 1; }
body .layui-layer-dialog .layui-layer-content { color: #1F2937; }
/* short notices (toastr: "Copied", "Form filled from the template", errors): the dashboard's status colours */
#toast-container > .toast-success { background-color: #1F8A4C; }
#toast-container > .toast-error { background-color: #C8322B; }
#toast-container > .toast-warning { background-color: #B45309; }
#toast-container > .toast-info { background-color: #1F2531; }
#toast-container > div { border-radius: 4px; box-shadow: 0 4px 16px rgba(31, 37, 49, .18); opacity: .96; }

@media (max-width: 767px) {
    .navbar-ga .container { display: block; }
    .navbar-ga .navbar-header { display: flex; align-items: center; }
    .navbar-ga .navbar-collapse { border-top: 1px solid #E7E7E7; box-shadow: none; }
    .navbar-ga .navbar-nav > li > a { padding: 11px 15px; border-bottom: 0; border-left: 3px solid transparent; }
    .navbar-ga .navbar-nav > li.active > a { border-left-color: #D1AD59; }
    .navbar-ga .navbar-nav > li > a .fa { display: inline-block; width: 22px; color: #B08A3A; }
    .navbar-ga .navbar-right { display: block; margin: 0 -15px; }
    .navbar-ga .navbar-right > li.cta > a, .navbar-ga .navbar-right > li.lang > a { display: inline-block; margin: 6px 15px; }
    .navbar-ga .navbar-brand .site { display: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-ga .navbar-brand .site { display: none; }
    .navbar-ga .navbar-nav > li > a { padding-left: 8px; padding-right: 8px; font-size: 14px; }
}