/* Aetherion osTicket KB/FAQ Readability Fix */

#content,
#main,
#landing_page,
#kb,
#faq {
  color: #efe7d7 !important;
}

#content a,
#kb a,
#faq a,
#content .link,
#content .link a {
  color: #f1d48a !important;
  text-decoration: none !important;
}

#content a:hover,
#kb a:hover,
#faq a:hover {
  color: #fff1bf !important;
  text-decoration: none !important;
}

/* Remove osTicket white strips inside KB lists */
#content ul,
#content ol,
#content li,
#kb ul,
#kb ol,
#kb li,
#faq ul,
#faq ol,
#faq li {
  background: transparent !important;
  color: #efe7d7 !important;
}

#content .faq,
#content .faq-content,
#content .faq-question,
#content .faq-answer,
#content .article,
#content .article-content,
#content .category,
#content .kb,
#content .kb-category,
#content .answers,
#content .questions,
#content .flush-left,
#content .flush-right,
#content .pull-left,
#content .pull-right {
  background-color: transparent !important;
  color: #efe7d7 !important;
}

/* KB category cards */
#content .category,
#content .kb-category,
#content div.category,
#content div.faq-category {
  margin: 0 0 18px !important;
  padding: 18px 18px 14px !important;
  border: 1px solid rgba(217, 179, 92, .26) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at top left, rgba(217, 179, 92, .12), transparent 36%),
    linear-gradient(145deg, rgba(26, 24, 29, .96), rgba(10, 9, 12, .94)) !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .26) !important;
}

#content .category h2,
#content .category h3,
#content .category strong,
#content .kb-category h2,
#content .kb-category h3,
#content .kb-category strong,
#content .faq-category h2,
#content .faq-category h3,
#content .faq-category strong {
  color: #ffe3a0 !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

/* Category descriptions */
#content .category p,
#content .category div,
#content .kb-category p,
#content .faq-category p,
#content .faded,
#content .muted,
#content .hint {
  color: rgba(239, 231, 215, .78) !important;
}

/* FAQ question rows */
#content .category ul,
#content .category ol,
#content .questions,
#content ul.questions,
#content .faq-list,
#content .article-list {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#content .category li,
#content .questions li,
#content .faq-list li,
#content .article-list li,
#content li.question,
#content li.faq {
  display: block !important;
  margin: 8px 0 !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(217, 179, 92, .16) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .035) !important;
  color: #efe7d7 !important;
  line-height: 1.45 !important;
}

#content .category li:hover,
#content .questions li:hover,
#content .faq-list li:hover,
#content .article-list li:hover {
  border-color: rgba(245, 215, 138, .44) !important;
  background: rgba(217, 179, 92, .075) !important;
}

/* FAQ article page */
#content .faq-title,
#content .article-title,
#content h1,
#content h2,
#content h3 {
  color: #fff4df !important;
}

#content .faq-answer,
#content .article-content,
#content .thread-body,
#content .main-content {
  color: #e9deca !important;
  line-height: 1.7 !important;
}

#content .faq-answer p,
#content .article-content p,
#content .thread-body p {
  color: #e9deca !important;
}

/* Sidebar / Other Resources */
#content .sidebar,
#content .sidebar section,
#content .sidebar .content,
#content .sidebar .header {
  color: #efe7d7 !important;
}

#content .sidebar,
#content .sidebar section {
  background:
    linear-gradient(145deg, rgba(25, 23, 28, .95), rgba(9, 8, 11, .92)) !important;
  border: 1px solid rgba(217, 179, 92, .24) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .24) !important;
}

/* Dropdowns/selects on KB page */
#content select,
#content input[type="text"],
#content input[type="search"] {
  color: #f8eddb !important;
  background: rgba(20, 19, 24, .96) !important;
  border: 1px solid rgba(217, 179, 92, .28) !important;
  border-radius: 14px !important;
}

#content select option {
  color: #f8eddb !important;
  background: #17151b !important;
}

/* Hide/soften old osTicket blue folder icons where possible */
#content img[src*="folder"],
#content img[src*="file"],
#content .Icon,
#content .icon-folder,
#content .icon-file {
  opacity: .55 !important;
  filter: sepia(1) saturate(.7) brightness(1.35) !important;
}

/* Prevent white panels from old table/list styles */
#content table,
#content table tr,
#content table td,
#content table th {
  background-color: transparent !important;
  color: #efe7d7 !important;
  border-color: rgba(217, 179, 92, .16) !important;
}

#content .white,
#content .light,
#content .panel,
#content .well,
#content .info,
#content .message,
#content .notice {
  background: rgba(255, 255, 255, .045) !important;
  color: #efe7d7 !important;
  border-color: rgba(217, 179, 92, .18) !important;
}

/* Small intro text */
#content > p,
#content .intro,
#content .instructions {
  color: rgba(239, 231, 215, .82) !important;
}