/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/
 Description:  Child theme for Astra
 Author:       
 Author URI:   https://example.com/
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* ── 0) Make Astra’s .ast-container stack vertically on product pages ── */
body.single-product .ast-container {
  flex-direction: column !important;
}

/* ── 1) Turn the Woo product wrapper into our own flex row ── */
body.single-product .woocommerce div.product {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2em;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ── 2) Breadcrumb spans full width ── */
body.single-product .woocommerce-breadcrumb-wrapper {
  flex: 1 1 100%;
  margin-bottom: 1em !important;
}

/* ── 3) Left column: fixed-width, centered image ── */
.single-product-image {
  flex: 0 0 300px;       /* ← adjust left-col width here */
  text-align: center;
}
.single-product-image img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* ── 4) Right column: title + table + button ── */
.single-product-title,
.custom-variations-wrapper {
  flex: 1 1 auto;
}
.single-product-title {
  margin-top: 0;
  margin-bottom: 1em;
}
.custom-variations-wrapper {
  overflow-x: auto;
}

/* ── 5) Force “View Cart” below both columns ── */
.view-cart-button {
  flex: 1 1 100%;
  margin-top: 2em;
  text-align: center;
}

/* ── 6) Checkout page tweaks ── */

.woocommerce-checkout .mc4wp-checkbox-wp-registration-form,
.woocommerce-checkout .mailchimp-newsletter,
.woocommerce-checkout .mc4wp-checkbox,
.woocommerce-checkout input[name="mailchimp_woocommerce_newsletter"],
.woocommerce-checkout .woocommerce-mailchimp,
.woocommerce-checkout p.mailchimp-newsletter {
  display: none !important;
}

.woocommerce-privacy-policy-text {
  display: none !important;
}

.woocommerce-checkout .page-title,
.woocommerce-checkout .entry-title {
  display: none !important;
}

.woocommerce-terms-and-conditions-checkbox-text a {
  color: #0073aa !important;
  text-decoration: underline !important;
}

/* ── 7) Checkout order review: compact variation attributes ── */

.woocommerce-checkout-review-order-table dl.variation {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 4px 0 0;
  padding: 0;
  font-size: 0.85em;
  color: #666;
}

.woocommerce-checkout-review-order-table dl.variation dt {
  margin: 0 4px 0 0;
  padding: 0;
  font-weight: 600;
  float: none;
}

.woocommerce-checkout-review-order-table dl.variation dd {
  margin: 0 12px 0 0;
  padding: 0;
}

.woocommerce-checkout-review-order-table dl.variation dd p {
  margin: 0;
  display: inline;
}

/* ── 8) Order received page ── */

/* Hide shipping address column on thank-you page */
.woocommerce-order .woocommerce-column--shipping-address {
  display: none !important;
}

/* Make billing address full width since shipping is hidden */
.woocommerce-order .woocommerce-column--billing-address {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* Fix white/invisible product links on order received page */
.woocommerce-order .woocommerce-table--order-details a,
.woocommerce-order .order_details a,
.woocommerce-order-details a {
  color: #0073aa !important;
  text-decoration: underline !important;
}

/* Style the order overview summary list */
.woocommerce-order .woocommerce-order-overview {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0;
  list-style: none !important;
  margin: 1.5em 0 !important;
  padding: 0 !important;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
  background: #fafafa;
}

.woocommerce-order .woocommerce-order-overview li {
  flex: 1 1 0;
  min-width: 150px;
  padding: 18px 20px 18px 30px;
  border-right: 1px solid #e0e0e0;
  font-size: 0.95rem;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding-left: 10px !important;
}

.woocommerce-order .woocommerce-order-overview li:last-child {
  border-right: none;
}

.woocommerce-order .woocommerce-order-overview li strong {
  display: block;
  margin-top: 6px;
  font-size: 1.15rem;
  color: #1a1a2e;
  text-transform: none;
  letter-spacing: 0;
}

/* ── 9) Hide shipping method selector in checkout (just show the label text) ── */

.woocommerce-checkout .woocommerce-shipping-methods {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-checkout .woocommerce-shipping-methods input[type="radio"],
.woocommerce-checkout .woocommerce-shipping-methods .shipping_method + label {
  display: none !important;
}

/* ── 9) Mobile: stack back into one column & add 50px gap under image ═══ */
@media (max-width: 768px) {
  body.single-product .woocommerce div.product {
    display: block;
  }
  .single-product-image {
    margin-bottom: 50px;
    width: auto;
    flex: none;
  }
  .single-product-title,
  .custom-variations-wrapper {
    width: 100%;
  }
}
.hostinger-reach-optin {
	display:none !important
}

.woocommerce-error a {
	color:black
}