/**
 * Outside Ministries WooCommerce Integration Styles
 * Replaces default WooCommerce stylesheets with dark Sacred Streetwear styling
 */

/* WooCommerce Breadcrumbs */
.woocommerce-breadcrumb {
  margin-bottom: var(--om-space-xl);
  font-family: var(--om-font-sans);
  font-size: var(--om-type-label-caps-size);
  letter-spacing: var(--om-type-label-caps-tracking);
  text-transform: uppercase;
  color: var(--om-text-muted);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.woocommerce-breadcrumb a {
  color: var(--om-text-muted);
}

.woocommerce-breadcrumb a:hover {
  color: var(--om-color-primary);
}

.woocommerce-breadcrumb span {
  color: var(--om-on-surface);
  font-weight: 600;
}

/* WooCommerce Product Price */
.woocommerce-Price-amount {
  color: var(--om-color-primary);
  font-family: var(--om-font-serif);
  font-weight: 500;
}

del .woocommerce-Price-amount {
  color: var(--om-text-muted);
  text-decoration: line-through;
  opacity: 0.7;
}

/* WooCommerce Single Product Star Rating */
.woocommerce-product-rating {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: var(--om-space-md);
  padding-bottom: var(--om-space-md);
  border-bottom: 1px solid var(--om-border-subdued);
}

.woocommerce-product-rating .star-rating {
  color: var(--om-color-primary);
  font-size: 14px;
  letter-spacing: 2px;
}

.woocommerce-review-link {
  font-family: var(--om-font-sans);
  font-size: var(--om-type-label-caps-size);
  letter-spacing: var(--om-type-label-caps-tracking);
  text-transform: uppercase;
  color: var(--om-text-muted);
}

.woocommerce-review-link:hover {
  color: var(--om-color-primary);
}

/* Stock Status */
.stock {
  font-family: var(--om-font-sans);
  font-size: var(--om-type-label-caps-size);
  letter-spacing: var(--om-type-label-caps-tracking);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--om-space-md);
}

.stock.in-stock {
  color: var(--om-color-primary);
}

.stock.in-stock::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--om-color-primary);
  box-shadow: 0 0 8px var(--om-color-primary);
}

/* Product Meta (SKU, Categories, Tags) */
.product_meta {
  padding-top: var(--om-space-lg);
  border-top: 1px solid var(--om-border-subdued);
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: var(--om-font-sans);
  font-size: var(--om-type-label-caps-size);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--om-text-muted);
}

.product_meta span.sku_wrapper,
.product_meta span.posted_in,
.product_meta span.tagged_as {
  display: block;
}

.product_meta .sku,
.product_meta a {
  color: var(--om-on-surface);
  margin-left: 4px;
}

.product_meta a:hover {
  color: var(--om-color-primary);
}

/* Guarantee / Trust Badges Checklist */
.om-trust-checklist {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--om-space-md);
  margin-top: var(--om-space-xl);
  padding-top: var(--om-space-lg);
  border-top: 1px solid var(--om-border-subdued);
  color: var(--om-on-surface-variant);
}

@media (min-width: 640px) {
  .om-trust-checklist {
    grid-template-columns: repeat(3, 1fr);
  }
}

.om-trust-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.om-trust-item .material-symbols-outlined {
  color: var(--om-color-primary);
  font-size: 22px;
}

.om-trust-item span.text {
  font-family: var(--om-font-sans);
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  line-height: 1.3;
}

/* WooCommerce Messages & Notice Toasts */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background-color: var(--om-surface-container-low);
  border: 1px solid var(--om-border-subdued-hover);
  padding: 16px 24px;
  margin-bottom: var(--om-space-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: var(--om-on-surface);
  font-size: var(--om-type-body-md-size);
  list-style: none;
  box-shadow: var(--om-shadow-elevated);
}

.woocommerce-message .button,
.woocommerce-info .button {
  background-color: var(--om-color-primary);
  color: var(--om-surface-container-lowest);
  padding: 10px 20px;
  font-family: var(--om-font-sans);
  font-size: var(--om-type-label-caps-size);
  letter-spacing: var(--om-type-label-caps-tracking);
  text-transform: uppercase;
  font-weight: 700;
  transition: background-color var(--om-transition-fast);
}

.woocommerce-message .button:hover {
  background-color: var(--om-color-primary-hover);
}

.woocommerce-error {
  border-color: var(--om-color-error);
  color: var(--om-color-error);
}

/* Reviews List in Product Page */
.om-review-item {
  padding-top: var(--om-space-lg);
  padding-bottom: var(--om-space-lg);
  border-bottom: 1px solid var(--om-border-subdued);
}

.om-review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.om-review-stars {
  color: var(--om-color-primary);
  display: flex;
  gap: 2px;
  margin-bottom: 12px;
}