


/* ------------------------------------------------------------
   4. CART ICON + TOGGLE ICON
   Do not transform text
   ------------------------------------------------------------ */
#brx-header .mini-cart-link,
#brx-header .brxe-toggle {
  text-transform: none;
}

/* Cart hover matching global hover behavior */
#brx-header .mini-cart-link:hover {
  color: var(--brand-primary-alt);
}

/* ===================================================================
   6. Woo global typography / safe styles (kept but simplified)
   =================================================================== */

.woocommerce, .woocommerce-page { font-family: var(--font-body); color: var(--brand-dark); }
.woocommerce h1,.woocommerce h2,.woocommerce h3,.woocommerce h4 { font-family: var(--font-heading); font-weight:700; color:var(--brand-dark); }
.woocommerce a { color: var(--brand-primary); } .woocommerce a:hover { color: var(--brand-primary-alt); }

/* Bricks product card refine */
.brxe-a88dfd,
.brxe-ygspbj { background: #fff; border-radius: 22px; padding: 1.2rem; border:1px solid rgba(31,60,48,0.10); transition: var(--transition-base); }
.brxe-a88dfd:hover,
.brxe-ygspbj:hover { transform: translateY(-3px); box-shadow: 0 8px 22px rgba(0,0,0,0.06); }
.woocommerce-product-gallery__wrapper img,
.brxe-a88dfd img,
.brxe-ygspbj img { border-radius: 18px; display:block; }



/* ==========================================================
   FORCE ALL WOO BUTTONS TO BRAND-YELLOW (BRICKS COMPATIBLE)
   ========================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .add_to_cart_button,
.woocommerce .single_add_to_cart_button,
.brxe-button,
.bricks-button,
button.single_add_to_cart_button,
a.add_to_cart_button {
    background: var(--brand-yellow) !important;
    color: var(--brand-dark) !important;
    border: 2px solid var(--brand-dark) !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.06) !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.brxe-button:hover {
    background: #f7d890 !important;
}


.widget_product_search button i,
.brxe-search-form button i {
    color: var(--brand-dark) !important;
}
.brxe-search-form svg {
    fill: var(--brand-dark) !important;
}


/* Force shop archive / product grid price color (strong specificity + !important)
   This covers normal price, sale price (ins/del), variations displayed, loop prices, etc. */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.products .product .price,
.woocommerce .products .price,
.woocommerce-loop-product__title + .price,
.woocommerce .price,
ul.products li.product .price,
.product .price {
  color: var(--brand-dark) !important;       /* readable dark color for prices */
  font-weight: 700 !important;
}

/* sale price (ins) — keep visible but slightly different weight */
.woocommerce ul.products li.product .price ins .amount,
.woocommerce .price ins .amount {
  color: var(--brand-primary-alt) !important; /* optional: highlight sale price */
  font-weight: 700 !important;
}

/* original price (del) — subdued */
.woocommerce ul.products li.product .price del,
.woocommerce .price del {
  color: rgba(16,59,27,0.35) !important;
  font-weight: 400 !important;
}

/* If themes/plugins output price inside .woocommerce-Price-amount, target that too */
.woocommerce .woocommerce-Price-amount.amount,
ul.products li.product .woocommerce-Price-amount.amount {
  color: var(--brand-dark) !important;
}



.single-product .woocommerce-product-gallery {
  margin-right: 2rem;
}

@media (max-width: 991px) {
  .single-product .woocommerce-product-gallery {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

/* Space between header and product content */
.single-product #brxe-5e4999 {
  padding-top: 0;
}

/* ==========================================================
   Single Product – Main Card Wrapper
   ========================================================== */

.single-product #brxe-5e4999 .brxe-container {
  background: #fff;
  border-radius: 26px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.05);
  border: 1px solid rgba(31,60,48,0.08);
  padding: 0; /* important */
}

.single-product .woocommerce div.product {
  padding: 3rem;
}



/* Product title */
.single-product #brxe-05ba9f {
  order: -1;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
}

/* Price */
.single-product #brxe-05249e {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.single-product .brxe-divider .line {
  opacity: 0.25;
}

@media (max-width: 768px) {
  .single-product #brxe-dab0cd {
    padding: 3rem 0 2rem;
  }

  .single-product #brxe-dab0cd h2 {
    font-size: 2rem;
  }

  .single-product .woocommerce div.product {
    padding: 2rem 1.5rem;
  }

}

/* ==========================================================
   SINGLE PRODUCT – REVIEW FORM (FINAL, CORRECT)
   ========================================================== */

.single-product #review_form {
  margin-top: 2.5rem;
}

/* Grid layout */
.single-product #review_form form.comment-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem 1.4rem;
}

/* Remove Woo <p> spacing (this was breaking alignment) */
.single-product #review_form .comment-form-author,
.single-product #review_form .comment-form-email,
.single-product #review_form .comment-form-comment,
.single-product #review_form .comment-form-rating,
.single-product #review_form .comment-form-cookies-consent,
.single-product #review_form .form-submit {
  margin: 0;
}

/* Full-width elements */
.single-product #review_form .comment-form-comment,
.single-product #review_form .comment-form-rating,
.single-product #review_form .comment-form-cookies-consent,
.single-product #review_form .form-submit {
  grid-column: span 2;
}

/* Hide labels (placeholders become primary) */
.single-product #review_form label {
  display: none;
}

/* Inputs + textarea */
.single-product #review_form input[type="text"],
.single-product #review_form input[type="email"],
.single-product #review_form textarea,
.single-product #review_form select {
  width: 100%;
  height: 52px;
  border: 2px solid var(--brand-dark);
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 0.95rem;
  font-family: inherit;
  box-sizing: border-box;
}

/* Textarea sizing */
.single-product #review_form textarea {
  height: auto;
  min-height: 160px;
  resize: vertical;
}

/* SELECT fix (rating) */
.single-product #review_form select {
  appearance: none;
  background-color: #fff;
}

/* Placeholder injection (CSS-only, safe) */
.single-product #author::placeholder { content: "Your name"; }
.single-product #email::placeholder { content: "Your email"; }
.single-product #comment::placeholder { content: "Your review"; }

/* Placeholder visibility (cross-browser) */
.single-product #review_form ::placeholder {
  color: rgba(31,60,48,0.55) !important;
  opacity: 1 !important;
  font-weight: 500;
}

/* Submit button */
.single-product #review_form #submit {
  margin-top: 0.5rem;
}


/* ==========================================================
   Tabs
   ========================================================== */


/* Tabs Titles */
.brxe-product-tabs .wc-tabs li a {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #1f3c30;
}

/* Tabs Content */
.brxe-product-tabs .woocommerce-Tabs-panel {
    font-family: 'Inter', sans-serif;
    color: #1f3c30;
    font-size: 1rem;
    line-height: 1.7;
}

/* ==========================================================
   HERO → PRODUCT CARD SPACING
   ========================================================== */

.single-product #brxe-dab0cd {
  padding-top: 4rem;
  padding-bottom: 3rem;
}

@media (max-width: 768px) {
  .single-product #brxe-dab0cd {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
}


/* ==========================================================
   RELATED PRODUCTS – CARD NORMALIZATION (SAFE)
   ========================================================== */

.single-product .related ul.products li.product {
  background: #fff;
  border-radius: 22px;
  padding: 1.2rem;
  border: 1px solid rgba(31,60,48,0.10);
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);

  display: flex;
  flex-direction: column;

  transition: box-shadow .25s ease, transform .25s ease;
}

/* Grid-safe hover polish */
.single-product .related ul.products li.product:hover {
  transform: scale(1.015);
  box-shadow: 0 10px 26px rgba(0,0,0,0.08);
}

/* Image */
.single-product .related ul.products li.product img {
  border-radius: 18px;
  display: block;
  margin-bottom: 0.8rem;
}

/* Title & price rhythm */
.single-product .related .woocommerce-loop-product__title {
  margin-top: 0.8rem;
  line-height: 1.35;
}

.single-product .related .price {
  margin-top: 0.4rem;
}

/* Push CTA to bottom */
.single-product .related ul.products li.product .price,
.single-product .related ul.products li.product .button {
  margin-top: auto;
}

/* Button normalization */
.single-product .related ul.products li.product .button {
  margin-top: 1rem;
  align-self: stretch;
  text-align: center;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
}

.single-product .related ul.products li.product .button::after {
  display: none;
}
