/*
Theme Name: Blocksy Child - Mary's Jumpers
Template: blocksy
Version: 1.0
Description: Child theme for Mary's Jumpers (jumping spiders, enclosures, 3D printed accessories)
*/

:root {
  --mj-cream: #F7F2EA;
  --mj-cream-light: #FAF6EF;
  --mj-maroon: #A15C5F;
  --mj-maroon-dark: #8B4A4D;
  --mj-teal: #2F4F4F;
  --mj-charcoal: #1E2530;
  --mj-text-body: #4A4A46;
  --mj-border: #E4DCCB;
}

/* ---------- Global type ---------- */
body {
  background-color: var(--mj-cream-light);
  color: var(--mj-text-body);
}

h1, h2, h3, .ct-heading {
  font-family: Georgia, 'Times New Roman', serif;
  color: #1a1a1a;
}

/* ---------- Buttons ---------- */
.woocommerce a.button,
.woocommerce button.button,
.wp-block-button__link,
.ct-button {
  background-color: var(--mj-maroon) !important;
  color: #fff !important;
  border-radius: 6px !important;
  font-weight: 600;
  border: none !important;
  transition: background-color 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wp-block-button__link:hover,
.ct-button:hover {
  background-color: var(--mj-maroon-dark) !important;
}

/* Secondary / outline button variant - add class "mj-btn-outline" in Blocksy button block settings */
.mj-btn-outline .wp-block-button__link {
  background-color: transparent !important;
  color: #1a1a1a !important;
  border: 1px solid #ccc !important;
}

/* ---------- Info / stat cards (stock notes, "what we offer") ---------- */
.mj-card {
  background-color: #fff;
  border: 1px solid var(--mj-border);
  border-radius: 8px;
  padding: 24px;
}

.mj-card-tinted {
  background-color: var(--mj-cream);
  border-radius: 8px;
  padding: 24px;
}

.mj-card h3 {
  font-size: 1.15rem;
  margin-bottom: 8px;
}

.mj-card p, .mj-card-tinted p {
  font-size: 0.92rem;
  line-height: 1.5;
  color: var(--mj-text-body);
}

.mj-icon-badge {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: rgba(161, 92, 95, 0.12);
  color: var(--mj-maroon);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 1.3rem;
}

/* ---------- Dark section (Shipping/Pickup page, footer) ---------- */
.mj-dark-section {
  background-color: var(--mj-charcoal);
  color: #f0ede6;
  padding: 60px 0;
}

.mj-dark-section h2, .mj-dark-section h3 {
  color: #fff;
}

.mj-dark-section p {
  color: #c9c7c2;
}

.mj-dark-section hr {
  border: none;
  border-top: 1px solid var(--mj-maroon);
  opacity: 0.5;
}

/* ---------- WooCommerce product cards ---------- */
.woocommerce ul.products li.product,
.wc-block-grid__product {
  border: 1px solid var(--mj-border);
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}

.woocommerce ul.products li.product img {
  border-radius: 0;
}

.woocommerce span.price {
  color: #1a1a1a;
  font-weight: 700;
}

/* "No Image" placeholder look for products without a photo yet */
.woocommerce ul.products li.product .mj-no-image {
  background-color: #2b3240;
  color: #aab0bd;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ---------- Inquiry form container ---------- */
.mj-form-wrap {
  background: #fff;
  border: 1px solid var(--mj-border);
  border-radius: 8px;
  padding: 32px;
  max-width: 720px;
}