/* IUIC overrides */

.iuic-topbar{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 18px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.iuic-brand{
  display:flex; align-items:center; gap:10px;
  font-weight:700; text-decoration:none;
}

.iuic-brand img{ height:40px; width:auto; display:block; }

.iuic-nav a{
  margin-left:14px;
  text-decoration:none;
  font-weight:600;
}

.iuic-footer{
  margin-top:28px;
  padding:18px;
  border-top:1px solid rgba(0,0,0,.08);
}

.iuic-footer-inner{
  display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
}

.iuic-footer-links a{ margin-left:12px; text-decoration:none; }

/* =========================
   IUIC Theme Overrides
   (safe add-on section)
   ========================= */

/* All-white background + default text color */
html, body {
  background: #ffffff !important;
  color: #1a1a1a !important;
}

/* Links: dark purple (tweak if you want closer to logo purple) */
a, a:visited {
  color: #2b175c !important;
}
a:hover, a:focus {
  color: #120a2a !important;
}

/* Hide optional title text if you tagged it in header.inc.php */
.iuic-hide-title {
  display: none !important;
}

/* Buttons (covers most osTicket buttons) */
button,
input[type="submit"],
input[type="button"],
.button,
.btn {
  background: #2b175c !important;
  border: 1px solid #2b175c !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.btn:hover {
  background: #120a2a !important;
  border-color: #120a2a !important;
}

/* If your version uses "green" status buttons */
.greenbutton,
.button.green,
.btn-success {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}
.greenbutton:hover,
.button.green:hover,
.btn-success:hover {
  background: #000000 !important;
  border-color: #000000 !important;
}

/* Force common wrappers to white if they keep a gray background */
#container, #content, #main, .content, .wrapper {
  background: #ffffff !important;
}

/* Keep "Open a New Ticket" button white on hover */
a[href$="open.php"],
a[href*="/open.php"]{
  background: #ffffff !important;
  color: #2b175c !important;
  border: 1px solid #2b175c !important;
}

a[href$="open.php"]:hover,
a[href*="/open.php"]:hover,
a[href$="open.php"]:focus,
a[href*="/open.php"]:focus{
  background: #ffffff !important;   /* stays white */
  color: #2b175c !important;
  border-color: #2b175c !important;
}

/* Page titles (ex: "Open a New Ticket") */
#content h1,
#content h2,
#content .title,
h1 {
  color: #2b175c !important;
}

/* Make Reset match IUIC button styling */
input[type="reset"]{
  background: #2b175c !important;
  border: 1px solid #2b175c !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
}

input[type="reset"]:hover,
input[type="reset"]:focus{
  background: #120a2a !important;
  border-color: #120a2a !important;
  color: #ffffff !important;
}

/* Make the top nav bar white (was gray) */
/** #nav,
#nav ul,
#nav li,
#nav a,
#nav div,
#nav .tabs,
#nav .tab {
  background: #ffffff !important;
}

/* If there’s a border/gradient/shadow causing gray */
/** #nav {
  background-image: none !important;
  box-shadow: none !important;
}

/* Keep the bottom divider subtle */
/**#nav {
  border-bottom: 1px solid rgba(0,0,0,.10) !important;
}
END OLD NAV OVERRIDES */

/* =========================
   Top nav: black bar + white text
   Square tabs + hover invert
   ========================= */

/* Black bar */
#nav, #nav ul {
  background: #000 !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* Base (inactive) links: white text, square */
#nav a, #nav a:visited {
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;   /* square */
  padding: 10px 14px !important;
  display: inline-block;
  text-decoration: none !important;
}

/* Hover: invert (white bg, black text) */
#nav a:hover, #nav a:focus {
  background: #fff !important;
  color: #000 !important;
}

/* If your nav uses list items/tabs, keep them square too */
#nav li {
  border-radius: 0 !important;
}

/* Active tab/link (keep visible) */
#nav a.active,
#nav li.active a,
#nav .active a {
  background: #2b175c !important;  /* your purple */
  color: #fff !important;
}
#nav a.active:hover,
#nav li.active a:hover,
#nav .active a:hover {
  background: #fff !important;
  color: #000 !important;
}

/* Fix nav bar width/height alignment */
#nav {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}

#nav ul {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

/* Make each tab consistent */
#nav li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#nav a {
  line-height: 40px !important;   /* adjust taller/shorter */
  height: 40px !important;
  padding: 0 16px !important;
  display: block !important;
}

/* ===== Fix nav bar sizing + remove leftover tab "caps" ===== */

/* Set a consistent bar height */
#nav, #nav ul {
  height: 44px !important;
  line-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-image: none !important;
}

/* Make tabs fill the bar */
#nav ul {
  display: flex !important;
  align-items: stretch !important;
}

#nav li {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
}

/* Force links to be full-height blocks */
#nav a, #nav a:visited {
  display: block !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Remove legacy tab decorations (often creates the left vertical block) */
#nav * {
  background-image: none !important;
}
#nav a:before, #nav a:after,
#nav li:before, #nav li:after,
#nav ul:before, #nav ul:after {
  content: none !important;
  display: none !important;
}

/* ===== Show ALL nav tabs again ===== */

/* Ensure the tab row can fit multiple items */
#nav ul{
  display: flex !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex-wrap: wrap !important;          /* allows wrapping instead of hiding */
  overflow: visible !important;        /* don't clip tabs */
  height: auto !important;             /* don't force single-line clipping */
  min-height: 44px !important;
  padding: 0 10px !important;
  margin: 0 !important;
}

/* Keep bar background consistent even if tabs wrap */
#nav{
  background: #2b175c !important;
  padding: 0 !important;
}

/* Make each tab a proper “button” */
#nav a, #nav a:visited{
  background: transparent !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 16px !important;
  display: inline-block !important;
  white-space: nowrap !important;      /* keeps each tab label together */
}

/* Hover invert */
#nav a:hover, #nav a:focus{
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}

/* Active tab */
#nav a.active,
#nav li.active a,
#nav .active a{
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}
#nav a.active:hover,
#nav li.active a:hover{
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}

/* Top-right "Open a Ticket" in the IUIC topbar */
.iuic-topbar .iuic-nav a[href="./open.php"],
.iuic-topbar .iuic-nav a[href="open.php"],
.iuic-topbar .iuic-nav a[href="/open.php"],
.iuic-topbar .iuic-nav a[href$="/open.php"] {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  border-radius: 0 !important;      /* square */
  padding: 8px 12px !important;
  display: inline-block !important;
  text-decoration: none !important;
}

/* Hover = purple, keep white font */
.iuic-topbar .iuic-nav a[href="./open.php"]:hover,
.iuic-topbar .iuic-nav a[href="open.php"]:hover,
.iuic-topbar .iuic-nav a[href="/open.php"]:hover,
.iuic-topbar .iuic-nav a[href$="/open.php"]:hover,
.iuic-topbar .iuic-nav a[href="./open.php"]:focus,
.iuic-topbar .iuic-nav a[href="open.php"]:focus,
.iuic-topbar .iuic-nav a[href="/open.php"]:focus,
.iuic-topbar .iuic-nav a[href$="/open.php"]:focus {
  background: #2b175c !important;
  color: #ffffff !important;
  border-color: #2b175c !important;
}

/* Hide "powered by osTicket" branding (client pages) */
#poweredBy,
#poweredby,
.poweredby,
#footer #poweredBy,
#footer .poweredby,
img[alt*="osTicket" i],
a[href*="osticket.com" i]{
  display: none !important;
}