/* Paris theme compatibility for osTicket v1.18.3
   Bridges v1.18.3's HTML structure with Paris theme's CSS expectations.
   The old v1.12 templates wrapped content in .cover > .container > .row > .col-md-12,
   while v1.18.3 renders content directly inside #content without those wrappers.
*/

/* ============================================
   CONTENT AREA - Container and background
   ============================================ */

/* Reset default theme's #content padding/margin for Paris */
#container.paris #content {
  padding: 0;
  margin: 0;
  height: auto !important;
  min-height: 0;
}

/* ============================================
   PAGE TITLE BANNER (sub-pages)
   ============================================ */
.page-title {
  padding: 50px 0px;
  background: url("../images/subhead.jpg") center no-repeat;
  background-size: cover;
  color: #fff;
}

.page-title h1, .page-title h2, .page-title h3 {
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
}

.page-title h1 {
  font-size: 30px;
}

.page-title p {
  margin: 10px 0 0 0;
  color: #fff;
}

/* ============================================
   COVER WRAPPER (form pages, KB, etc.)
   ============================================ */
.cover {
  padding: 60px 0px;
}

/* ============================================
   KB SPECIFIC
   ============================================ */
.kb-search {
  background: #fff;
  padding: 30px;
}

.kb-search .form-group {
  margin-bottom: 0;
}

.kb-search .form-control {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.kb-search .btn {
  width: 100%;
  padding: 10px;
  background: #151515;
  color: #fafafa;
  border: none;
  cursor: pointer;
}

.kb-box-cover {
  background: #fff;
  padding: 30px;
}

.kb-box ul#kb {
  list-style: none;
  padding: 0;
}

.kb-box ul#kb li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.kb-box ul#kb li h4 a {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #104580;
}

.kb-box .popular-faq {
  margin: 5px 0;
}

.kb-box .popular-faq a {
  color: #104580;
}

/* ============================================
   TICKET FORM (open.php)
   ============================================ */

/* Form cover card styling */
.form-cover {
  background: #fff;
  padding: 30px;
}

/* ============================================
   TICKET VIEW (view.php)
   ============================================ */

/* White background for ticket info table */
table#ticketInfo {
  background: #fff;
}

/* Reply area */
#reply {
  background: #fff;
  padding: 20px;
}

/* ============================================
   KNOWLEDGEBASE (kb/)
   ============================================ */

/* FAQ list items */
.faq-list {
  background: #fff;
  padding: 30px;
}

/* FAQ content page */
.faq-content {
  background: #fff;
  padding: 30px;
}

/* ============================================
   CHECK STATUS (view.php login form)
   ============================================ */

/* Status check form */
.status-box {
  max-width: 400px;
  margin: 50px auto;
}

.status-box label {
  width: 100%;
  color: #111;
}

.status-box .form-control {
  width: 100%;
  padding: 15px 10px;
}

.status-box .btn {
  width: 100%;
  padding: 15px 10px;
  background: #104580;
  color: #fff;
}

/* ============================================
   BUTTONS
   ============================================ */

/* Green and blue buttons to match Paris theme */
a.green.button,
input.green.button,
button.green.button {
  background: #3B9F2F;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

a.blue.button,
input.blue.button,
button.blue.button {
  background: #104580;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
}

a.green.button:hover,
a.blue.button:hover {
  opacity: 0.9;
}

/* ============================================
   SEARCH FORM on sub-pages
   ============================================ */

.search-form {
  margin-bottom: 20px;
}

.search-form input.search {
  padding: 10px;
  min-width: 300px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* ============================================
   TICKETS LIST (tickets.php)
   ============================================ */

.table-cover {
  background: #fff;
}

.table-cover table {
  font-size: 13px;
}

.table-cover table thead {
  background: #f3f3f3;
}

.table-cover table thead th a {
  color: #333;
}

/* ============================================
   LOGIN
   ============================================ */

.login-box {
  max-width: 80%;
  margin: 80px auto 50px;
}

.login-box input {
  padding: 15px 10px;
}

.login-box .btn {
  width: 100%;
}

.login-box .submit {
  background: #F8690E;
  padding: 15px 0px;
  margin-bottom: 15px;
  color: #fff;
}

/* ============================================
   GENERAL OVERRIDES
   ============================================ */

/* Ensure v1.18.3's default theme #content styles don't conflict */
#container.paris #content h1 {
  font-family: 'Montserrat', sans-serif;
}

/* Table responsive for ticket view */
.table-responsive {
  overflow-x: auto;
}

/* FAQ answer page */
.faq-content {
  background: #fff;
  padding: 30px;
}

/* Profile page */
#profile {
  background: #fff;
  padding: 30px;
}

/* Ensure forms inside content get white bg */
#content form:not(#ticketForm):not(.search-form form) {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
}

/* v1.18.3's landing page default styles - override them for Paris */
#landing_page .main-content {
  width: auto;
}

#landing_page .sidebar {
  float: none;
  width: auto;
}