/* Woodlands ARK - Custom Client Styles */

/* Background */
body {
  background-color: #b0b0b0 !important;
}

#container {
  background: #1e1e1e !important;
  color: #ddd !important;
}

#header {
  background: #141414;
  border-bottom: 1px solid #333;
}

#nav {
  background: #222 !important;
  border-top: 1px solid #444;
}

#nav li a {
  color: #ccc !important;
}

#nav li a:hover {
  background-color: #333 !important;
  color: #fff !important;
}

#content, #content p, #content td, #content th, #content label {
  color: #ddd !important;
}

h1 { color: #00AEEF !important; }
h2, h3 { color: #ccc !important; }

a, .link { color: #00AEEF !important; }

input[type=text],
input[type=email],
input[type=password],
textarea,
select {
  background: #2a2a2a !important;
  color: #ddd !important;
  border: 1px solid #555 !important;
  border-radius: 4px;
  padding: 6px 8px;
  width: 100%;
  box-sizing: border-box;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border-color: #00AEEF !important;
  outline: none;
}

input[type=submit],
input[type=button],
input[type=reset],
.button {
  background: #00AEEF !important;
  color: #fff !important;
  border: none !important;
  padding: 8px 20px !important;
  border-radius: 4px !important;
  cursor: pointer;
  font-size: 14px;
}

input[type=submit]:hover,
.button:hover {
  background: #0299d2 !important;
}

input[type=reset],
a.button.cancel {
  background: #555 !important;
}

hr { border-color: #444 !important; }







#footer {
  color: #666 !important;
  border-top: 1px solid #333;
  padding: 10px 0;
}

#footer a { color: #666 !important; }

#ticketTable th {
  background: #2a2a2a !important;
  color: #aaa !important;
  border-color: #444 !important;
}

#ticketTable td {
  border-color: #444 !important;
  color: #ddd !important;
}

#ticketTable tr.alt td {
  background: #252525 !important;
}

.error { color: #ff6b6b !important; }

/* Registration form field spacing */
table.padded tr td[colspan="2"] {
  padding: 8px 0;
  border-bottom: 1px solid #2a2a2a;
}

table.padded tr td[colspan="2"] label {
  display: block;
  font-weight: bold;
  color: #ccc !important;
  margin-bottom: 4px;
}

table.padded tr td[colspan="2"] em {
  display: block;
  color: #888 !important;
  font-size: 12px;
  margin-bottom: 6px;
  font-style: italic;
}

table.padded tr td[colspan="2"] input,
table.padded tr td[colspan="2"] select,
table.padded tr td[colspan="2"] textarea {
  margin-top: 4px;
  width: 100%;
  box-sizing: border-box;
}

.form-header {
  padding: 4px 0;
}

.form-header h3 {
  color: #00AEEF !important;
  margin-bottom: 4px;
}

/* Fix hint text consistency - override inline style */
em[style*="color:gray"],
em[style*="color: gray"] {
  color: #888 !important;
  font-size: 12px !important;
}


/* Fix captcha row stray * */
.captchaRow {
  display: block;
  margin-top: 10px;
}

font.error {
  color: #ff6b6b !important;
  font-size: 12px;
  vertical-align: middle;
}



/* Hide empty captcha error star */
font.error:empty {
  display: none;
}


/* Remove empty gap below captcha */
.captchaRow + tr:empty,
tr:empty {
  display: none;
}

#content p:empty,
td:empty {
  display: none;
}


/* Remove empty row gap after captcha */
tr:not([class]):not([id]) td:only-child:empty {
  display: none;
}
.captchaRow ~ tr td:empty {
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  border: none !important;
}

/* Phone + Ext inline */
input[type=tel] {
  background: #2a2a2a !important;
  color: #ddd !important;
  border: 1px solid #555 !important;
  border-radius: 4px;
  padding: 6px 8px;
  width: calc(100% - 90px) !important;
  display: inline-block !important;
  vertical-align: middle;
}

input[name$="-ext"] {
  background: #2a2a2a !important;
  color: #ddd !important;
  border: 1px solid #555 !important;
  border-radius: 4px;
  padding: 6px 8px;
  width: 70px !important;
  display: inline-block !important;
  vertical-align: middle;
  margin-left: 6px;
}

/* Force ext width override - higher specificity */
table.padded input[name$="-ext"],
td input[name$="-ext"],
label input[name$="-ext"] {
  width: 70px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
}

/* Remove gap between captcha and buttons */
table.padded + hr {
  margin: 5px 0 !important;
}

/* Phone + Ext - highest specificity fix */
#content input[type=tel] {
  width: calc(100% - 90px) !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

#content input[type=text][name$="-ext"] {
  width: 70px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 4px !important;
}

/* Fix ext field background */
input[size="5"] {
  background: #2a2a2a !important;
  color: #ddd !important;
  border: 1px solid #555 !important;
}

/* Remove captcha gap */
.captchaRow + tr {
  display: none !important;
}

/* Remove gap between captcha and register button */
form hr:last-of-type {
  display: none !important;
  margin: 0 !important;
}