.preview-image-container {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.remove-image-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #ccc;
  border: none;
  color: #ff0000;
  cursor: pointer;
  padding: 0;
  font-size: 16px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.remove-image-btn:hover {
  background-color: #ccc;
}

.cs-update-modal-body {
  padding: 0px !important;
  background-color: #000000;
}

.cs-update-modal-header {
  background-color: #101010;
}

.woocommerce .col2-set .col-1 {
  max-width: 48%;
}

.woocommerce-checkout-review-order {
  background-color: aliceblue;
}

.woocommerce .form-row {
  display: block !important;
}

.woocommerce .woocommerce-info,
.woocommerce table.shop_table,
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce .woocommerce-checkout-payment 
.form-row.place-order,.woocommerce .wc-stripe-elements-field, .woocommerce .wc-stripe-iban-element-field {
  background: #101010;
}

.woocommerce table.shop_table {
  border-radius: 0;
  margin: 0 -1px 1px 0;
}

.woocommerce .woocommerce-checkout-payment ul.wc_payment_methods li.payment_method_stripe label {
  color: #c0c085;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #22262a;
}

.woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid #22262a;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}
.woocommerce .wc-stripe-elements-field, .woocommerce .wc-stripe-iban-element-field{
  border: 1px solid #101010;
}

.woocommerce-checkout form input[type="text"]{ 
  color: red; 
} 

.woocommerce #payment #place_order{
  background: #ffd700;
  color: #000000;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button{
  background: #ffd700;
}

.woocommerce-info::before {
  color: #ffd700;
}

.woocommerce-info{
  border-top-color: #ffd700;
}

/* .ElementsApp,.ElementsApp .InputElement {
  color: red !important;

}

.ElementsApp .InputElement::-webkit-input-placeholder {
  opacity: 1;
  color: #ffd700;
}

.ElementsApp .InputElement::-moz-placeholder {
  opacity: 1;
  color: #ffd700;
}

.ElementsApp .InputElement:-ms-input-placeholder {
  opacity: 1;
  color: #ffd700;
}

.ElementsApp .InputElement::placeholder {
  opacity: 1;
  color: #ffd700;
} */
.woocommerce table.shop_table td{
  background: #000;
}

th.woocommerce-table__product-table.product-total,th.woocommerce-table__product-name.product-name {
  border-bottom: 1px solid #ffd700;
}
tr.order-total th {
  background: #000;
}
.cart-subtotal th {
  background: #000;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
  background: #000;
}

.woocommerce-order-details .order-again{
  display: none;
}

/* .ElementsApp, .ElementsApp .InputElement {
  color: #ffff;
  font-size: 15px;
}
.StripeElement--invalid{
  color: #ffd700;
} */

.fa-comment {
  color: #007bff; /* Change to your desired color */
  margin-right: 10px; /* Space between the icon and post content */
  font-size: 1.5em; /* Adjust size */
}

.fa-comment:hover {
  color: #0056b3; /* Change color on hover */
}

.search-container {
  position: relative;
  margin-bottom: 15px;
  position: relative;
  display: flex;
}
.search-container input {
  padding-right: 50px;
}

.filter-button{
  background: none;
  border: none;
  position: absolute;
  right: 13px;
  top:30px;
  color: rgb(255, 215, 0);
}


.filter-button i {
  font-size: 1.5em;
  color: rgb(255, 215, 0);
}
/* Modal form styling */
.modal-body {
  padding: 20px;
}
.modal-header {
  background-color: #f8f9fa;
}
.modal-header .modal-title {
  color: #333;
}
.form-group label {
  font-weight: normal;
  margin-right: 15px;
}

.text-fields {
  background: #22262a;
  color: #ffffff;
}

.box-popup {
  background: black;
  border: 1px solid darkgray;
}

/* Filter modal adjustments */
.filter-modal-content {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  padding: 15px;
  border-radius: 5px;
}

#searchButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* form#user-assoc-store-form .form-group span{
    width: auto;
    display: block;
} */

#user-assoc-store-form span.select2 {
  width: 100% !important;
}
#user-assoc-store-form span.select2 span.selection{
  width: 100% !important;
}
/* .profile-page #user-assoc-store-form .form-group span{
  width:auto;
} */
.profile-page #user-assoc-store-form .form-group span {
  width: auto;
  display: block;
}
/* .honey .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: -8px;
} */

#user-assoc-store-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  margin-left: -16px;
  margin-top: 10px;
}
.profile-page #user-assoc-store-form .form-group span {
  width: auto;
  display: block;
}
.profile-page #user-assoc-store-form .form-group span.select2-selection__rendered{
  width: auto;
  display: block;
  line-height: 50px;
  color: #fff;
  border-radius: 4px;
  padding-left: 12px;
}
.profile-page #user-assoc-store-form .form-group span.select2-selection{
  line-height: 50px;
  height: 50px;
  background: #22262a;
  border: 0px;
}
#user-assoc-store-form .select2-container--default .select2-results__option {
  background: #22262a;
}

.comments-list .btn{
  font-size: 12px;
}

/* Styling for the switcher button */
#store-switcher-btn {
  position: absolute;
  right: 4px;
  bottom: 85%;
  background: #ffd700;
  padding: 6px 17px;
  border-radius: 8px 0 0 15px;
  color: black;
  font: menu;
  cursor: pointer;
  transition: right 0.5s ease-in-out;
}

/* Show when needed */
.switcher-visible {
  right: 10px; /* Slide in */
}


/* Popup Styling */
/* #store-switcher-popup {
  position: fixed;
  right: -300px;
  top: 50%;
  transform: translateY(-50%);
  background: #222;
  color: #fff;
  padding: 20px;
  border-radius: 10px 0 0 10px;
  width: 250px;
  transition: right 0.5s ease-in-out;
} */

/* Active Store Highlight */
/* .active-store {
  font-weight: bold;
  color: #0f0;
} */

/* Green dot indicator */
/* .green-dot {
  width: 10px;
  height: 10px;
  background: green;
  display: inline-block;
  border-radius: 50%;
  margin-left: 5px;
} */

/* Show Popup */
/* .popup-visible {
  right: 10px;
} */

.active-store {
  background: #e8ffe8 !important;
  border-left: 5px solid #28a745;
  border-radius: 5px;
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
}