/*
Theme Name: Lightship 98
Description: A loving 1998-style tribute theme for Lightship RV. Best viewed in Netscape Navigator 4.0 at 800x600.
Version: 1.0
Text Domain: lightship98
*/

/* 1998-ish extras that modern browsers still honor */
body {
  background-color: #000080;
  background-image: url("data:image/gif;base64,R0lGODlhCAAIAJEAAMwAAP///5mZmQAAACH5BAAAAAAALAAAAAAIAAgAAAINhACneLrcDIx0SSy7HwA7");
  color: #FFFF00;
  font-family: "Times New Roman", Times, serif;
  margin: 0;
  padding: 8px;
}
a { color: #00FFFF; }
a:visited { color: #FF00FF; }
a:active { color: #FFFFFF; }
.comic { font-family: "Comic Sans MS", "Comic Sans", cursive; }
.bevel {
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-right: 3px solid #808080;
  border-bottom: 3px solid #808080;
  background-color: #C0C0C0;
  color: #000000;
  padding: 4px 12px;
  text-decoration: none;
  font-weight: bold;
}
.bevel:active {
  border-top: 3px solid #808080;
  border-left: 3px solid #808080;
  border-right: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
}
a.bevel, a.bevel:visited { color: #000000; }
.blink {
  animation: blinker 1s step-start infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}
.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  background: #000000;
  color: #00FF00;
  border: 2px solid #FFFF00;
  padding: 4px;
}
.marquee-text {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 18s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
/* Classic Under Construction animation (CSS stand-in for animated GIF) */
.uc-box {
  border: 4px ridge #FF0000;
  background: #FFFF00;
  color: #000000;
  text-align: center;
  padding: 8px;
  width: 220px;
  margin: 0 auto;
}
.uc-hardhat {
  font-size: 48px;
  line-height: 1;
  animation: bounce 0.6s ease-in-out infinite alternate;
}
@keyframes bounce {
  from { transform: translateY(0); }
  to { transform: translateY(-8px); }
}
.uc-shovel {
  display: inline-block;
  animation: dig 0.8s steps(2) infinite;
}
@keyframes dig {
  0% { transform: rotate(-15deg); }
  50% { transform: rotate(15deg); }
  100% { transform: rotate(-15deg); }
}
hr.rainbow {
  height: 8px;
  border: none;
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}
table.main {
  background-color: #000080;
  border: 4px ridge #C0C0C0;
}
td.nav {
  background-color: #0000AA;
  vertical-align: top;
  width: 160px;
}
td.content {
  background-color: #000066;
  padding: 12px;
  vertical-align: top;
  color: #FFFFFF;
}
.counter {
  font-family: "Courier New", monospace;
  background: #000000;
  color: #00FF00;
  border: 2px inset #808080;
  padding: 2px 6px;
  letter-spacing: 2px;
}

/* ---------- store bits ---------- */
.new-badge {
  display: inline-block;
  background: #FF0000;
  color: #FFFF00;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  font-weight: bold;
  font-size: 12px;
  padding: 1px 5px;
  border: 2px outset #FF8080;
  transform: rotate(-8deg);
}
.order-box {
  border: 4px ridge #FF00FF;
  background: #000000;
  padding: 10px;
  text-align: center;
}
.price-tag {
  font-family: "Courier New", monospace;
  font-size: 28px;
  font-weight: bold;
  background: #000000;
  color: #00FF00;
  border: 3px inset #808080;
  padding: 4px 10px;
  display: inline-block;
}
.price-tag del { color: #FF0000; font-size: 18px; }
.price-tag ins { text-decoration: none; }
.product-photo {
  border: 4px ridge #C0C0C0;
  background: #000033;
  text-align: center;
  padding: 10px;
}
.product-photo img { max-width: 100%; height: auto; }
.product-photo .placeholder { font-size: 96px; line-height: 1.1; }

/* ---------- WooCommerce, dragged back to 1998 ---------- */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #place_order,
.woocommerce .single_add_to_cart_button {
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-right: 3px solid #808080;
  border-bottom: 3px solid #808080;
  background-color: #C0C0C0;
  color: #000000 !important;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 16px;
  padding: 4px 14px;
  border-radius: 0;
  cursor: pointer;
  text-decoration: none;
}
.woocommerce .button:active,
.woocommerce #place_order:active,
.woocommerce .single_add_to_cart_button:active {
  border-top: 3px solid #808080;
  border-left: 3px solid #808080;
  border-right: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
}
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce input[type="password"],
.woocommerce select,
.woocommerce textarea {
  background: #FFFFFF;
  color: #000000;
  border: 2px inset #808080;
  border-radius: 0;
  font-family: "Courier New", monospace;
  font-size: 14px;
  padding: 2px 4px;
  box-sizing: border-box;
}
.woocommerce input.qty { width: 4em; }
.woocommerce table.shop_table {
  background: #000000;
  border: 3px solid #00FFFF;
  border-collapse: collapse;
  width: 100%;
  color: #FFFFFF;
}
.woocommerce table.shop_table th {
  background: #0000AA;
  color: #FFFF00;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  padding: 4px;
  border: 1px solid #00FFFF;
}
.woocommerce table.shop_table td {
  padding: 4px;
  border: 1px solid #00FFFF;
}
.woocommerce h2, .woocommerce h3 {
  font-family: "Comic Sans MS", "Comic Sans", cursive;
  color: #00FFFF;
}
.woocommerce label { color: #FFFF00; }
.woocommerce .required { color: #FF0000; }
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
  list-style: none;
  background: #FFFF00;
  color: #000000;
  border: 4px ridge #FF0000;
  padding: 8px;
  margin: 0 0 12px 0;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a { color: #0000FF; }
.woocommerce-message .button, .woocommerce-info .button { float: right; }
#payment, .woocommerce-checkout-review-order {
  background: #000033;
  border: 2px dashed #FFFF00;
  padding: 8px;
}
#payment ul.payment_methods { list-style: none; padding-left: 0; }
#payment .payment_box {
  background: #C0C0C0;
  color: #000000;
  border: 2px inset #808080;
  padding: 6px;
}
ul.products { list-style: none; padding: 0; }
ul.products li.product {
  background: #000000;
  border: 3px ridge #FF00FF;
  padding: 8px;
  text-align: center;
}
ul.products li.product .price { color: #00FF00; font-family: "Courier New", monospace; font-weight: bold; }
.woocommerce-breadcrumb { font-size: 12px; color: #C0C0C0; }