.tribe-events-single-event-title {
    color: #FFD700 !important;  /* Gold (matches your poster) */
    font-weight: bold;
}
/* Event details text color */
.tribe-events-meta-group,
.tribe-events-meta-group * {
  color: #ffffff !important; /* white text */
}

/* Links in the event details section */
.tribe-events-meta-group a {
  color: #ffd700 !important; /* gold links */
  text-decoration: none;
}

.tribe-events-meta-group a:hover {
  color: #ff8800 !important; /* orange hover */
}
/* Hide any horizontal rules/separators on single event pages */
.single-tribe_events .tribe-events-content hr,
.single-tribe_events .entry-content hr,
.single-tribe_events .tribe-events-content .wp-block-separator,
.single-tribe_events .entry-content .wp-block-separator {
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  background: none !important;
}

/* Remove any borders/shadows that may look like lines */
.single-tribe_events .tribe-events-content p,
.single-tribe_events .tribe-events-content div,
.single-tribe_events .tribe-events-content .has-background,
.single-tribe_events .tribe-events-content .wp-block-paragraph {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}
/* Hide the Event Website row in Details */
.single-tribe_events .tribe-events-meta-group-details .tribe-events-event-url {
  display: none !important;
}
/* Force white/light theme only on the checkout page */
.page-id-493,
.page-id-493 .entry-content {
  background: #ffffff !important;
  color: #111111 !important;
}
/* =========================
   EVENT & CHECKOUT FONT FIX
   ========================= */

/* General body text inside checkout & event pages */
.tribe-events, 
.tec-tickets, 
.tribe-common {
    color: #ffffff !important;   /* white text */
}

/* Headings */
.tribe-events h1, 
.tribe-events h2, 
.tribe-events h3, 
.tec-tickets h1, 
.tec-tickets h2, 
.tec-tickets h3 {
    color: #ffd700 !important;   /* gold headings */
}

/* Links */
.tribe-events a, 
.tec-tickets a {
    color: #ffd700 !important;   /* gold links */
    text-decoration: none;
}

.tribe-events a:hover, 
.tec-tickets a:hover {
    color: #ffffff !important;   /* white on hover */
}

/* Checkout form labels & totals */
.tec-tickets-checkout, 
.tec-tickets-checkout label, 
.tec-tickets-checkout .order-total, 
.tec-tickets-checkout .cart-item, 
.tec-tickets-checkout th, 
.tec-tickets-checkout td {
    color: #ffffff !important;
}

/* Stripe / card form fields text */
.StripeElement, 
.tec-tickets-checkout input, 
.tec-tickets-checkout select {
    color: #ffffff !important;
}
/* ===== Force readable text on the CHECKOUT page (ID 4878) ===== */
body.page-id-4878 {
  color: #fff !important;
}

/* Make all normal text white on that page */
body.page-id-4878 .entry-content,
body.page-id-4878 .entry-content * {
  color: #ffffff !important;
}

/* Headings and links in checkout */
body.page-id-4878 h1,
body.page-id-4878 h2,
body.page-id-4878 h3 {
  color: #ffd700 !important; /* gold */
}

body.page-id-4878 a {
  color: #ffd700 !important;
  text-decoration: none;
}
body.page-id-4878 a:hover { color: #ffffff !important; }

/* Ticket/Cart/Total rows & labels */
body.page-id-4878 .tec-tickets-checkout,
body.page-id-4878 .tec-tickets-checkout *,
body.page-id-4878 .tec-tc-checkout,
body.page-id-4878 .tec-tc-checkout * {
  color: #ffffff !important;
}

/* Stripe card field text */
body.page-id-4878 .StripeElement,
body.page-id-4878 input,
body.page-id-4878 select,
body.page-id-4878 label {
  color: #ffffff !important;
}

/* Optional: make the fine divider lines lighter so they’re visible */
body.page-id-4878 hr,
body.page-id-4878 .tec-border,
body.page-id-4878 .tec-tickets-checkout hr {
  border-color: rgba(255,255,255,0.25) !important;
}
/* Fix dark text on Event Tickets checkout */
.tribe-tickets__commerce-checkout,
.tribe-tickets__commerce-checkout * {
    color: #ffffff !important;   /* white text */
}

/* Make links stand out */
.tribe-tickets__commerce-checkout a {
    color: #ffd700 !important;   /* gold links */
}

/* Adjust headings */
.tribe-tickets__commerce-checkout h1,
.tribe-tickets__commerce-checkout h2,
.tribe-tickets__commerce-checkout h3 {
    color: #ffffff !important;
}

/* Button styling */
.tribe-common-c-btn,
.tribe-tickets__commerce-checkout button {
    background-color: #ffd700 !important; /* gold background */
    color: #000000 !important;            /* black text */
    border: none;
}

.tribe-common-c-btn:hover,
.tribe-tickets__commerce-checkout button:hover {
    background-color: #ffae00 !important; /* darker gold */
    color: #fff !important;
}
/* Fix dark text on Order Completed / Success page */
.tribe-tickets__commerce-success,
.tribe-tickets__commerce-success * {
    color: #ffffff !important;   /* white text */
}

.tribe-tickets__commerce-success a {
    color: #ffd700 !important;   /* gold links */
}

.tribe-tickets__commerce-success h1,
.tribe-tickets__commerce-success h2,
.tribe-tickets__commerce-success h3 {
    color: #ffffff !important;
}

.tribe-tickets__commerce-success .tribe-common-c-btn {
    background-color: #ffd700 !important; /* gold */
    color: #000 !important;
    border: none;
}

.tribe-tickets__commerce-success .tribe-common-c-btn:hover {
    background-color: #ffae00 !important;
    color: #fff !important;
}
/* Fix Stripe Card Input Text Color */
input.StripeElement,
.StripeElement input {
    color: #ffffff !important;      /* white text */
    font-size: 16px !important;     /* readable size */
    letter-spacing: 2px;            /* nice spacing for numbers */
}

input.StripeElement::placeholder,
.StripeElement input::placeholder {
    color: #cccccc !important;      /* light grey placeholders */
}

/* Error state for card fields */
.StripeElement--invalid {
    color: #ff4d4d !important;      /* red if invalid */
}

.StripeElement--complete {
    color: #00ff99 !important;      /* green when valid */
}
/* Make Stripe's card field readable on dark themes */
.tec-tickets__commerce-checkout .StripeElement,
.tec-tickets__commerce-checkout .PaymentElement {
  background: #ffffff !important;
  border: 1px solid #8a8a8a !important;
  border-radius: 8px !important;
  padding: 12px !important;
}

/* Fallback: target the container that holds Stripe’s secure iframe */
.tec-tickets__commerce-checkout :has(> iframe[title="Secure payment input frame"]) {
  background: #ffffff !important;
  border: 1px solid #8a8a8a !important;
  border-radius: 8px !important;
  padding: 12px !important;
}
/* Make Stripe card fields readable on dark themes */
.tec-tickets__commerce-checkout iframe[title*="Secure"],
.tec-tickets__commerce-checkout iframe[src*="stripe"] {
  background: #ffffff !important;
  border: 1px solid #8a8a8a !important;
  border-radius: 8px !important;
}

/* Give the iframe some “breathing room” via its wrapper */
.tec-tickets__commerce-checkout .StripeElement,
.tec-tickets__commerce-checkout .__PrivateStripeElement,
.tec-tickets__commerce-checkout :has(> iframe[title*="Secure"]) {
  padding: 10px !important;
  border-radius: 8px !important;
}

/* Ensure labels around the field stay readable too */
.tec-tickets__commerce-checkout label,
.tec-tickets__commerce-checkout .tc-checkout__payment * {
  color: #f7f7f7 !important;
}
/* Make Stripe card field readable on dark theme */
.tec-tickets__commerce-checkout .StripeElement,
.tec-tickets__commerce-checkout .__PrivateStripeElement,
.tec-tickets__commerce-checkout .__PrivateStripeElement iframe {
  background: #ffffff !important;   /* white field */
  border: 1px solid #444 !important;
  border-radius: 6px !important;
  padding: 10px !important;
  color-scheme: light !important;    /* nudges Stripe to dark text */
}
<?php
add_filter( 'tec_tickets_commerce_stripe_elements_appearance', function ( $appearance ) {
  $appearance['theme'] = 'night';
  $appearance['variables'] = array(
    'colorText'            => '#ffffff',
    'colorTextPlaceholder' => '#bbbbbb',
    'colorIcon'            => '#ffffff',
    'colorBackground'      => '#111111',
    'borderRadius'         => '6px',
  );
  $appearance['rules'] = array(
    '.Input' => array( 'color' => '#ffffff' ),
  );
  return $appearance;
});

/* Force the Stripe card box to render light-on-dark NOW */
.tec-tickets__commerce-checkout .StripeElement {
  background:#ffffff !important;   /* white field behind the iframe edge */
  border:1px solid #444 !important;
  border-radius:6px !important;
  padding:10px !important;
}

/* Last-resort: flip the iframe bitmap so text shows up */
.tec-tickets__commerce-checkout .__PrivateStripeElement {
  filter: invert(1) contrast(1.05) !important;
  background: transparent !important;
}
/* FORCE readable text in Stripe card fields */
.tec-tickets__commerce-checkout .StripeElement,
.tec-tickets__commerce-checkout .__PrivateStripeElement,
.tec-tickets__commerce-checkout .__PrivateStripeElement iframe {
  background: #ffffff !important;   /* white background */
  color: #000000 !important;        /* black text */
  border: 1px solid #444 !important;
  border-radius: 6px !important;
  padding: 10px !important;
  color-scheme: light !important;
}
/* 1) Give the card field a neutral wrapper so contrast is clear */
.tec-tickets__commerce-checkout .StripeElement,
.tec-tickets__commerce-checkout .StripeElement--empty,
.tec-tickets__commerce-checkout .StripeElement--complete {
  background:#ffffff !important;
  border:1px solid #444 !important;
  border-radius:6px !important;
  padding:10px !important;
}

/* 2) Target Stripe iframes directly, all variants */
.tec-tickets__commerce-checkout iframe[src*="js.stripe.com"],
iframe[name^="__privateStripeFrame"],
iframe[name^="__checkout"],
iframe[name^="__stripe"] {
  background:#ffffff !important;           /* ensure white field */
  filter: invert(0) hue-rotate(0deg) !important; /* start with no invert */
}

/* 3) If text is STILL dark after refresh, flip this ONE LINE to invert(1): */
/* .tec-tickets__commerce-checkout iframe[src*="js.stripe.com"],
   iframe[name^="__privateStripeFrame"],
   iframe[name^="__checkout"],
   iframe[name^="__stripe"] {
   background:#ffffff !important;
   filter: invert(1) hue-rotate(180deg) !important;
}*/

/* 4) Make autofill suggestions readable too */
.tec-tickets__commerce-checkout .StripeElement ::-webkit-autofill {
  -webkit-text-fill-color:#000 !important;
  caret-color:#000 !important;
}

/* 5) Keep the overall form consistent */
.tec-tickets__commerce-checkout input,
.tec-tickets__commerce-checkout .InputElement {
  color:#000 !important;
}
/* Kill any dark overlay that might sit over the checkout/receipt */
body.woocommerce-checkout .site-overlay,
body.woocommerce-order-received .site-overlay,
body[class*="tec-"] .site-overlay,
body.woocommerce-checkout .offcanvas-backdrop,
body.woocommerce-order-received .offcanvas-backdrop,
body[class*="tec-"] .offcanvas-backdrop,
body.woocommerce-checkout .elementor-menu-cart__overlay,
body.woocommerce-order-received .elementor-menu-cart__overlay,
body[class*="tec-"] .elementor-menu-cart__overlay,
body.woocommerce-checkout .modal-backdrop,
body.woocommerce-order-received .modal-backdrop,
body[class*="tec-"] .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Ensure receipt/checkout text is legible on dark themes */
body.woocommerce-order-received,
body.woocommerce-checkout,
body[class*="tec-tickets"] {
  color: #f5f5f5 !important;
}
body.woocommerce-order-received a,
body.woocommerce-checkout a,
body[class*="tec-tickets"] a {
  color: #9ad1ff !important;
  text-decoration: underline;
}

/* Stripe fields: keep inputs high-contrast and readable */
.woocommerce-checkout .StripeElement,
.tec-tickets__commerce-checkout .StripeElement,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"] {
  background: #ffffff !important;
  color: #111 !important;
}

/* Labels on forms */
.woocommerce-checkout label,
.tec-tickets__commerce-checkout label {
  color: #f5f5f5 !important;
}
/* Force checkout and order received pages into light mode */
body.woocommerce-checkout,
body.woocommerce-order-received,
body[class*="tec-tickets"] {
  background: #ffffff !important;
  color: #111 !important;
}

body.woocommerce-checkout .entry-content,
body.woocommerce-order-received .entry-content,
body[class*="tec-tickets"] .entry-content {
  background: #ffffff !important;
  color: #111 !important;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/* Headings */
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-order-received h1,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3 {
  color: #000 !important;
}

/* Links */
body.woocommerce-checkout a,
body.woocommerce-order-received a {
  color: #0073aa !important;
  text-decoration: underline;
}
/* ——— HARD RESET: make checkout & order-received readable ——— */

/* Kill any overlay/backdrop elements by name */
body.woocommerce-checkout [class*="overlay"],
body.woocommerce-order-received [class*="overlay"],
body.woocommerce-checkout [class*="backdrop"],
body.woocommerce-order-received [class*="backdrop"],
body.woocommerce-checkout .elementor-menu-cart__overlay,
body.woocommerce-order-received .elementor-menu-cart__overlay,
body.woocommerce-checkout .modal-backdrop,
body.woocommerce-order-received .modal-backdrop {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Nuke global dark filters/opacities that might be applied to wrappers */
body.woocommerce-checkout *,
body.woocommerce-order-received * {
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}

/* Force full light background for the page and all common wrappers */
body.woocommerce-checkout,
body.woocommerce-order-received,
body.woocommerce-checkout #page,
body.woocommerce-order-received #page,
body.woocommerce-checkout .site,
body.woocommerce-order-received .site,
body.woocommerce-checkout .site-content,
body.woocommerce-order-received .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-order-received .content-area,
body.woocommerce-checkout .entry-content,
body.woocommerce-order-received .entry-content,
body.woocommerce-checkout .container,
body.woocommerce-order-received .container,
body.woocommerce-checkout .ast-container,
body.woocommerce-order-received .ast-container,
body.woocommerce-checkout .elementor-section,
body.woocommerce-order-received .elementor-section,
body.woocommerce-checkout .elementor-container,
body.woocommerce-order-received .elementor-container,
body.woocommerce-checkout .woocommerce,
body.woocommerce-order-received .woocommerce {
  background: #ffffff !important;
  color: #111 !important;
}

/* Put the main content above any leftover z-index overlays */
body.woocommerce-checkout #content,
body.woocommerce-order-received #content,
body.woocommerce-checkout .site-content,
body.woocommerce-order-received .site-content {
  position: relative !important;
  z-index: 2 !important;
}

/* Headings & links for legibility */
body.woocommerce-checkout h1, body.woocommerce-order-received h1,
body.woocommerce-checkout h2, body.woocommerce-order-received h2,
body.woocommerce-checkout h3, body.woocommerce-order-received h3 { color:#000 !important; }
body.woocommerce-checkout a, body.woocommerce-order-received a { color:#0b5fff !important; text-decoration: underline; }

/* Tables and order details */
body.woocommerce-checkout table,
body.woocommerce-order-received table,
body.woocommerce-checkout tr, body.woocommerce-order-received tr,
body.woocommerce-checkout th, body.woocommerce-order-received th,
body.woocommerce-checkout td, body.woocommerce-order-received td {
  background:#fff !important; color:#111 !important;
  border-color:#ddd !important;
}

/* Stripe inputs */
.woocommerce-checkout .StripeElement,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"] {
  background:#fff !important; color:#111 !important;
  border:1px solid #ccc !important; border-radius:4px;
  padding:10px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #ffffff !important;  /* white text */
  background-color: #000000 !important; /* black background (optional, can match your site) */
}

input::placeholder,
textarea::placeholder {
  color: #aaaaaa !important; /* lighter gray placeholder */
}
/* Sunderland theme overlay fix for Checkout + Order Received */
body.woocommerce-checkout .site-overlay,
body.woocommerce-order-received .site-overlay,
body.woocommerce-checkout .offcanvas-overlay,
body.woocommerce-order-received .offcanvas-overlay {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Force the page back to full brightness */
body.woocommerce-checkout,
body.woocommerce-order-received {
  background: #fff !important;
  color: #111 !important;
}

body.woocommerce-checkout .entry-content,
body.woocommerce-order-received .entry-content {
  background: #fff !important;
  color: #111 !important;
  padding: 2rem;
  border-radius: 8px;
}
/* Kill any dark overlay that might sit over the checkout/receipt */
body.woocommerce-checkout .site-overlay,
body.woocommerce-order-received .site-overlay,
body[class*="tec-"] .site-overlay,
body.woocommerce-checkout .offcanvas-backdrop,
body.woocommerce-order-received .offcanvas-backdrop,
body[class*="tec-"] .offcanvas-backdrop,
body.woocommerce-checkout .elementor-menu-cart__overlay,
body.woocommerce-order-received .elementor-menu-cart__overlay,
body[class*="tec-"] .elementor-menu-cart__overlay,
body.woocommerce-checkout .modal-backdrop,
body.woocommerce-order-received .modal-backdrop,
body[class*="tec-"] .modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Ensure receipt/checkout text is legible on dark themes */
body.woocommerce-order-received,
body.woocommerce-checkout,
body[class*="tec-tickets"] {
  color: #f5f5f5 !important;
}
body.woocommerce-order-received a,
body.woocommerce-checkout a,
body[class*="tec-tickets"] a {
  color: #9ad1ff !important;
  text-decoration: underline;
}

/* Stripe fields: keep inputs high-contrast and readable */
.woocommerce-checkout .StripeElement,
.tec-tickets__commerce-checkout .StripeElement,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"] {
  background: #ffffff !important;
  color: #111 !important;
}

/* Labels on forms */
.woocommerce-checkout label,
.tec-tickets__commerce-checkout label {
  color: #f5f5f5 !important;
}
/* Force checkout / order-received / event tickets pages to white */
body.woocommerce-checkout,
body.woocommerce-order-received,
body[class*="tec-tickets"] {
  background: #fff !important;
  color: #111 !important;
}

/* Reset ALL parent wrappers that may be dimmed */
body.woocommerce-checkout #page,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .entry-content,
body.woocommerce-order-received #page,
body.woocommerce-order-received .site,
body.woocommerce-order-received .site-content,
body.woocommerce-order-received .entry-content,
body[class*="tec-tickets"] #page,
body[class*="tec-tickets"] .site,
body[class*="tec-tickets"] .site-content,
body[class*="tec-tickets"] .entry-content {
  background: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  backdrop-filter: none !important;
  position: relative !important;
  z-index: 9999 !important;
}

/* Kill any pseudo-element dark overlays */
body.woocommerce-checkout #page::before,
body.woocommerce-order-received #page::before,
body[class*="tec-tickets"] #page::before,
body.woocommerce-checkout .site::before,
body.woocommerce-order-received .site::before,
body[class*="tec-tickets"] .site::before {
  content: none !important;
  display: none !important;
}
/* Style the order confirmation / checkout page as a centered white card */
body.woocommerce-checkout,
body.woocommerce-order-received {
  background: #f4f4f4 !important; /* light gray background */
}

body.woocommerce-checkout .site-content,
body.woocommerce-order-received .site-content {
  display: flex;
  justify-content: center;
  padding: 3rem 1rem;
}

body.woocommerce-checkout .entry-content,
body.woocommerce-order-received .entry-content {
  background: #fff !important;
  color: #111 !important;
  max-width: 800px;
  width: 100%;
  padding: 2rem 3rem;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Headings */
body.woocommerce-order-received h1,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3 {
  color: #222 !important;
  margin-bottom: 1rem;
}

/* Success message box (override orange) */
.woocommerce-order {
  background: none !important;
}

.woocommerce-notice,
.woocommerce-order-overview {
  background: #e8f8ec !important; /* soft green background */
  color: #1b4332 !important; /* dark green text */
  border: 1px solid #95d5b2 !important;
  padding: 1rem;
  border-radius: 6px;
  margin-bottom: 1.5rem;
}

/* Links */
body.woocommerce-order-received a {
  color: #0073aa !important;
  text-decoration: underline;
}

/* Tables */
.woocommerce-order-details,
.woocommerce-table {
  background: #fff !important;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-top: 1.5rem;
}
.woocommerce-order-details th,
.woocommerce-order-details td {
  border-color: #ddd !important;
}
/* Style the tickets section as clean white cards */
.woocommerce-order-received .woocommerce-order-downloads,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order-received .tickets_list,
.woocommerce-order-received .tec-tickets__commerce-order-tickets {
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 10px;
  padding: 1.5rem;
  margin-top: 1.5rem;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

/* Ticket item cards */
.woocommerce-order-received .tickets_list li,
.woocommerce-order-received .tec-tickets__ticket {
  background: #f9f9f9 !important;
  border: 1px solid #ddd !important;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  list-style: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Ticket titles */
.woocommerce-order-received .tickets_list li strong,
.woocommerce-order-received .tec-tickets__ticket-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #222 !important;
}

/* Ticket price and details */
.woocommerce-order-received .tickets_list li,
.woocommerce-order-received .tec-tickets__ticket {
  font-size: 0.95rem;
  color: #333 !important;
}

/* Space between tickets */
.woocommerce-order-received .tickets_list,
.woocommerce-order-received .tec-tickets__commerce-order-tickets {
  padding-left: 0 !important;
}
/* ——— Make checkout fields readable (white bg, dark text) ——— */
.woocommerce-checkout,
.woocommerce-cart,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #222 !important;
  box-shadow: none !important;
}
/* ——— Make checkout fields readable (white bg, dark text) ——— */
.woocommerce-checkout,
.woocommerce-cart,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  background: #fff !important;
  color: #111 !important;
  border: 1px solid #222 !important;
  box-shadow: none !important;
}

/* Labels & small text */
.woocommerce form .form-row label,
.woocommerce-checkout label,
label { color: #111 !important; }

/* Placeholder color (so it doesn't look “blank”) */
::placeholder { color: #555 !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #555 !important; }
::-ms-input-placeholder { color: #555 !important; }

/* Focus state (clear outline) */
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
input:focus, textarea:focus, select:focus {
  outline: 2px solid #0a84ff !important;
  outline-offset: 0 !important;
  border-color: #0a84ff !important;
}

/* Safari/Chrome autofill (yellow text fix) */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #111 !important;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Notices / messages (remove orange-on-orange) */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: #fff !important;
  color: #111 !important;
  border-left: 4px solid #0a84ff !important;
}

/* Buttons: readable, high contrast */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #111 !important;
  text-shadow: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  background: #000 !important;
  color: #fff !important;
}

/* Tables (order summary) */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  background: #fff !important;
  color: #111 !important;
  border-color: #ddd !important;
}



