/*
================================================
   IRON LABS V57 – ADDITIONAL CSS FIXES & UPGRADES
   Version 2.0 – Button Color Fix + Variation White Box Fix
   + Description Spacing + Checkout Reliability
================================================ */

/* --------------------------------------------------
   1. CHECKOUT: Clover payment footer - remove light bg
   -------------------------------------------------- */
.clover-footer {
  background-color: transparent !important;
  background: transparent !important;
  border-top: 1px solid rgba(141,177,255,0.16) !important;
}

/* --------------------------------------------------
   2. CHECKOUT: Place-order wrapper - extra safety
   -------------------------------------------------- */
#payment .place-order,
.woocommerce-checkout #payment .place-order,
.form-row.place-order {
  background: transparent !important;
  background-color: transparent !important;
  padding: 16px 0 0 !important;
}

/* --------------------------------------------------
   3. CHECKOUT: PayPal credit card form - no white bg
   -------------------------------------------------- */
#wc-ppcp-credit-card-gateway-cc-form,
.payment_box.payment_method_ppcp-credit-card-gateway,
.payment_box.payment_method_ppcp-gateway,
.payment_box {
  background: transparent !important;
  background-color: transparent !important;
}

/* --------------------------------------------------
   4. CHECKOUT: Billing form outer padding
   -------------------------------------------------- */
form.woocommerce-checkout {
  padding: 0 clamp(16px, 3vw, 48px) !important;
}
#order_review {
  padding-right: clamp(16px, 2vw, 32px) !important;
}

/* --------------------------------------------------
   5. BUTTON COLORS: Replace aqua gradient with blue
   Replaces theme's teal/aqua with proper blue scheme
   -------------------------------------------------- */
.v55-btn-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wc-block-components-button,
.added_to_cart,
.button.alt,
.woocommerce-cart .return-to-shop a.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.iron-gate-enter {
  background: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  background-image: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  color: #f5f8ff !important;
  border: none !important;
  box-shadow: 0 8px 30px rgba(91,140,255,0.28) !important;
}

.v55-btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover,
.button.alt:hover,
.iron-gate-enter:hover {
  background: linear-gradient(135deg, #7aa8ff, #4070ff) !important;
  background-image: linear-gradient(135deg, #7aa8ff, #4070ff) !important;
  filter: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 40px rgba(91,140,255,0.38) !important;
}

/* --------------------------------------------------
   6. PLACE ORDER BUTTON: Blue gradient, high contrast
   -------------------------------------------------- */
#place_order,
button#place_order,
.ppcp-dcc-order-button {
  width: 100% !important;
  padding: 17px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  background-image: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 30px rgba(91,140,255,0.35) !important;
  letter-spacing: -0.01em !important;
}

#place_order:hover,
.ppcp-dcc-order-button:hover {
  filter: brightness(1.07) !important;
  transform: translateY(-1px) !important;
}

/* --------------------------------------------------
   7. SHOP PRODUCT GRID: Add to cart buttons blue
   -------------------------------------------------- */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.related.products .button,
.related.products a.button {
  background: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  background-image: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  color: #f5f8ff !important;
  box-shadow: 0 6px 24px rgba(91,140,255,0.22) !important;
}

.woocommerce ul.products li.product .button:hover,
.related.products a.button:hover {
  background: linear-gradient(135deg, #7aa8ff, #4070ff) !important;
  background-image: linear-gradient(135deg, #7aa8ff, #4070ff) !important;
  transform: translateY(-1px) !important;
}

/* --------------------------------------------------
   8. PRODUCT PAGE: Single Add-to-Cart button
   -------------------------------------------------- */
.il-product-info .single_add_to_cart_button,
.il-product-info button.single_add_to_cart_button,
.single_add_to_cart_button.button {
  cursor: pointer !important;
  transition: 0.18s !important;
  letter-spacing: -0.01em !important;
  width: 100% !important;
  padding: 17px 24px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  background-image: linear-gradient(135deg, #5b8cff, #2c5fff) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 30px rgba(91,140,255,0.30) !important;
}

.il-product-info .single_add_to_cart_button:hover {
  filter: brightness(1.07) !important;
  transform: translateY(-1px) !important;
}

/* Disabled state - muted blue */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button.wc-variation-selection-needed {
  background: linear-gradient(135deg, rgba(91,140,255,0.5), rgba(44,95,255,0.5)) !important;
  background-image: linear-gradient(135deg, rgba(91,140,255,0.5), rgba(44,95,255,0.5)) !important;
  color: rgba(255,255,255,0.65) !important;
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}

/* --------------------------------------------------
   9. CART: Coupon/Update cart buttons - dark themed
   -------------------------------------------------- */
.woocommerce-cart-form .button,
button[name="apply_coupon"],
button[name="update_cart"] {
  background: rgba(11,16,32,0.9) !important;
  background-image: none !important;
  color: #89b0ff !important;
  border: 1px solid rgba(141,177,255,0.26) !important;
  box-shadow: none !important;
}

.woocommerce-cart-form .button:hover {
  background: rgba(91,140,255,0.15) !important;
  color: #f5f8ff !important;
  border-color: rgba(141,177,255,0.5) !important;
}

/* --------------------------------------------------
   10. INPUTS / QTY: Dark themed
   -------------------------------------------------- */
input.qty,
.woocommerce .quantity .qty,
input[type="number"].qty {
  background: rgba(5,8,16,0.85) !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(141,177,255,0.26) !important;
  border-radius: 10px !important;
}

/* --------------------------------------------------
   11. VARIATIONS: Fix white background on th/td
   -------------------------------------------------- */
table.variations,
table.variations tr,
table.variations th,
table.variations td,
table.variations th.label,
table.variations td.value {
  background: transparent !important;
  background-color: transparent !important;
}

table.variations th.label {
  color: rgba(185,196,223,0.9) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  padding-right: 16px !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

table.variations td.value {
  padding: 6px 0 !important;
}

/* --------------------------------------------------
   12. VARIATION SWATCH ITEMS: Fix white box
   -------------------------------------------------- */
.variable-items-wrapper,
.variable-item:not(.radio-variable-item),
.wvs-variation-item,
.wc-svp-variation-item {
  background: transparent !important;
}

/* --------------------------------------------------
   13. PRODUCT DESCRIPTION: Improved spacing
   -------------------------------------------------- */
.woocommerce-product-details__short-description {
  margin: 12px 0 20px !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  color: rgba(185,196,223,0.88) !important;
}

.woocommerce-product-details__short-description p {
  margin-bottom: 10px !important;
}

.woocommerce-product-details__short-description p:last-child {
  margin-bottom: 0 !important;
}

/* Product tabs description spacing */
.woocommerce-tabs .woocommerce-Tabs-panel--description {
  padding: 24px 0 !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel--description h2,
.woocommerce-tabs .woocommerce-Tabs-panel--description h3 {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.woocommerce-tabs .woocommerce-Tabs-panel--description p {
  margin-bottom: 14px !important;
  line-height: 1.7 !important;
  color: rgba(185,196,223,0.88) !important;
}

/* --------------------------------------------------
   14. SHOP: Pagination - accent color (high specificity to beat theme)
   -------------------------------------------------- */
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li .page-numbers.current,
.woocommerce-pagination .page-numbers.current,
.page-numbers.current {
  background: #5b8cff !important;
  background-color: #5b8cff !important;
  color: #fff !important;
  border-radius: 8px !important;
  border-color: #5b8cff !important;
}

/* --------------------------------------------------
   15. SHOP: Ordering toolbar - right aligned
   -------------------------------------------------- */
.woocommerce-ordering {
  float: right !important;
  margin: 0 0 16px !important;
}

/* --------------------------------------------------
   16. LAYOUT: Container width constraint
   -------------------------------------------------- */
.col-full {
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 3vw, 48px) !important;
  padding-right: clamp(16px, 3vw, 48px) !important;
}

/* --------------------------------------------------
   17. GALLERY: Hide zoom white box
   -------------------------------------------------- */
.woocommerce-product-gallery__trigger {
  background: rgba(11,16,32,0.75) !important;
  border-radius: 50% !important;
  border: 1px solid rgba(141,177,255,0.26) !important;
}

img.zoomImg { display: none !important; }

/* --------------------------------------------------
   18. ATTRIBUTES TABLE: Dark themed rows
   -------------------------------------------------- */
.woocommerce-product-attributes tr th,
.woocommerce-product-attributes tr td {
  background: transparent !important;
}

.woocommerce-product-attributes tr:nth-child(odd) th,
.woocommerce-product-attributes tr:nth-child(odd) td {
  background: rgba(141,177,255,0.04) !important;
}

/* --------------------------------------------------
   19. RELATED PRODUCTS: Hide scrollbar
   -------------------------------------------------- */
.related.products ul.products {
  scrollbar-width: none !important;
}
.related.products ul.products::-webkit-scrollbar {
  display: none !important;
}

/* --------------------------------------------------
   20. CHECKOUT: Payment method rows - dark themed
   -------------------------------------------------- */
.wc_payment_method {
  background: rgba(12,22,45,0.9) !important;
  border: 1px solid rgba(141,177,255,0.16) !important;
  border-radius: 14px !important;
  margin-bottom: 8px !important;
  padding: 12px 16px !important;
  list-style: none !important;
}

.wc_payment_method label {
  color: #f5f8ff !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

.wc_payment_method input[type="radio"]:checked + label,
.wc_payment_method input[type="radio"]:checked ~ label {
  color: #89b0ff !important;
}

/* --------------------------------------------------
   21. CHECKOUT: All WooCommerce inputs dark
   -------------------------------------------------- */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  background: rgba(11,16,32,0.9) !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(141,177,255,0.26) !important;
  border-radius: 10px !important;
}

.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
  color: rgba(185,196,223,0.5) !important;
}

/* --------------------------------------------------
   22. CHECKOUT: Apple Pay / Google Pay button padding
   -------------------------------------------------- */
.ppcp-button-apm {
  margin: 8px 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}



/* ================================================================
   ADDITIONAL CSS v3 — CONVERSION UPGRADE BATCH
   Checkout default, mobile polish, header scroll, micro-UX
   ================================================================ */

/* ── CHECKOUT: Set Clover Credit Card as default tab visually ── */
.payment_method_first_data_clover_credit_card {
  order: -1 !important;
}

/* ── CHECKOUT: Better payment tab active indicator ─────────── */
.wc_payment_method input[type="radio"]:checked ~ label {
  color: #89b0ff !important;
}
.wc_payment_method:has(input[type="radio"]:checked) {
  border-color: rgba(91,140,255,.42) !important;
  background: rgba(12,22,45,.98) !important;
}

/* ── CHECKOUT: Fix coupon field on checkout ─────────────────── */
.woocommerce-form-coupon input[type="text"] {
  background: rgba(11,16,32,.9) !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(141,177,255,.26) !important;
  border-radius: 10px !important;
}

/* ── HEADER: Sticky scroll effect with blur ─────────────────── */
.site-header.scrolled,
.iron-header.scrolled {
  background: rgba(4,7,15,.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.4) !important;
}

/* ── HEADER LOGO: Slightly larger for brand presence ──────── */
.site-branding img, .custom-logo, .iron-logo img {
  max-height: 52px !important;
  width: auto !important;
}

/* ── BODY: Smooth scroll globally ────────────────────────── */
html {
  scroll-behavior: smooth !important;
}

/* ── PRODUCT CARDS: Consistent font sizing on shop grid ──── */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #f5f8ff !important;
  line-height: 1.3 !important;
}

/* ── SHOP: Product card price ────────────────────────────── */
.woocommerce ul.products li.product .price {
  color: #89b0ff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* ── BREADCRUMBS: Better visibility ─────────────────────── */
.woocommerce-breadcrumb {
  font-size: 12px !important;
  color: rgba(185,196,223,.7) !important;
}
.woocommerce-breadcrumb a {
  color: #89b0ff !important;
  text-decoration: none !important;
}

/* ── PRODUCT PAGE: Related products heading ─────────────── */
.il-related-title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #f5f8ff !important;
  margin-bottom: 16px !important;
}

/* ── CART: Full dark styling ─────────────────────────────── */
.woocommerce-cart-form table {
  background: transparent !important;
}
.woocommerce-cart-form .cart_item td {
  border-color: rgba(141,177,255,.12) !important;
  background: transparent !important;
  color: #f5f8ff !important;
  vertical-align: middle !important;
}

/* ── CART TOTALS: Dark panel ─────────────────────────────── */
.cart_totals, .cart-collaterals {
  background: rgba(11,16,32,.7) !important;
  border: 1px solid rgba(141,177,255,.14) !important;
  border-radius: 20px !important;
  padding: 24px !important;
}
.cart_totals h2 {
  color: #f5f8ff !important;
  font-size: 18px !important;
  margin-bottom: 16px !important;
}
.cart_totals table tr th, .cart_totals table tr td {
  background: transparent !important;
  border-color: rgba(141,177,255,.12) !important;
  color: rgba(185,196,223,.9) !important;
}

/* ── ORDER RECEIVED / THANK YOU PAGE ───────────────────── */
.woocommerce-order-received .woocommerce-order,
.woocommerce-thankyou-order-details {
  background: rgba(11,16,32,.7) !important;
  border: 1px solid rgba(141,177,255,.14) !important;
  border-radius: 20px !important;
  padding: 28px !important;
}
.woocommerce-order-received h2 {
  color: #f5f8ff !important;
}
.woocommerce-thankyou-order-details li {
  color: rgba(185,196,223,.9) !important;
}

/* ── FOCUS STATES: Accessibility ─────────────────────────── */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid rgba(91,140,255,.7) !important;
  outline-offset: 2px !important;
}

/* ── MOBILE: Announcement bar responsive ────────────────── */
@media (max-width: 600px) {
  .v55-announce-bar span:not(.v55-announce-cta):not(.v55-announce-icon) {
    display: none;
  }
  .v55-announce-inner {
    justify-content: space-between;
  }
}

/* ── MOBILE: Navigation ──────────────────────────────────── */
@media (max-width: 768px) {
  .v55-hero h1 {
    font-size: clamp(28px, 7vw, 52px) !important;
  }
  .v55-proof-row {
    gap: 16px !important;
  }
}

/* ── PRODUCT PAGE: Stock status ──────────────────────────── */
.woocommerce-product-details__short-description + p.stock,
.stock.in-stock {
  color: #36b37e !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
.stock.out-of-stock {
  color: #ff5e5e !important;
  font-weight: 700 !important;
}

/* ── NOTICES: WooCommerce alerts dark-styled ─────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: rgba(11,16,32,.9) !important;
  border-top-color: #5b8cff !important;
  color: #f5f8ff !important;
}
.woocommerce-message::before { color: #5b8cff !important; }
.woocommerce-info::before { color: #89b0ff !important; }
.woocommerce-error { border-top-color: #ff5e5e !important; }
.woocommerce-error::before { color: #ff5e5e !important; }

/* ── SEARCH: WooCommerce search dark ────────────────────── */
.woocommerce-product-search input[type="search"] {
  background: rgba(11,16,32,.9) !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(141,177,255,.26) !important;
  border-radius: 12px !important;
}

/* ── PRINT: Hide decorative elements ────────────────────── */
@media print {
  .v55-announce-bar, .v55-trust-bar, .il-sticky-bar,
  .site-header, .site-footer { display: none !important; }
}


/* ===================================================
   CHECKOUT: Clover credit card form - dark theme fix
   =================================================== */

/* Fix white background on Clover hosted payment fields */
.js-sv-wc-payment-gateway-credit-card-form-input,
#wc-first-data-clover-credit-card-account-number-hosted,
#wc-first-data-clover-credit-card-expiry-hosted,
#wc-first-data-clover-credit-card-csc-hosted,
#wc-first-data-clover-credit-card-postal-code-hosted,
.sv-wc-payment-gateway-hosted-field,
.sv-wc-payment-gateway-credit-card-form .form-row input,
.woocommerce-checkout #payment .sv-wc-payment-gateway-credit-card-form {
  background: rgb(11, 16, 32) !important;
  background-color: rgb(11, 16, 32) !important;
  color: rgb(234, 240, 255) !important;
  border: 1px solid rgba(141, 177, 255, 0.26) !important;
  border-radius: 6px !important;
}

/* Fix payment method list backgrounds */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
  background: rgba(12, 22, 45, 0.9) !important;
  border-bottom: 1px solid rgba(141, 177, 255, 0.12) !important;
}

/* Fix the payment box inner area */
.woocommerce-checkout #payment div.payment_box {
  background: rgba(8, 14, 30, 0.95) !important;
  border: 1px solid rgba(141, 177, 255, 0.15) !important;
  color: rgb(185, 196, 223) !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: rgba(8, 14, 30, 0.95) !important;
}

/* ===================================================
   PRODUCT TABS: Ensure description text is visible 
   =================================================== */
.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description p,
.woocommerce-Tabs-panel--description li,
.woocommerce-Tabs-panel--description td {
  color: rgb(185, 196, 223) !important;
}

.woocommerce-Tabs-panel--description h2 {
  color: rgb(234, 240, 255) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* Description tab styling */
.wc-tabs li a {
  color: rgba(185, 196, 223, 0.7) !important;
  border-bottom: 2px solid transparent !important;
  padding: 8px 0 !important;
  margin-right: 24px !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}
.wc-tabs li.active a,
.wc-tabs li a:hover {
  color: rgb(137, 176, 255) !important;
  border-bottom-color: rgb(137, 176, 255) !important;
}

/* ===================================================
   VARIANT BOXES: Ensure no whiteout on selects
   =================================================== */
.woocommerce-checkout #payment label,
.variations_form .variations label,
.variations_form td.label label {
  color: rgb(185, 196, 223) !important;
}

/* ===================================================
   SHOP ALL BUTTON: Brand green-blue gradient  
   =================================================== */
.il-homepage-hero .btn-primary,
.homepage-cta .btn-primary {
  background: linear-gradient(135deg, #89b0ff, #5b8cff) !important;
}

/* ============================================
   NEWSLETTER FORM STYLES (v3)
   ============================================ */
.v55-email-form,
.v55-nl-form { width: 100%; }

.v55-input-row,
.v55-nl-input-row {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
.v55-input-row input[type="email"],
.v55-nl-input-row input[type="email"],
.v55-email-form input[type="email"],
.v55-nl-form input[type="email"] {
  flex: 1;
  padding: 13px 16px;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(91,140,255,.25) !important;
  border-radius: 8px;
  color: #f5f8ff !important;
  font-size: 15px;
  outline: none;
}
.v55-input-row input[type="email"]:focus,
.v55-nl-input-row input[type="email"]:focus {
  border-color: rgba(91,140,255,.6) !important;
  background: rgba(255,255,255,.09) !important;
}
.v55-input-row button,
.v55-nl-input-row button,
.v55-email-form button[type="submit"],
.v55-nl-form button[type="submit"] {
  padding: 13px 24px !important;
  background: linear-gradient(135deg,#5b8cff,#2c5fff) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  white-space: nowrap;
  transition: opacity .2s !important;
}
.v55-input-row button:hover,
.v55-nl-input-row button:hover { opacity: .85 !important; }

.v55-form-note,
.v55-nl-disclaimer {
  font-size: 12px !important;
  color: #6070a0 !important;
  margin: 6px 0 0 !important;
  text-align: center;
}

/* MailPoet native form dark theme override */
.v55-newsletter-form-wrap .mailpoet_form,
.v55-newsletter-form-wrap form {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.v55-newsletter-form-wrap .mailpoet_form input[type="email"],
.v55-newsletter-form-wrap .mailpoet_form input[type="text"] {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(91,140,255,.25) !important;
  border-radius: 8px !important;
  color: #f5f8ff !important;
  padding: 13px 16px !important;
  font-size: 15px !important;
}
.v55-newsletter-form-wrap .mailpoet_form button,
.v55-newsletter-form-wrap .mailpoet_form input[type="submit"] {
  background: linear-gradient(135deg,#5b8cff,#2c5fff) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 13px 24px !important;
  font-weight: 700 !important;
}

/* Yotpo Reviews Dark Theme Override */
.yotpo .yotpo-main-widget,
.yotpo .yotpo-reviews-widget { background: transparent !important; }
.yotpo .yotpo-review,
.yotpo .yotpo-comment { 
  background: #0b1020 !important; 
  border: 1px solid rgba(91,140,255,.12) !important; 
  border-radius: 10px !important;
  margin-bottom: 14px !important;
}
.yotpo .yotpo-review-stars .yotpo-icon-star,
.yotpo .yotpo-review-stars .yotpo-icon-half-star { color: #f5a623 !important; }
.yotpo .yotpo-user-name { color: #89b0ff !important; }
.yotpo .content-review,
.yotpo .yotpo-review-date { color: #a8b8d8 !important; }
.yotpo .main-widget .yotpo-default-button.primary-color-btn {
  background: linear-gradient(135deg,#5b8cff,#2c5fff) !important;
  color: #fff !important;
  border: none !important;
}
.yotpo .yotpo-clr { background: transparent !important; }
.yotpo .free-text-search input,
.yotpo .free-text-search textarea {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(91,140,255,.2) !important;
  color: #f5f8ff !important;
}

/* Star Rating display on product cards */
.yotpo-widget-instance,
.yotpo-stars-and-summary-widget { 
  margin: 4px 0 0 !important; 
}
.yotpo-widget-instance .yotpo-icon-star { color: #f5a623 !important; }

/* MailPoet Setup Complete Notice */
.mailpoet_paragraph { color: #a8b8d8 !important; }