/*
Theme Name: ComputeEngines Shop
Template: twentytwentyfive
Description: ComputeEngines-branded storefront theme matching the main marketing site's dark/EPYC aesthetic.
Version: 1.0
*/

:root {
  --ce-bg: #0a0e14;
  --ce-bg-panel: #10151f;
  --ce-bg-panel-2: #141b28;
  --ce-border: #1f2937;
  --ce-text: #e6ebf2;
  --ce-text-dim: #8b98ab;
  --ce-accent: #3ddc97;
  --ce-accent-dim: #26a06f;
  --ce-accent-glow: rgba(61, 220, 151, 0.15);
  --ce-claw: #ff8a4d;
  --ce-claw-dim: #d96a2f;
  --ce-claw-glow: rgba(255, 138, 77, 0.16);
  --ce-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

html, body {
  background: var(--ce-bg) !important;
  color: var(--ce-text) !important;
  font-family: var(--ce-font) !important;
}

a { color: var(--ce-accent); }
a:hover { color: #4ee8a5; }

h1, h2, h3, h4, h5, h6 {
  color: var(--ce-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

/* Header / nav */
header.wp-block-template-part, .site-header, header#masthead {
  background: rgba(10, 14, 20, 0.85) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--ce-border) !important;
}
.site-title, .wp-block-site-title a {
  color: var(--ce-text) !important;
  font-weight: 700 !important;
}
.ce-logo-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  margin-right: 10px;
  vertical-align: middle;
  background: linear-gradient(135deg, var(--ce-accent), var(--ce-accent-dim));
  color: #06110c;
  font-weight: 800;
  font-size: 0.8rem;
  letter-spacing: -0.02em;
}
.wp-block-navigation a, nav a {
  color: var(--ce-text-dim) !important;
}
.wp-block-navigation a:hover { color: var(--ce-text) !important; }

/* Buttons */
.wp-block-button__link,
.button, button, input[type="submit"],
.single_add_to_cart_button,
.wc-block-components-button {
  background: var(--ce-accent) !important;
  border: 1px solid var(--ce-accent) !important;
  color: #06170f !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 0.85rem 1.6rem !important;
  transition: all 0.15s;
}
.wp-block-button__link:hover,
.button:hover, button:hover, input[type="submit"]:hover,
.single_add_to_cart_button:hover,
.wc-block-components-button:hover {
  background: #4ee8a5 !important;
  border-color: #4ee8a5 !important;
}

/* Product cards */
ul.products li.product,
.wc-block-grid__product,
.wp-block-woocommerce-product-template li {
  background: var(--ce-bg-panel) !important;
  border: 1px solid var(--ce-border) !important;
  border-radius: 14px !important;
  padding: 1.2rem !important;
}
ul.products li.product:hover,
.wc-block-grid__product:hover {
  border-color: var(--ce-accent-dim) !important;
}

.woocommerce ul.products li.product .price,
.wc-block-grid__product-price,
.price {
  color: var(--ce-accent) !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
}
.price del { color: var(--ce-text-dim) !important; opacity: 0.6; }

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--ce-text) !important;
  font-size: 1.1rem !important;
}

/* Single product page */
.woocommerce div.product .product_title,
.wp-block-post-title {
  color: var(--ce-text) !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--ce-accent) !important;
  font-size: 1.8rem !important;
  font-weight: 800 !important;
}
.woocommerce div.product .woocommerce-product-details__short-description {
  color: var(--ce-text-dim) !important;
  line-height: 1.7;
}

/* Spec box, matching the main site's plan cards */
.ce-spec-box {
  background: var(--ce-bg-panel) !important;
  border: 1px solid var(--ce-border) !important;
  border-radius: 14px;
  padding: 1.5rem 1.75rem;
  margin: 1.5rem 0;
}
.ce-spec-box .ce-spec-title {
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ce-claw);
  margin-bottom: 0.9rem;
  display: block;
  font-weight: 700;
}
.ce-spec-box dl { display: grid; grid-template-columns: auto 1fr; gap: 0.5rem 1.25rem; margin: 0; }
.ce-spec-box dt { color: var(--ce-text-dim); font-size: 0.85rem; }
.ce-spec-box dd { color: var(--ce-text); font-weight: 600; margin: 0; }

/* Trust row */
.ce-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.5rem 0;
}
.ce-trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--ce-bg-panel-2);
  border: 1px solid var(--ce-border);
  border-radius: 8px;
  padding: 0.5rem 0.9rem;
  font-size: 0.8rem;
  color: var(--ce-text-dim);
}
.ce-trust-badge .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--ce-accent);
  box-shadow: 0 0 8px var(--ce-accent);
}

/* Cart / checkout */
.woocommerce-cart table.cart, .woocommerce-checkout table,
.wc-block-cart, .wc-block-checkout {
  background: var(--ce-bg-panel) !important;
  border: 1px solid var(--ce-border) !important;
}
input, select, textarea,
.wc-block-components-text-input input {
  background: var(--ce-bg-panel-2) !important;
  border: 1px solid var(--ce-border) !important;
  color: var(--ce-text) !important;
  border-radius: 8px !important;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--ce-accent) !important;
  outline: none;
}

/* Custom dark-themed select dropdowns (country/state etc.) */
select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-right: 2.5rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%233ddc97' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
}
select option {
  background: var(--ce-bg-panel-2);
  color: var(--ce-text);
}

/* Address-form toggle links ("+ Add apartment, suite, etc.") */
.wc-block-components-address-form__address_2-toggle,
.wc-block-checkout__add-note-toggle,
button.wc-block-components-checkbox {
  color: var(--ce-accent) !important;
}

/* WooCommerce Blocks notices (e.g. "added to cart") - restyle for dark theme */
.wc-block-components-notice-banner {
  background: var(--ce-bg-panel-2) !important;
  border: 1px solid var(--ce-border) !important;
  color: var(--ce-text) !important;
  border-radius: 10px !important;
}
.wc-block-components-notice-banner.is-success {
  border-color: var(--ce-accent-dim) !important;
}
.wc-block-components-notice-banner.is-success svg {
  fill: var(--ce-accent) !important;
}
.wc-block-components-notice-banner .wc-block-components-notice-banner__content,
.wc-block-components-notice-banner .wc-block-components-notice-banner__content a {
  color: var(--ce-text) !important;
}
.wc-block-components-notice-banner .wc-forward {
  color: var(--ce-accent) !important;
  border-color: var(--ce-accent) !important;
}

/* Remove "Designed with WordPress" credit */
p.wp-block-paragraph:has(a[href="https://wordpress.org"]) {
  display: none !important;
}

/* Footer */
footer.wp-block-template-part, .site-footer, footer#colophon {
  background: #06090d !important;
  border-top: 1px solid var(--ce-border) !important;
  color: var(--ce-text-dim) !important;
}
.site-footer a { color: var(--ce-text-dim) !important; }
.site-footer a:hover { color: var(--ce-accent) !important; }