/* Sorting Dropdown (closed state) */
.woocommerce-ordering select {
    background-color: #508F7C; /* Your green */
    color: #FFFFFF; /* White text for contrast */
    border: 1px solid #3D6F61; /* Slightly darker green border */
    padding: 6px 10px;
    border-radius: 4px;
    font-weight: 500;
}

/* Dropdown options (when opened) */
.woocommerce-ordering select option {
    background-color: #508F7C; /* Green background */
    color: #FFFFFF; /* White text */
}

/* Hover/active option inside dropdown */
.woocommerce-ordering select option:hover {
    background-color: #3D6F61; /* Darker green on hover */
    color: #FFFFFF;
}

/* Default button style */
.woocommerce ul.products li.product .button {
    background-color: #508F7C; /* your green */
    color: #FFFFFF; /* white text */
    border: 2px solid #3D6F61; /* darker green border */
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Hover state */
.woocommerce ul.products li.product .button:hover {
    background-color: #3D6F61; /* darker green on hover */
    color: #FFFFFF; /* keep text visible */
    border: 2px solid #FFFFFF; /* white border to pop out */
}


/* Single product dropdown */
.woocommerce div.product form.cart .variations select {
    background-color: #508F7C; /* green background */
    color: #FFFFFF; /* white text */
    border: 2px solid #3D6F61; /* darker green border */
    padding: 8px 12px;
    border-radius: 4px;
    font-weight: 500;
}

/* Dropdown options */
.woocommerce div.product form.cart .variations select option {
    background-color: #508F7C;
    color: #FFFFFF;
}

/* Hover effect inside options (for browsers that support it) */
.woocommerce div.product form.cart .variations select option:hover {
    background-color: #3D6F61; /* darker green */
    color: #FFFFFF;
}
/* Make category and tags labels black */
.woocommerce div.product .product_meta {
    color: #000000; /* ensures the text stays black */
}

/* Make links inside category/tags also black */
.woocommerce div.product .product_meta a {
    color: #000000;
}

.woocommerce div.product .product_meta a:hover {
    color: #3D6F61; /* optional: dark green hover for links */
}


/* =========================
   CART PAGE: visibility & contrast fixes
   ========================= */
body.woocommerce-cart table.shop_table th {
  color: #000000 !important;          /* headings: Product/Price/Quantity/Subtotal */
  font-weight: 600;
  text-transform: uppercase;           /* optional: cleaner look */
}

body.woocommerce-cart table.shop_table td,
body.woocommerce-cart table.shop_table td a,
body.woocommerce-cart .cart_totals td,
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals p,
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination,
body.woocommerce-cart .cart_totals .shipping-calculator-button {
  color: #000000 !important;           /* make all cart & totals text readable */
}

/* Coupon label + field text */
body.woocommerce-cart .cart .actions .coupon label,
body.woocommerce-cart .cart .actions .coupon input.input-text {
  color: #000000 !important;
}

/* Quantity field readability */
body.woocommerce-cart .quantity .qty,
body.woocommerce-cart .quantity .input-text {
  color: #000000 !important;
  background: #f6f6f6;                 /* subtle contrast so numbers are clear */
  border: 1px solid #d6d6d6;
}

/* Optional: subtle borders to separate rows on your green background */
body.woocommerce-cart table.shop_table,
body.woocommerce-cart table.shop_table td,
body.woocommerce-cart table.shop_table th,
body.woocommerce-cart .cart_totals {
  border-color: rgba(255,255,255,0.35) !important;
}

/* Keep buttons consistent with your theme colors */
body.woocommerce-cart .button,
body.woocommerce-cart button.button {
  background-color: #508F7C;
  color: #FFFFFF;
  border: 2px solid #3D6F61;
  font-weight: 600;
  transition: all 0.3s ease;
}
body.woocommerce-cart .button:hover,
body.woocommerce-cart button.button:hover {
  background-color: #3D6F61;
  color: #FFFFFF;
  border-color: #FFFFFF;
}

/* "Have a coupon?" text */
.woocommerce-info {
  color: #000000 !important;   /* black */
  font-weight: 600;
}

/* Force "Click here to enter your code" link to always show */
.woocommerce-info a.showcoupon {
  color: #508F7C !important;   /* green, always visible */
  font-weight: 700;
  text-decoration: underline;
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* On hover, make it slightly darker for feedback */
.woocommerce-info a.showcoupon:hover {
  color: #3D6F61 !important;   /* darker green */
  text-decoration: none;
}

/* Checkout page: make text & links readable */
body.woocommerce-checkout {
  --text: #0b0b0b;        /* near-black for good contrast */
  --accent: #0b0b0b;      /* link color */
}

/* Headings + general copy */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout h4,
.woocommerce-checkout .woocommerce,
.woocommerce-checkout .woocommerce p,
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th {
  color: var(--text) !important;
}

/* “Have a coupon? Click here to enter your code” */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle a {
  color: var(--accent) !important;
  text-decoration: underline;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle a:hover {
  opacity: .85;
}

/* Field labels + helper text + errors */
.woocommerce-checkout form .form-row label,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-NoticeGroup li {
  color: var(--text) !important;
}

/* Inputs & placeholders */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  color: var(--text) !important;
  background: #f4f7f6;  /* light backdrop so text pops */
}
.woocommerce-checkout ::placeholder {
  color: var(--text) !important;
  opacity: .7;
}

/* Country/State dropdowns (Select2) */
.woocommerce-checkout .select2-selection__rendered,
.woocommerce-checkout .select2-selection__placeholder {
  color: var(--text) !important;
}
.woocommerce-checkout .select2-selection--single {
  background: #f4f7f6 !important;
  border-color: #3D6F61 !important; /* matches your darker green */
}
.woocommerce-checkout .select2-results__option {
  color: var(--text) !important;
  background: #ffffff !important;
}
.woocommerce-checkout .select2-results__option--highlighted {
  background: #e6efeC !important;  /* soft green highlight */
  color: var(--text) !important;
}

/* Order summary column text */
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .woocommerce-checkout-review-order * {
  color: var(--text) !important;
}

/* Order received page – make product name visible */
body.woocommerce-order-received .woocommerce-table__product-name,
body.woocommerce-order-received .woocommerce-table__product-name a,
body.woocommerce-order-received td.product-name,
body.woocommerce-order-received td.product-name a {
  color: #0b0b0b !important;      /* nearly black for clear contrast */
  font-weight: 500;
}

/* Optional: also ensure any size/variation details are visible */
body.woocommerce-order-received .wc-item-meta,
body.woocommerce-order-received .wc-item-meta * {
  color: #0b0b0b !important;
}

/* Bring result count and sorting closer to products */
body.post-type-archive-product .ast-woocommerce-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.post-type-archive-product ul.products {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Optional: tighten the area between result count and grid */
body.post-type-archive-product p.woocommerce-result-count,
body.post-type-archive-product form.woocommerce-ordering {
  margin-bottom: 5px !important;
  padding-bottom: 0 !important;
}

/* Make popup form text black */
.pum-container, 
.pum-content, 
.pum-content form, 
.pum-content label, 
.pum-content input, 
.pum-content textarea, 
.pum-content select, 
.pum-content span, 
.pum-content p {
  color: #000 !important;
}

/* Placeholder text color */
.pum-content ::placeholder {
  color: #333 !important;
  opacity: 1;
}

/* Reduce popup form width */
.pum-container {
  max-width: 800px !important;  /* Try 700–900px for balance */
  width: 90% !important;
  margin: 0 auto !important;
}

/* Optional: add padding for better spacing */
.pum-content {
  padding: 30px !important;
  border-radius: 8px;
}


/* Make form input fields clearly visible with borders */
.pum-content input[type="text"],
.pum-content input[type="email"],
.pum-content input[type="tel"],
.pum-content input[type="number"],
.pum-content input[type="url"],
.pum-content input[type="password"],
.pum-content textarea,
.pum-content select {
  border: 2px solid #508F7C !important; /* green border color */
  background-color: #fff !important;
  color: #000 !important;
  border-radius: 4px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}

/* Highlight when user clicks on field */
.pum-content input:focus,
.pum-content textarea:focus,
.pum-content select:focus {
  border-color: #B4889B !important; /* pink focus color */
  outline: none;
  box-shadow: 0 0 4px rgba(180,136,155,0.4);
}

/* Label color consistency */
.pum-content label {
  color: #000 !important;
  font-weight: 600;
}

/* Optional: tidy up spacing between fields */
.pum-content .wpforms-field {
  margin-bottom: 15px;
}

/* Hide the checkout map */
.woocommerce-checkout #map {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* (If the plugin wraps it) collapse the wrapper too */
.woocommerce-checkout .cm-address-checkout-fee #map,
.woocommerce-checkout .ddcfw-map,
.woocommerce-checkout .distance-shipping-map {
  display: none !important;
  height: 0 !important;
}






/* 5) Safety: if any global rule sets p to var(--text), override it on checkout */
.woocommerce-checkout p { color:#1f2937 !important; }