/*
 Theme Name: Astra Child
 Theme URI: https://example.com/
 Description: Child theme for Astra
 Author: Your Name
 Template: astra
 Version: 1.0
*/

.astra-pattern-single {
  max-width: 760px;
  margin: 0 auto;
  padding: 60px 20px;
  text-align: center;
}

.pattern-preview img {
  max-width: 520px;
  width: 100%;
  margin-bottom: 20px;
}


.pattern-short-description {
  margin: 24px 0;
  font-size: 1.1rem;
  color: #555;
}

.pattern-details ul {
    justify-content: center;
}

.pattern-details li {
  background: #f2f2f2;
  font-size: 0.85rem;
  letter-spacing: 0.3px;
}

.pattern-mockups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 40px 0;
}

.pattern-mockups img {
  width: 100%;
  border-radius: 10px;
}

.pattern-cta {
  text-align: center;
   margin-top: 32px;
}

.pattern-cta button {
  padding: 14px 28px;
  font-size: 1rem;
  background: #0ea5e9;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: not-allowed;
}

.pattern-preview {
  text-align: center;
}



.pattern-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.woocommerce-tabs .reviews_tab {
  display: none;
}

.single-product .price {
  display: none;
}


.single-product .single_add_to_cart_button {
  display: none;
}

.single-product .product {
  max-width: 900px;
  margin: 0 auto;
}

/* =========================
   Surface Feature (SVG based)
========================= */

.pc-surface {
    margin-top: 60px;
    text-align: center;
}

.pc-surface-tabs {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
}

.pc-surface-tabs button {
    padding: 6px 14px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333;            /* ADD THIS LINE: Dark Grey Text */
    cursor: pointer;
    border-radius: 4px;
}

.pc-surface-tabs button.active {
    background: #222;
    color: #fff;
}

.pc-surface-frame {
    display: flex;
    justify-content: center;
}