/* Make WooCommerce Bookings price bar dark grey */
.wc-bookings-booking-cost {
    background-color: #2b2b2b !important;  /* dark grey */
    color: #ffffff !important;             /* white text for maximum visibility */
    padding: 15px !important;              /* consistent spacing */
    border-radius: 4px;                    /* optional: rounded corners */
}


/* === Dokan vendor dashboard: force readable text on light panels/cards === */
.dokan-dashboard .dokan-dashboard-content {
  color: #111;
}

.dokan-dashboard .dokan-dashboard-content a,
.dokan-dashboard .dokan-dashboard-content p,
.dokan-dashboard .dokan-dashboard-content span,
.dokan-dashboard .dokan-dashboard-content label,
.dokan-dashboard .dokan-dashboard-content td,
.dokan-dashboard .dokan-dashboard-content th,
.dokan-dashboard .dokan-dashboard-content h1,
.dokan-dashboard .dokan-dashboard-content h2,
.dokan-dashboard .dokan-dashboard-content h3,
.dokan-dashboard .dokan-dashboard-content h4,
.dokan-dashboard .dokan-dashboard-content h5,
.dokan-dashboard .dokan-dashboard-content h6 {
  color: inherit;
}

/* Panels/cards used on pages like Withdraw */
.dokan-dashboard .dokan-panel,
.dokan-dashboard .dokan-panel .panel-heading,
.dokan-dashboard .dokan-panel .panel-body {
  color: #111;
}

/* Form fields */
.dokan-dashboard .dokan-dashboard-content input,
.dokan-dashboard .dokan-dashboard-content select,
.dokan-dashboard .dokan-dashboard-content textarea {
  color: #111;
}

/* === DOKAN DASHBOARD: force light module backgrounds + black text === */

/* Main content area background */
.dokan-dashboard .dokan-dashboard-content,
.dokan-dashboard .dokan-dashboard-content .dokan-dashboard-wrap,
.dokan-dashboard .dokan-dashboard-content .dokan-w8,
.dokan-dashboard .dokan-dashboard-content .dokan-panel,
.dokan-dashboard .dokan-dashboard-content .dokan-panel .panel-heading,
.dokan-dashboard .dokan-dashboard-content .dokan-panel .panel-body,
.dokan-dashboard .dokan-dashboard-content .dokan-panel-body,
.dokan-dashboard .dokan-dashboard-content .dokan-card,
.dokan-dashboard .dokan-dashboard-content .dokan-card-body {
  background: #f4f5f7 !important;
  background-color: #f4f5f7 !important;
}

/* Borders so the panels still look like panels */
.dokan-dashboard .dokan-dashboard-content .dokan-panel,
.dokan-dashboard .dokan-dashboard-content .dokan-card {
  border-color: #e1e3e6 !important;
}

/* Force all text to black inside the dashboard content area */
.dokan-dashboard .dokan-dashboard-content,
.dokan-dashboard .dokan-dashboard-content * {
  color: #000 !important;
}

/* Inputs stay white (contrast on light gray cards) */
.dokan-dashboard .dokan-dashboard-content input,
.dokan-dashboard .dokan-dashboard-content select,
.dokan-dashboard .dokan-dashboard-content textarea {
  background: #fff !important;
  background-color: #fff !important;
  color: #000 !important;
  border-color: #cfcfcf !important;
}

/* === Dokan tooltips: force white text === */
.dokan-dashboard .tooltip,
.dokan-dashboard .tooltip-inner,
.dokan-dashboard .dokan-tooltip,
.dokan-dashboard .dokan-tooltip *,
.dokan-dashboard [role="tooltip"],
.dokan-dashboard [role="tooltip"] * {
  color: #fff !important;
}

/* Ensure tooltip background stays dark */
.dokan-dashboard .tooltip,
.dokan-dashboard .tooltip-inner,
.dokan-dashboard .dokan-tooltip {
  background-color: #111 !important;
}

/* ========== WooCommerce BLOCKS checkout (new checkout) ========== */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input textarea,
body.woocommerce-checkout .wc-block-components-select select,
body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input,
body.woocommerce-checkout .wc-block-components-text-input .wc-block-components-text-input__input {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

body.woocommerce-checkout .wc-block-components-text-input input::placeholder,
body.woocommerce-checkout .wc-block-components-text-input textarea::placeholder,
body.woocommerce-checkout .wc-block-components-combobox .components-combobox-control__input::placeholder {
  color: #555 !important;
  opacity: 1 !important;
}

/* Labels inside/above fields in Blocks checkout */
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-text-input__label,
body.woocommerce-checkout .wc-block-components-select__label {
  color: #000 !important;
}

/* Chrome autofill (often the culprit) */
body.woocommerce-checkout input:-webkit-autofill,
body.woocommerce-checkout textarea:-webkit-autofill,
body.woocommerce-checkout select:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
  transition: background-color 999999s ease-in-out 0s;
}

/* Optional: force white field background so black text is always visible */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-text-input textarea,
body.woocommerce-checkout .wc-block-components-select select {
  background: #fff !important;
}

/* ========== Classic WooCommerce checkout fallback ========== */
body.woocommerce-checkout .woocommerce form .input-text,
body.woocommerce-checkout .woocommerce form select,
body.woocommerce-checkout .woocommerce form textarea {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
body.woocommerce-checkout .woocommerce form ::placeholder {
  color: #555 !important;
  opacity: 1 !important;
}


/* Stack checkout sections vertically */
.woocommerce-checkout #customer_details {
  display: flex;
  flex-direction: column;
}

/* Event Location (shipping) FIRST */
.woocommerce-checkout #customer_details .col-2 {
  order: 1;
  margin-bottom: 50px; /* Big buffer */
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* Billing SECOND */
.woocommerce-checkout #customer_details .col-1 {
  order: 2;
  padding-top: 20px;
}

/* Improve spacing on mobile */
@media (max-width: 768px) {
  .woocommerce-checkout #customer_details .col-2 {
    margin-bottom: 40px;
  }
}

/* Cosmic Hoops contact form - force visible input text */
.elementor-widget-form .elementor-field-group input,
.elementor-widget-form .elementor-field-group textarea,
.elementor-widget-form .elementor-field-group select,
.elementor-widget-form input.elementor-field,
.elementor-widget-form textarea.elementor-field,
.elementor-widget-form select.elementor-field {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* Focus state */
.elementor-widget-form .elementor-field-group input:focus,
.elementor-widget-form .elementor-field-group textarea:focus,
.elementor-widget-form .elementor-field-group select:focus,
.elementor-widget-form input.elementor-field:focus,
.elementor-widget-form textarea.elementor-field:focus,
.elementor-widget-form select.elementor-field:focus {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    caret-color: #111111 !important;
    background-color: #ffffff !important;
}

/* Placeholder text */
.elementor-widget-form .elementor-field-group input::placeholder,
.elementor-widget-form .elementor-field-group textarea::placeholder,
.elementor-widget-form input.elementor-field::placeholder,
.elementor-widget-form textarea.elementor-field::placeholder {
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
    opacity: 1 !important;
}

/* Labels above fields */
.elementor-widget-form .elementor-field-label {
    color: #ffffff !important;
}

/* Autofill fix */
.elementor-widget-form input:-webkit-autofill,
.elementor-widget-form input:-webkit-autofill:hover,
.elementor-widget-form input:-webkit-autofill:focus,
.elementor-widget-form textarea:-webkit-autofill {
    -webkit-text-fill-color: #111111 !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.product_meta {
    display: none !important;
}