/* =====================================================================
   OverhaulWorks brand layer for the Shagen client theme
   Loaded AFTER theme.css. theme.css stays vendor-original so future
   osTicket/theme ports only have to carry this one file per brand.
   Palette: navy #1C3888 / green #20C45C (brand-standards, Oct 2026)
   ===================================================================== */
:root {
  --brand-primary:      #1C3888;  /* navy  */
  --brand-primary-dark: #142A66;  /* navy, darker: top bar, hovers */
  --brand-accent:       #20C45C;  /* green */
  --brand-accent-dark:  #179A47;  /* green, darker: text-on-white use */
  --brand-header-bg:    #FFFFFF;  /* logo requires a light header */
}

/* Page frame */
body                       { background: var(--brand-primary); }
.topbar                    { background: var(--brand-primary-dark); }
#footer                    { background: var(--brand-primary); }
#footer .social-icons ul li a:hover { color: var(--brand-accent); }

/* Links: navy on white for contrast; green on hover */
a:link, a:visited          { color: var(--brand-primary); }
a:hover, a:focus           { color: var(--brand-accent-dark); }
.topbar a:link, .topbar a:visited,
#footer a:link, #footer a:visited { color: #E6EAF5; }
.topbar a:hover, #footer a:hover  { color: var(--brand-accent); }

/* Header: white, navy nav, green active/hover, green rule underneath */
#header                    { background: var(--brand-header-bg); color: var(--brand-primary);
                             border-bottom: 3px solid var(--brand-accent); }
#header #logo img          { max-height: 60px; width: auto; }
#header .nav-toggle        { color: var(--brand-primary); }
#header ul#nav li a:link,
#header ul#nav li a:visited { color: var(--brand-primary); }
#header ul#nav li a:hover,
#header ul#nav li a.active  { color: var(--brand-accent-dark); }

/* Landing hero (hero.jpg is a navy banner; swap the file to use a photo) */
#landing_page .lead-info   { background: var(--brand-primary) url(../images/hero.jpg) center / cover no-repeat; }
#landing_page .lead-info a:link,
#landing_page .lead-info a:visited { color: #FFFFFF; text-decoration: underline; }

/* Landing action cards */
#landing_page .ticket_action .action-cover span { background: var(--brand-primary); }
#landing_page .ticket_action .action-cover .front-page-button a.green,
#landing_page .ticket_action .action-cover .front-page-button a.blue {
  background: var(--brand-primary); }
#landing_page .ticket_action .action-cover .front-page-button a.green:hover,
#landing_page .ticket_action .action-cover .front-page-button a.blue:hover {
  background: var(--brand-accent-dark); color: #FFFFFF; }

/* Knowledge base blocks (only visible if the KB is enabled) */
#landing_page .kb-home-search { background: var(--brand-primary); }
#landing_page .kb-home-search .search-form .form-group .btn { background: var(--brand-accent-dark); }
#landing_page .front-page .category-name { color: var(--brand-primary); }
.kb-box-cover ul#kb li h4 span.faded     { color: var(--brand-accent-dark); }

/* Ticket pages */
#ticketInfo .ticket-info-title { background: var(--brand-primary); }
.progress-bar                  { background-color: var(--brand-primary); }

/* Form submit buttons (Bootstrap primary is used across open/login/register) */
.btn-primary, .btn-primary:visited {
  background-color: var(--brand-primary); border-color: var(--brand-primary); color: #FFFFFF; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: var(--brand-primary-dark); border-color: var(--brand-primary-dark); color: #FFFFFF; }

/* Mobile menu on a white header */
@media screen and (max-width: 767px) {
  #header ul#nav li             { border-bottom: 1px solid #E5E7EB; }
  #header ul#nav li:first-child { border-top: 1px solid #E5E7EB; }
}