@tailwind base;
@tailwind components;
@tailwind utilities;
@import './icomoon/style.css';

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  color: black;
  background-color: #c6c6c6 !important;
  padding: 10px !important;
}



p.cart-empty.woocommerce-info{
  background-color: #ebebeb !important;
  color: #000000;
  padding: 10px;
}

.woocommerce-message{
  background-color: #ebebeb !important;
  color: #000000;
  padding: 10px;
}

.cart-empty .woocommerce-info{
  background-color: #ebebeb !important;
  color: #000000;
  padding: 10px;
}

.woocommerce-info{
  background-color: #ebebeb !important;
  color: #000000;
  padding: 10px;
}


.woocommerce-error {
    background-color: #e2401c;
    padding: 8px;
    color: white;
    border: none;
}


.user-icon {
  position: relative; /* ensures absolute child is positioned properly */
  z-index: 20 !important; /* lower than popup */
}

.login-popup {
  z-index: 9999 !important; /* make sure it's on top */
}



.product-item.style-marketplace {
  display: block !important;
}

.product-item.style-marketplace:hover .popup-add-to-cart-ajax {
  display: flex;
  transition-duration: 300ms;
  transform: translateX(0px);
}

.product-item.style-marketplace:hover .popup-add-to-cart-ajax:hover {
  background-color: #000;
  color: #fff;
}

.product-item.style-marketplace:hover .add-wishlist {
  display: flex;
  transition-duration: 300ms;
  transform: translateX(0px);
}

.product-item.style-marketplace:hover .add-wishlist:hover {
  background-color: #000;
  color: #fff;
}


  .widget_shopping_cart_content .cart_list.product_list_widget {
    max-height: 400px;   /* or any height you want */
    overflow-y: auto;
    padding-right: 5px; /* optional, for scrollbar spacing */
  }

  .custom_benner_title{
    font-size: 40px !important;
  }
  
  .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0px;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    padding: 14px;
    display: block;
    height: auto;
    margin: 0 0 -4px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 25%;
    right: 1px;
    width: 20px;
}

.woocommerce-additional-fields h3 {
    display: none;
}


/*for qr*/
	.orderr-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem; /* space between billing and qr sections */
}

/* Left column — billing */
.billing-address {
  flex: 1 1 55%; /* takes 55% of width */
  min-width: 280px; /* prevent collapsing */
}

/* Right column — QR */
.qr {
  flex: 1 1 40%; /* takes 40% of width */
  min-width: 250px;
  text-align: center;
}

.qr img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

/* Responsive (mobile-first) */
@media (max-width: 768px) {
  .orderr-container {
    flex-direction: column; /* stack vertically */
  }

  .billing-address,
  .qr {
    flex: 1 1 100%;
    width: 100%;
  }

  .qr {
    margin-top: 1rem;
  }
}
