/* =========================================================
   Katolikos brand overrides 
   ========================================================= */

/* Load brand fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&family=Oswald:wght@500;600&family=Poppins:wght@400&display=swap');

/* Brand tokens (from your message) */
:root{
  --k-theme:   #182E45;  /* primary theme (nav, footer) */
  --k-heading: #000000;  /* headings color */
  --k-body:    #000000;  /* body text color */
  --k-accent:  #1E2864;  /* accent (links, buttons) */
  --k-content: #F8FAFC;  /* content background */
  --k-site:    #FFFFFF;  /* site background */
  --k-border:  #E2E8F0;  /* subtle border for cards/tables */
  --k-radius:  12px;
}

/* ---------- Base & typography ---------- */
html, body{
  background: var(--k-site) !important;
  color: var(--k-body) !important;
  font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;  /* Body 16px */
  line-height: 1.6 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Global link colour */
a, .link, #content a, .navbar a{
  color: var(--k-accent) !important;
  text-decoration: none;
}
a:hover, .link:hover, #content a:hover, .navbar a:hover{
  color: var(--k-accent) !important;
  text-decoration: underline;
}

/* Headings */
h1, h2, h3, h4, h5, h6{ color: var(--k-heading) !important; margin: .25em 0 .5em !important; }

/* Specific families & sizes */
h1{
  font-family: "Oswald", Arial, sans-serif !important;
  font-weight: 600 !important;           /* semi-bold */
  font-size: 62px !important;            /* per spec */
  line-height: 1.1 !important;
  border: none !important;               /* remove osTicket underline */
}
h2{
  font-family: "Oswald", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 48px !important;
  line-height: 1.15 !important;
  border: none !important;
}
h3{
  font-family: "Oswald", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
}
h4, h5, h6{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;           /* semi-bold headings */
  font-size: 18px !important;            /* per spec: headings 18px (Inter 600) */
}

/* Remove old theme underline on h1 in tickets list */
h1, #ticketInfo h1{ border-bottom: none !important; }

/* ---------- Layout surfaces ---------- */

/* Main content wrapper uses content background */
#container{
  background: var(--k-content) !important;
  border: 1px solid var(--k-border) !important;
  border-radius: 0 0 var(--k-radius) var(--k-radius) !important;
  padding: 15px !important;
}

/* Cards / panels / login / thread shells are white on content bg */
.card,
.content,
.login-box,
.sidebar .content,
#clientLogin,
.thread-entry .header,
.thread-entry .thread-body,
.infoTable,
.search.well{
  background: #fff !important;
  border: 1px solid var(--k-border) !important;
  border-radius: var(--k-radius) !important;
  box-shadow: none !important;
}

/* ---------- Header / Navbar ---------- */

/* Convert top navbar to brand theme and readable links */
.navbar,
.navbar.bg-dark,
.navbar-dark{
  background: var(--k-theme) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.navbar .nav-link,
ul.nav.pull-right > li > a{
  color: #ffffff !important;
}
.navbar .nav-link.active{
  font-weight: 600 !important;
  border-bottom: 2px solid #ffffff !important;
}
.navbar .navbar-toggler{
  border-color: rgba(255,255,255,.3) !important;
}
.navbar .navbar-toggler-icon{
  filter: invert(1) grayscale(1) !important;
}

/* Legacy #header bar (logo zone) — keep but brand it clean */
#header{
  background: var(--k-site) !important;
  border-bottom: 1px solid var(--k-border) !important;
}
#header #logo img{ display: none !important; }  /* hide osTicket default */
#header #logo{
  background: url('/assets/one/images/logo-256.webp') no-repeat left center !important;
  background-size: auto 52px !important;   /* adjust height if needed */
  width: 360px !important;
  height: 72px !important;
  display: inline-block !important;
}

/* ---------- “Hero” / Search band ---------- */
.search-area-wrapper{
  background: var(--k-site) !important;
  border-bottom: 1px solid var(--k-border) !important;
  padding-top: 10px !important;
  padding-bottom: 16px !important;
  min-height: auto !important;
}
h3.search-header, p.search-tag-line{ color: var(--k-heading) !important; }
form.search-form input.search-term{
  border: 1px solid var(--k-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--k-body) !important;
}
input.search-btn{
  background: var(--k-accent) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
}
input.search-btn:hover{ background: #162054 !important; }

/* ---------- Buttons ---------- */
a.btn.btn-primary,
.button, .button:visited,
.blue.button,
.btn-primary,
input[type="submit"], input[type="button"]{
  background: var(--k-accent) !important;
  border-color: var(--k-accent) !important;
  color: #fff !important;
  border-radius: 10px !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
a.btn.btn-primary:hover,
.button:hover,
.blue.button:hover,
.btn-primary:hover,
input[type="submit"]:hover, input[type="button"]:hover{
  background: #162054 !important; /* darker accent */
  border-color: #162054 !important;
}

/* ---------- Forms ---------- */
input[type=text], input[type=email], input[type=password],
input[type=search], select, textarea{
  border: 1px solid var(--k-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: var(--k-body) !important;
  background: #fff !important;
}
input:focus, select:focus, textarea:focus{
  outline: 2px solid rgba(30,40,100,.22) !important; /* accent glow */
  border-color: var(--k-accent) !important;
}

/* ---------- Tables ---------- */
#ticketTable, table, table.list, .dataTable{
  border-color: var(--k-border) !important;
}
#ticketTable th, table.list th{
  background: #eef2f6 !important;  /* subtle header */
  color: var(--k-heading) !important;
  border-color: var(--k-border) !important;
}
#ticketTable td{ border-color: var(--k-border) !important; }
#ticketTable tr.alt td{ background: #fff !important; }

/* ---------- Footer ---------- */
#footer{
  background: var(--k-theme) !important;
  color: #e9eef7 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
#footer a{ color: #cbd5ff !important; text-decoration: underline; }
#footer p{ margin: 6px 0 !important; }

/* ---------- Mobile polish ---------- */
@media (max-width: 600px){
  .login-box{ width:100% !important; display:block !important; box-shadow:none !important; }
  .sidebar{ width:auto !important; margin:10px 0 !important; }
  form.search-form input.search-term{ width:100% !important; margin-right:0 !important; }
  input.search-btn{ width:100% !important; margin-top:8px !important; }
  #header #logo{ width: 240px !important; background-size: auto 44px !important; height: 60px !important; }
}

/* ---------- Kill legacy blues that clash ---------- */
a, .qns a, .widget-top ul li a, .featured-block a{ color: var(--k-accent) !important; }

/* Katolikos — show only Knowledge Base + Open a New Ticket on the landing page */
#landing_page #check_status { display: none !important; }

/* If the theme also renders any "ticket status" tile/card elsewhere on the home grid, hide it too */
.card.status, .status.card, .home .status, .tiles .status { display:none !important; }

/* Optional: if the One theme shows any extra blocks under the landing tiles and you want a very clean front page,
   uncomment the lines you want to hide (remove the leading "/*" and trailing "* /").
*/
/*
#faq,               /* legacy FAQ list area * /
#kb-search,         /* legacy KB search strip (keep if you like it) * /
.featured-qns,      /* "popular" block in some One variants * /
.featured-block     /* theme-specific featured tiles wrapper * /
{ display:none !important; }
*/

/* Keep the two visible cards looking modern and consistent */
#landing_page #new_ticket a,
#landing_page #kb a,
a.card.card-link {
  border: 1px solid var(--k-border) !important;
  border-radius: var(--k-radius) !important;
  background: #fff !important;
  transition: transform .15s ease, box-shadow .15s ease;
}
#landing_page #new_ticket a:hover,
#landing_page #kb a:hover,
a.card.card-link:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  text-decoration: none !important;
}

/* If the top menu still shows a 'Status' item and you don't want it there, hide just that entry,
   without touching PHP. (You can remove this if you’ve already filtered the links in header.inc.php.)
*/
ul.nav.pull-right li.status,
ul.nav li.status { display:none !important; }

/* Ensure category pages show their lists */
#faq, #faq ol, #faq ol li,
.faq-content, .article-list, .article-headline {
  display: block !important;
  visibility: visible !important;
}

/* Katolikos — remove duplicate KB page search bar (we already have the main search) */
#kb-search { display: none !important; }

/* Keep category listing clean and full width */
.faq-content, #faq, #faq ol, .article-list, .article-headline {
  display: block !important;
  visibility: visible !important;
}

/* ===== Katolikos — KB category pages cleanup ===== */

/* 1) Remove the duplicate (small) KB search in the right sidebar */
#kb-search,
.sidebar form[action*="kb/faq.php"],
.sidebar .search-form,
.sidebar .searchbar,
.sidebar input.search {
  display: none !important;
}

/* 2) Hide the KB sidebar entirely on KB pages and give the content full width */
.faq-content + .sidebar,
#content .sidebar {
  display: none !important;
}

#content .faq-content,
#content .span8 {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

/* 3) Make sure the article/category list is visible and not squashed */
#faq, #faq ol, #faq ol li,
.faq-content, .article-list, .article-headline {
  display: block !important;
  visibility: visible !important;
}

/* ===== Katolikos — remove duplicate KB sidebar search and sidebar ===== */

/* osTicket KB compact search block */
#kb-search,
.search.well,
.sidebar .searchbar,
.sidebar .search-form,
.sidebar form[action*="kb/faq.php"],
form#search-form-compact {
  display: none !important;
}

/* Hide the KB sidebar column and give content full width */
.faq-content + .sidebar,
#content .sidebar {
  display: none !important;
}

#content .faq-content,
#content .span8 {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

/* Ensure FAQ lists remain visible and not squashed */
#faq, #faq ol, #faq ol li,
.faq-content, .article-list, .article-headline {
  display: block !important;
  visibility: visible !important;
}