/*
 * Evalu8ing Modern Override Stylesheet
 * Blue + white + gray design to match TrinityP3 Evalu8ing branding
 * Zero orange — blue (#40BBEC) is the primary accent
 */

/* ============================================
   DESIGN TOKENS
   ============================================ */
:root {
  --ev8-blue: #40BBEC;
  --ev8-blue-dark: #2da5d4;
  --ev8-blue-light: #e8f6fc;
  --ev8-dark: #212121;
  --ev8-nav: #4f4f4f;
  --ev8-text: #333333;
  --ev8-gray: #666666;
  --ev8-light: #f5f5f5;
  --ev8-white: #ffffff;
  --ev8-border: #ddd;
  --ev8-error: #cc0000;
  --ev8-success: #228B22;
  --ev8-font: "Raleway", "Helvetica Neue", Arial, sans-serif;
  --ev8-shadow: 0 1px 3px rgba(0,0,0,0.06);
  --ev8-shadow-lg: 0 2px 8px rgba(0,0,0,0.1);
}

/* ============================================
   BASE / BODY
   ============================================ */
body {
  background-color: var(--ev8-light) !important;
  font-family: var(--ev8-font) !important;
  font-size: 13px !important;
  color: var(--ev8-text) !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  padding: 2px 4px;
  margin: 1px 0;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ev8-font);
  color: var(--ev8-dark);
  font-weight: 600;
  line-height: 1.3;
}

/* ============================================
   TOP BAR (spacerTop) - thin blue accent
   ============================================ */
.spacerTop {
  font-size: 0 !important;
  background-color: var(--ev8-blue) !important;
  padding: 0 !important;
  height: 3px !important;
}
.spacerTop td {
  font-size: 0 !important;
  line-height: 0 !important;
  height: 3px !important;
  padding: 0 !important;
}

/* ============================================
   HEADER ROW — blue background (logo sits on blue)
   ============================================ */
.ev8-header,
.ev8-header td {
  background-color: var(--ev8-blue) !important;
}

.ev8-logo {
  max-height: 40px;
  width: auto;
  padding: 6px 10px !important;
}

.body_head {
  font-family: var(--ev8-font) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--ev8-dark) !important;
  letter-spacing: 0.01em;
}
/* White text only when body_head sits on blue header */
.ev8-header .body_head {
  color: var(--ev8-white) !important;
}

/* ============================================
   NAVIGATION BAR — gray (#4f4f4f) like TrinityP3
   ============================================ */
.menubg {
  background-image: none !important;
  background-color: var(--ev8-nav) !important;
  border-bottom: none !important;
}
.menubg td {
  background-image: none !important;
  background-color: transparent !important;
}
/* Prevent nav row height clipping text */
tr.menubg,
tr.ev8-nav,
tr[height="28"].menubg {
  height: auto !important;
  min-height: 32px !important;
}
tr.menubg > td,
tr.ev8-nav > td {
  padding: 4px 0 !important;
}

a.nav-link,
#menu_link {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.9) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-weight: 600 !important;
  padding: 6px 8px !important;
  transition: color 0.15s ease !important;
  background: none !important;
  height: auto !important;
}
a.nav-link:hover,
#menu_link:hover {
  color: var(--ev8-white) !important;
}

.txtwhite {
  font-family: var(--ev8-font) !important;
  color: rgba(255,255,255,0.3) !important;
  font-size: 12px !important;
}

.menubg .txtwhite div[align="right"] {
  font-size: 11px !important;
  color: rgba(255,255,255,0.6) !important;
  font-weight: 400 !important;
}

/* ============================================
   SPACER
   ============================================ */
.spacer {
  font-size: 0 !important;
  height: 8px !important;
}
.spacer1 {
  font-size: 0 !important;
  height: 4px !important;
}

/* ============================================
   SIDEBAR
   ============================================ */
.ev8-sidebar {
  background-color: var(--ev8-white) !important;
  border-right: 1px solid var(--ev8-border) !important;
  padding: 12px 8px !important;
  vertical-align: top !important;
}
.ev8-sidebar table {
  padding: 0 !important;
}

/* Collapse <br> tags between sidebar menu items */
.ev8-sidebar br {
  display: none !important;
}

.menu-name-css {
  font-family: var(--ev8-font) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: var(--ev8-gray) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  display: block !important;
  margin: 10px 0 2px !important;
  padding: 4px 8px 2px !important;
  border-bottom: 1px solid var(--ev8-border) !important;
}
.menu-name-css:first-child {
  margin-top: 0 !important;
}

.menu-item-css {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: var(--ev8-text) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
a.menu-item-css {
  color: var(--ev8-text) !important;
  text-decoration: none !important;
  display: block !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  transition: all 0.15s ease !important;
}
a.menu-item-css:hover {
  color: var(--ev8-white) !important;
  background-color: var(--ev8-blue) !important;
}
a.menu-item-active {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--ev8-white) !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  background-color: var(--ev8-blue) !important;
  text-decoration: none !important;
  display: block !important;
  border-left: none !important;
  border-radius: 0 !important;
}

/* ============================================
   CONTENT AREA
   ============================================ */
.ev8-content {
  background-color: var(--ev8-white) !important;
  padding: 12px !important;
  vertical-align: top !important;
}
.ev8-content > div {
  padding: 0 !important;
}

td[bgcolor="#FFFFFF"],
td[bgcolor="#ffffff"] {
  background-color: var(--ev8-white) !important;
}

.mainTableBorder {
  border-color: var(--ev8-border) !important;
  border: 1px solid var(--ev8-border) !important;
}

/* ============================================
   BUTTONS — clean ghost style, blue accent
   ============================================ */
a.button {
  background: var(--ev8-white) !important;
  color: var(--ev8-blue) !important;
  display: inline-block !important;
  float: none !important;
  font: 600 11px/1.4 var(--ev8-font) !important;
  height: auto !important;
  margin-right: 4px !important;
  margin-bottom: 3px !important;
  padding: 4px 12px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  border: 1px solid var(--ev8-blue) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  vertical-align: middle !important;
}
a.button span {
  background: none !important;
  display: inline !important;
  line-height: inherit !important;
  padding: 0 !important;
  color: inherit !important;
}
a.button:hover {
  background: var(--ev8-blue) !important;
  color: var(--ev8-white) !important;
  border-color: var(--ev8-blue) !important;
}
a.button:active {
  background: var(--ev8-blue-dark) !important;
  color: var(--ev8-white) !important;
  border-color: var(--ev8-blue-dark) !important;
  background-position: unset !important;
}
a.button:active span {
  background-position: unset !important;
  padding: 0 !important;
}

/* Active / attention button */
a.button-cmt-active {
  background: var(--ev8-blue) !important;
  color: var(--ev8-white) !important;
  display: inline-block !important;
  float: none !important;
  font: 600 11px/1.4 var(--ev8-font) !important;
  height: auto !important;
  margin-right: 4px !important;
  margin-bottom: 3px !important;
  padding: 4px 12px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  border: 1px solid var(--ev8-blue) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
a.button-cmt-active span {
  background: none !important;
  display: inline !important;
  line-height: inherit !important;
  padding: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}
a.button-cmt-active:hover {
  background: var(--ev8-blue-dark) !important;
  border-color: var(--ev8-blue-dark) !important;
}

/* Finish button */
a.button-finish {
  background: var(--ev8-white) !important;
  color: var(--ev8-success) !important;
  display: inline-block !important;
  float: none !important;
  font: 600 11px/1.4 var(--ev8-font) !important;
  height: auto !important;
  padding: 4px 12px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  border: 1px solid var(--ev8-success) !important;
  cursor: pointer !important;
}
a.button-finish span {
  background: none !important;
  display: inline !important;
  padding: 0 !important;
  text-decoration: none !important;
}
a.button-finish:hover {
  background: var(--ev8-success) !important;
  color: var(--ev8-white) !important;
}
a.button-finish:active {
  color: var(--ev8-white) !important;
  background: #1a6e1a !important;
}

/* Form submit buttons */
input[type="submit"],
input[type="button"] {
  font-family: var(--ev8-font);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  background-color: var(--ev8-blue);
  color: var(--ev8-white);
  border: 1px solid var(--ev8-blue);
  padding: 5px 14px;
  cursor: pointer;
  transition: all 0.15s ease;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: var(--ev8-blue-dark);
  border-color: var(--ev8-blue-dark);
}

/* ============================================
   FORM INPUTS
   ============================================ */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="date"],
textarea,
select {
  font-family: var(--ev8-font);
  font-size: 12px;
  color: var(--ev8-text);
  border: 1px solid var(--ev8-border);
  padding: 4px 8px;
  background: var(--ev8-white);
  transition: border-color 0.15s ease;
  outline: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
  border-color: var(--ev8-blue);
  box-shadow: 0 0 0 2px rgba(64, 187, 236, 0.15);
}

/* ============================================
   ERROR / STATUS TEXT
   ============================================ */
.errortext {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  color: var(--ev8-error) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.errortext-big {
  font-family: var(--ev8-font) !important;
  font-size: 13px !important;
  color: var(--ev8-error) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.errortext-red {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  color: var(--ev8-error) !important;
}

/* ============================================
   HIGHLIGHT TEXT — now blue instead of orange
   ============================================ */
.text-orange-bold {
  color: var(--ev8-blue) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  font-family: var(--ev8-font) !important;
}
.text-orange-bold-index {
  color: var(--ev8-blue) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  font-family: var(--ev8-font) !important;
}
.red-large-bold {
  color: var(--ev8-error) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: var(--ev8-font) !important;
}

/* ============================================
   LINKS — blue
   ============================================ */
a.active-link {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  color: var(--ev8-blue) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

a.normal-link {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  color: var(--ev8-blue) !important;
  text-decoration: none !important;
}
a.normal-link:hover {
  color: var(--ev8-blue-dark) !important;
  text-decoration: underline !important;
}

a.setup-link {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  color: var(--ev8-text) !important;
  text-decoration: none !important;
}
a.setup-link:hover {
  color: var(--ev8-blue) !important;
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
}

.span-pointer {
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: var(--ev8-text) !important;
  font-family: var(--ev8-font) !important;
}

/* ============================================
   TOOLTIPS
   ============================================ */
.hintText {
  font-family: var(--ev8-font) !important;
  font-size: 11px !important;
  background-color: var(--ev8-dark) !important;
  color: var(--ev8-white) !important;
  padding: 6px 10px !important;
  box-shadow: var(--ev8-shadow-lg) !important;
}
.hintText2 {
  font-family: var(--ev8-font) !important;
  font-size: 11px !important;
  background-color: var(--ev8-white) !important;
  color: var(--ev8-text) !important;
  padding: 6px 10px !important;
  border: 1px solid var(--ev8-border) !important;
  box-shadow: var(--ev8-shadow-lg) !important;
}

/* ============================================
   MODAL OVERLAYS
   ============================================ */
#edit_survey_div_id,
#edit_email_div_id,
#bu_edit_msg {
  background-color: var(--ev8-white) !important;
  border: 1px solid var(--ev8-border) !important;
  border-top: 3px solid var(--ev8-blue) !important;
  border-bottom: 1px solid var(--ev8-border) !important;
  box-shadow: var(--ev8-shadow-lg) !important;
}

/* Modal header bar: text must be white on dark nav bg */
#edit_survey_div_id .menubg .txtwhite,
#edit_email_div_id .menubg .txtwhite,
#bu_edit_msg .menubg .txtwhite {
  color: var(--ev8-white) !important;
}

/* Modal body: .txtwhite used as data labels must be dark on white bg */
#edit_survey_div_id .txtwhite,
#edit_email_div_id .txtwhite {
  color: var(--ev8-text) !important;
}
/* Re-assert white for nav header inside modals (more specific) */
#edit_survey_div_id .menubg .txtwhite,
#edit_email_div_id .menubg .txtwhite {
  color: var(--ev8-white) !important;
}

#bu_loading_msg {
  color: var(--ev8-text) !important;
}

#survey-discipline,
#survey-QuestionType,
#survey-RoleType,
#survey-BUType,
#survey-colours,
#add-question,
#survey-configure,
#survey-skin {
  background-color: var(--ev8-white) !important;
  border: 1px solid var(--ev8-border) !important;
  border-top: 3px solid var(--ev8-blue) !important;
  border-bottom: 1px solid var(--ev8-border) !important;
  box-shadow: var(--ev8-shadow-lg) !important;
}

#page_screen {
  background-color: rgba(0,0,0,0.45) !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ============================================
   CLOSE BUTTON — replace orange close.jpg
   ============================================ */
img[src*="close.jpg"] {
  display: none !important;
}
a[onclick*="close_div"] img[src*="close.jpg"],
span[onclick*="Cancel"] img[src*="close.jpg"],
span[onclick*="close"] img[src*="close.jpg"],
span[onclick*="Login"] img[src*="close.jpg"] {
  display: none !important;
}
a[onclick*="close_div"],
span[onclick*="Cancel"],
span[onclick*="close_sucess"],
span[onclick*="LoginCancel"],
span[onclick*="CancelForgotPassword"],
span[onclick*="CancelForgotPasswordMessage"],
span[onclick*="CancelRegister"] {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
}
a[onclick*="close_div"]::after,
span[onclick*="Cancel"]::after,
span[onclick*="close_sucess"]::after,
span[onclick*="LoginCancel"]::after,
span[onclick*="CancelForgotPassword"]::after,
span[onclick*="CancelForgotPasswordMessage"]::after,
span[onclick*="CancelRegister"]::after {
  content: "\00D7";
  font-size: 22px;
  font-weight: 300;
  color: var(--ev8-white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  cursor: pointer;
}
a[onclick*="close_div"]:hover::after,
span[onclick*="Cancel"]:hover::after,
span[onclick*="close_sucess"]:hover::after,
span[onclick*="LoginCancel"]:hover::after,
span[onclick*="CancelForgotPassword"]:hover::after,
span[onclick*="CancelForgotPasswordMessage"]:hover::after,
span[onclick*="CancelRegister"]:hover::after {
  color: var(--ev8-white);
  opacity: 0.7;
}

/* ============================================
   POPUP PAGES (ManagerTemplatePopup) — fix contrast
   ============================================ */
.main-container .body_head {
  color: var(--ev8-blue) !important;
  font-size: 16px !important;
}

/* Popup containers: allow content to expand for dropdowns */
.main-container,
.main-container table,
.main-container td,
.main-container div {
  overflow: visible !important;
}
.main-container table {
  height: auto !important;
}

/* Select dropdowns in popups need breathing room */
.main-container select {
  max-width: 100% !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  border: 1px solid var(--ev8-border) !important;
  border-radius: 3px !important;
  background: var(--ev8-white) !important;
}

/* Button spacing in popup forms */
.main-container input[type="submit"],
.main-container input[type="button"] {
  margin: 2px 4px 2px 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* ============================================
   TABLES — compact rows
   ============================================ */
.ev8-content table,
td[bgcolor="#FFFFFF"] table,
td[bgcolor="#ffffff"] table {
  font-family: var(--ev8-font);
  font-size: 12px;
  border-collapse: collapse;
}
.ev8-content table td,
td[bgcolor="#FFFFFF"] table td {
  padding: 2px 4px;
  vertical-align: middle;
  line-height: 1.4;
}

.ev8-content table tr,
td[bgcolor="#FFFFFF"] table tr {
  line-height: 1.3;
}

.ev8-content table tr td b,
.ev8-content table tr td strong,
td[bgcolor="#FFFFFF"] table tr td b,
td[bgcolor="#FFFFFF"] table tr td strong {
  font-weight: 600;
}

.ev8-content table tr[height],
td[bgcolor="#FFFFFF"] table tr[height] {
  line-height: 1.3;
}

/* ============================================
   MISC TEXT
   ============================================ */
.left-col-text {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
}

.divpop-default-text {
  font-family: var(--ev8-font) !important;
  color: var(--ev8-text) !important;
}

.title_text {
  font-family: var(--ev8-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ev8-dark) !important;
}

/* ============================================
   TEST SERVER BOX
   ============================================ */
.test_server_box {
  background-color: var(--ev8-blue) !important;
  border: 1px solid var(--ev8-blue-dark) !important;
  color: var(--ev8-white) !important;
}

/* ============================================
   MAIN CONTAINER
   ============================================ */
.main-container {
  padding: 5px !important;
}

/* ============================================
   MISC
   ============================================ */
.bdr_blue {
  border: 1px solid var(--ev8-border) !important;
}

.codes_box {
  border: 1px solid var(--ev8-border) !important;
  background-color: #fffef5 !important;
}

.survey-discipline-scroll,
.survey-RoleType-scroll,
.survey-BUType-scroll,
.survey-configure-scroll,
.survey-skin-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--ev8-border) transparent;
}

/* ============================================
   LOGIN / SIGNUP PAGE
   ============================================ */
#header-band {
  background: var(--ev8-blue) !important;
  height: auto !important;
  min-height: 70px !important;
  overflow: visible !important;
}
#header {
  padding: 8px 0 !important;
}
#branding img {
  max-height: 55px !important;
  width: auto !important;
}

#nav-band {
  background: var(--ev8-white) !important;
  border-bottom: 1px solid var(--ev8-border) !important;
  min-height: auto !important;
}
#access {
  background: none !important;
}
#access .member-login-btn a {
  color: var(--ev8-blue) !important;
  font-family: var(--ev8-font) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
#access .member-login-btn a:hover {
  color: var(--ev8-blue-dark) !important;
}
#access a {
  font-family: var(--ev8-font) !important;
  color: var(--ev8-text) !important;
  border-right: none !important;
  line-height: 2.5 !important;
}
#access li:hover > a,
#access ul ul :hover > a {
  color: var(--ev8-blue) !important;
}

.page #content .entry-title {
  color: var(--ev8-blue) !important;
  font-family: var(--ev8-font) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}
.entry-intro {
  background: var(--ev8-white) !important;
}
.entry-intro p {
  font-family: var(--ev8-font) !important;
  font-size: 14px !important;
  color: var(--ev8-gray) !important;
}

.bottom-row {
  border-top: 2px solid var(--ev8-border) !important;
  border-left: none !important;
  margin-top: 12px !important;
}
.bottom-row .entry-content {
  border-right: none !important;
}
#content .bottom-row .entry-content {
  border-right: none !important;
}
.wpcf7 label {
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ev8-text) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="email"] {
  width: 100% !important;
  max-width: 300px !important;
  padding: 8px 10px !important;
  font-size: 13px !important;
  border: 1px solid var(--ev8-border) !important;
  font-family: var(--ev8-font) !important;
  box-sizing: border-box !important;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="email"]:focus {
  border-color: var(--ev8-blue) !important;
  box-shadow: 0 0 0 2px rgba(64, 187, 236, 0.15) !important;
  outline: none !important;
}
.wpcf7 input[type="submit"] {
  background-color: var(--ev8-blue) !important;
  color: var(--ev8-white) !important;
  font-family: var(--ev8-font) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 8px 24px !important;
  border: 1px solid var(--ev8-blue) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
.wpcf7 input[type="submit"]:hover {
  background-color: var(--ev8-blue-dark) !important;
  border-color: var(--ev8-blue-dark) !important;
}
.wpcf7 a {
  color: var(--ev8-blue) !important;
  font-family: var(--ev8-font) !important;
  text-decoration: none !important;
}
.wpcf7 a:hover {
  color: var(--ev8-blue-dark) !important;
  text-decoration: underline !important;
}

/* ============================================
   SURVEY MANAGER — fix clipped dropdowns / popups
   ============================================ */
#survey-result,
#survey-line1,
#survey-line2,
#survey-line3,
#survey-line4,
#survey-line5 {
  overflow: visible !important;
  height: auto !important;
}

/* Select dropdowns on main manager pages */
#survey-result select,
.ev8-content select,
td[bgcolor="#FFFFFF"] select {
  padding: 4px 6px !important;
  font-size: 12px !important;
  border: 1px solid var(--ev8-border) !important;
  border-radius: 3px !important;
  background: var(--ev8-white) !important;
}

/* Footer */
#footer {
  background: var(--ev8-nav) !important;
  height: auto !important;
  overflow: visible !important;
  padding: 15px 0 !important;
}
#colophon {
  border: none !important;
  max-width: 940px !important;
  margin: 0 auto !important;
}
#second.widget-area {
  color: rgba(255,255,255,0.5) !important;
  font-family: var(--ev8-font) !important;
  font-size: 11px !important;
}
.textwidget {
  color: rgba(255,255,255,0.5) !important;
}
.menu-footer a {
  color: rgba(255,255,255,0.7) !important;
  font-family: var(--ev8-font) !important;
  font-size: 11px !important;
}
.menu-footer a:hover {
  color: var(--ev8-white) !important;
}

.btn-signup {
  display: none !important;
}

.top-menu li a {
  font-family: var(--ev8-font) !important;
  color: rgba(255,255,255,0.8) !important;
}
.top-menu li a:hover {
  color: var(--ev8-white) !important;
}

#comments {
  display: none !important;
}

/* ============================================
   SETUP WIZARD — centered card layout
   ============================================ */
.setup-wizard-container {
  max-width: 600px;
  margin: 20px auto;
  background: var(--ev8-white);
  border: 1px solid var(--ev8-border);
  box-shadow: var(--ev8-shadow);
}

.setup-wizard-header {
  background: var(--ev8-light);
  border-bottom: 2px solid var(--ev8-blue);
  padding: 16px 24px;
}

.setup-wizard-header h2 {
  font-family: var(--ev8-font);
  font-size: 18px;
  font-weight: 700;
  color: var(--ev8-dark);
  margin: 0 0 10px 0;
}

.setup-wizard-select {
  font-family: var(--ev8-font);
}

.setup-wizard-select select {
  width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  border: 1px solid var(--ev8-border);
  font-family: var(--ev8-font);
}

.setup-wizard-steps {
  padding: 8px 0;
}

.setup-wizard-steps table {
  width: 100%;
  border-collapse: collapse;
}

.setup-wizard-steps table tr {
  transition: background-color 0.1s ease;
}

.setup-wizard-steps table tr[bgcolor] {
  background-color: transparent !important;
}

.setup-wizard-steps table tr:hover {
  background-color: var(--ev8-blue-light) !important;
}

.setup-wizard-steps table tr td {
  padding: 12px 16px !important;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  font-family: var(--ev8-font);
  font-size: 14px;
}

.setup-wizard-steps table tr:last-child td {
  border-bottom: none;
}

.setup-wizard-steps table tr td img[src*="status"] {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

.setup-wizard-steps a.setup-link {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ev8-text) !important;
  text-decoration: none !important;
}

.setup-wizard-steps a.setup-link:hover {
  color: var(--ev8-blue) !important;
}

.setup-wizard-steps a.setup-link div {
  display: inline;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media screen and (max-width: 768px) {
  .ev8-sidebar {
    display: none !important;
  }
  .ev8-content {
    padding: 8px !important;
  }
}