/*
Theme Name: Elysiumology Storefront
Template: storefront
Author: Chris
Description: A post-apocalyptic child theme of Storefront for WooCommerce
Version: 1.0
*/

body {
  background: url('/wp-content/themes/elysiumology-storefront/assets/images/hazard-stencil.jpg') repeat;
  background-size: cover;
  background-blend-mode: multiply;
  color: #FFFFFF; /* White for better readability */
  h1, h2, h3, h4 {
  color: #FF2D95;
  text-shadow: 0 0 6px #FF2D95;
}

}

body, h1, h2, h3 {
  font-family: 'Orbitron', sans-serif;
}

.site-header {
  background-color: #141414;
  border-bottom: 5px solid #FF5E00; /* warning tape orange */
  background-image: linear-gradient(90deg, #0f0f0f, #2e2e2e);
  box-shadow: 0 0 15px #FF5E00;
}

.site-title img {
  filter: drop-shadow(0 0 5px #39FF14); /* glowing nuke logo */
}

.main-navigation ul.menu > li > a {
  color: #39FF14;
  font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 4px #FF2D95;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.main-navigation ul.menu > li > a:hover {
  color: #FF2D95; /* optional green glow on hover */
  text-shadow: 0 0 6px #39FF14;
}

.woocommerce ul.products li.product {
  background-color: #1a1a1a;
  border: 2px dashed #FF2D95;
  box-shadow: 0 0 10px #FF2D95;
  transition: all 0.3s ease;
}

a.button,
.woocommerce button.button {
  background-color: #FF2D95;
  color: #0D0D0D;
  box-shadow: 0 0 10px #FF2D95;
}

.woocommerce span.onsale {
  background-color: #FF2D95;
  box-shadow: 0 0 12px #FF2D95;
}

.woocommerce ul.products li.product:hover {
  transform: scale(1.03);
  box-shadow: 0 0 20px #FF2D95;
}
.woocommerce span.onsale {
  background-color: #FF2D95;
  color: #0D0D0D;
  font-weight: bold;
  font-family: 'Orbitron', sans-serif;
  border-radius: 0;
  clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
  box-shadow: 0 0 10px #FF2D95;
}
.site-footer {
  background-color: #0D0D0D;
  color: #CCC;
  border-top: 5px dashed #FF5E00;
  box-shadow: 0 -5px 20px #FF5E00 inset;
}

.site-footer a {
  color: #00FFFF;
}

.site-footer a:hover {
  color: #39FF14;
}

.woocommerce-ordering select {
  background-color: #0D0D0D; /* dark bunker backdrop */
  color: #FF2D95; /* hot magenta text */
  border: 2px solid #39FF14;
  font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 4px #39FF14;
  box-shadow: 0 0 8px #39FF14;
  padding: 6px 12px;
  border-radius: 4px;
}

.woocommerce-ordering select:hover,
.woocommerce-ordering select:focus {
  background-color: #1A1A1A;
  box-shadow: 0 0 12px #39FF14;
  outline: none;
}
.widget_shopping_cart_content .cart_list li {
  background-color: #0D0D0D; /* dark bunker tone */
  border: 1px solid #FF2D95; /* hot magenta border */
  padding: 10px;
  margin-bottom: 8px;
  box-shadow: 0 0 6px #FF2D95;
}
.widget_shopping_cart_content .cart_list li:hover {
  background-color: #1A1A1A;
  box-shadow: 0 0 12px #FF2D95;
}
.custom-checkout-message {
  background-color: #0D0D0D;
  color: #FF2D95;
  text-shadow: 0 0 4px #FF2D95;
  padding: 10px;
  border: 2px dashed #FF2D95;
  font-family: 'Orbitron', sans-serif;
  text-align: center;
}
.widget_shopping_cart_content .total {
  background-color: #0D0D0D; /* dark bunker backdrop */
  color: #FF2D95; /* hot magenta text */
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  padding: 10px;
  border-top: 2px dashed #FF2D95;
  box-shadow: 0 0 8px #FF2D95;
  text-shadow:

#masthead.sticky {
  background-color: #0D0D0D; /* dark bunker tone */
  box-shadow: 0 0 12px #FF2D95; /* hot magenta glow */
  border-bottom: 2px solid #FF2D95;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce-cart-form .cart_item {
  background-color: #0D0D0D;
  border: 1px solid #FF2D95;
  padding: 12px;
  margin-bottom: 10px;
  box-shadow: 0 0 6px #FF2D95;
  color: #FF2D95;
  text-shadow: 0 0 4px #FF2D95;
}

.cart-collaterals .cart_totals {
  background-color: #0D0D0D;
  border: 2px dashed
  
  body,
.woocommerce,
.woocommerce-page,
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account,
.woocommerce div.product,
.woocommerce div.woocommerce,
.woocommerce div.woocommerce-message,
.woocommerce div.woocommerce-error,
.woocommerce div.woocommerce-info {
  background-color: #0D0D0D; /* dark bunker tone */
  color: #FF2D95; /* hot magenta text */
  text-shadow: 0 0 4px #FF2D95;
}

input,
textarea,
select {
  background-color: #1A1A1A;
  color: #FF2D95;
  border: 1px solid #FF2D95;
  box-shadow: 0 0 6px #FF2D95;
}
.woocommerce-checkout,
.woocommerce-checkout .wc-block-checkout,
.woocommerce-checkout .wc-block-components-checkout-step,
.woocommerce-checkout .wc-block-components-panel,
.woocommerce-checkout .wc-block-components-panel__content,
.woocommerce-checkout .wc-block-components-order-summary,
.woocommerce-checkout .wc-block-components-totals-item,
.woocommerce-checkout .wc-block-components-payment-methods,
.woocommerce-checkout .wc-block-components-radio-control,
.woocommerce-checkout .wc-block-components-text-input,
.woocommerce-checkout .wc-block-components-shipping-address,
.woocommerce-checkout .wc-block-components-billing-address {
  background-color: #0D0D0D !important;
  color: #FF2D95 !important;
  text-shadow: 0 0 4px #FF2D95;
  border: none;
  box-shadow: 0 0 8px #FF2D95;
}
.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
  background-color: #1A1A1A !important
  /* WooCommerce block containers */
.wc-block-checkout,
.wc-block-components-checkout-step,
.wc-block-components-panel,
.wc-block-components-panel__content,
.wc-block-components-order-summary,
.wc-block-components-payment-methods,
.wc-block-components-shipping-address,
.wc-block-components-billing-address,
.wc-block-components-text-input,
.wc-block-components-radio-control,
.wc-block-components-totals-item,
.wc-block-components-review-order,
.wc-block-components-summary-item,
.wc-block-components-summary-list,
.wc-block-components-summary-subtotal,
.wc-block-components-summary-total {
  background-color: #0D0D0D !important;
  color: #FF2D95 !important;
  text-shadow: 0 0 4px #FF2D95;
  border: none !important;
  box-shadow: 0 0 8px #FF2D95;
}
[class*="wc-block"] {
  background-color: #0D0D0D !important;
  color: #FF2D95 !important;
}
[class*="wc-block"],
[class*="checkout"],
[class*="woocommerce"],
[class*="review"],
[class*="payment"],
[class*="order"] {
  background-color: #0D0D0D !important;
  color: #FF2D95 !important;
}
/* Main checkout order review table */
.woocommerce-checkout-review-order-table,
.shop_table {
  background-color: #0D0D0D !important;
  color: #FF2D95 !important;
  border-collapse: collapse;
  box-shadow: 0 0 8px #FF2D95;
  text-shadow: 0 0 4px #FF2D95;
  font-family: 'Orbitron', sans-serif;
}