/*
Theme Name: Econis Child
Theme URI: http://www.wpbingosite.com/econis
Author: wpbingo
Description: This is a child theme for Econis
Version: 1.0
Author URI: http://wpbingosite.com
Template: econis
Text Domain: econis-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.c-d-flex {
    display: flex;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #fff;
    color: #333;
    font-family: 'inter', sans-serif;
}


.pac-container {
    z-index: 999999 !important;
}



button.address-button.disabled , button.account-edit-button.disabled {
    opacity: .5;
    cursor: not-allowed;
}

#email-notes {
    display: none !important;
}

.comment-notes .required-field-message {
    display: none !important;
}


.woocommerce-Price-currencySymbol, .wc-currency-symbol {
    font-family: 'icomoon' !important;
    font-size: 73%;
}

.content-filter-price .price-input{
        font-family: 'icomoon' !important;
}
.content-filter-price .price-input span{
        font-family: 'inter', sans-serif !important;
}

span.wc-currency-symbol {
    font-family: 'icomoon' !important;
}

a.added_to_cart.wc-forward {
    display: none !important;
}


.woocommerce-table--order-details small.shipped_via ,.password-wrapper .woocommerce-password-hint {
    display: none !important;
}


body.no-scroll {
    overflow: hidden !important;
    touch-action: none;
    padding-right: var(--scrollbar-width);
}
#wac-status {
    color: green;
}
#wac-status.message.red {
    color: red;
}

.wishlist-no-products .woocommerce-no-products-found{
    margin-top: 0 !important;
}

.woocommerce-no-products-found{
    text-align: center;
    padding: 60px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    /* margin: 0px 0 0px; */
}

.custom-no-products{
     margin: 0px 0 33px;  
}
.wishlist-no-products .no-products-inner h2 {
    color: #333; 
}


/* If the cart is NOT empty, WooCommerce should hide this block */
/* We target the hidden attribute which is what the Block Cart toggles via AJAX */
.wp-block-woocommerce-cart .custom-no-products[hidden],
.wp-block-woocommerce-cart .custom-no-products.hidden {
    display: none !important;
}

/* Fallback: If there are cart items present in the DOM, hide the empty state */
.wp-block-woocommerce-cart-items-block + .custom-no-products {
    display: none;
}

/* Ensure it shows up when it should */
.wp-block-woocommerce-cart .custom-no-products:not([hidden]) {
    display: block;
    text-align: center;
}

.add_to_cart_button.loading {
    pointer-events: none;
    opacity: .5;
    cursor: not-allowed;
} 

/**
 * Filter price
 */

 

 @media screen and (min-width: 1000px) {
 .custom-no-products{
     margin: 0px 0 40px;  
}
 }


 /*comment*/

 
.whatsapp-fixed-btn {
	position: fixed;
	bottom: 30px;
	left: 30px;
	background-color: #25d366;
	color: #fff !important;
	padding: 12px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none !important;
	z-index: 99999;
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	transition: 0.3s;
}
.whatsapp-fixed-btn:hover { transform: translateY(-5px); background-color: #1ebe57; }
@media (max-width: 600px) { .wa-text { display: none; } .whatsapp-fixed-btn { padding: 15px; } }



// Akash 

.empty-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  padding: 2.5rem 1rem;
}

.empty-card {
//  background: linear-gradient(160deg, #f0f7ec 0%, #e8f5e2 50%, #f5fbf0 100%);
 // border: 1px solid #c6e2b5;
 // border-radius: 24px;
  padding: 3rem 3.5rem;
  text-align: center;
 // max-width: 480px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* Decorative blobs 
.empty-card::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, #b8dfa0 0%, transparent 70%);
  opacity: 0.5;
}

.empty-card::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: -40px;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, #d4eec4 0%, transparent 70%);
  opacity: 0.6;
}
*/
/* Icon */
.icon-wrap {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5rem;
  animation: float 3.5s ease-in-out infinite;
}

.icon-bg {
  width: 88px;
  height: 88px;
  background: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 24px rgba(60, 120, 40, 0.15), 0 1px 4px rgba(60, 120, 40, 0.1);
  font-size: 42px;
  line-height: 1;
}

.badge {
  position: absolute;
  top: -4px;
  right: -8px;
  width: 28px;
  height: 28px;
  background: #2d6a20;
  border-radius: 50%;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge svg {
  width: 14px;
  height: 14px;
}

/* Typography */
.empty-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 26px;
  font-weight: 700;
  color: #1a3d10;
  letter-spacing: -0.3px;
  margin-bottom: 0.6rem;
  position: relative;
  z-index: 1;
}

.empty-title em {
  font-style: italic;
  color: #3d7a28;
}

.empty-sub {
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  color: #5a7e4a;
  line-height: 1.6;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}

/* Animated dots */
.dot-row {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 2rem;
}

.dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #b2d4a0;
  animation: pulse-dot 2s ease-in-out infinite;
}

.dot:nth-child(2) { animation-delay: 0.3s; }
.dot:nth-child(3) { animation-delay: 0.6s; }

/* Buttons */
.btn-row {
  display: flex;
  gap: 10px;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.btn-primary {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background: #2d6a20;
  border: none;
  border-radius: 50px;
  padding: 12px 28px;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: background 0.18s, transform 0.15s;
}

.btn-primary:hover {
  background: #1f4d15;
  transform: translateY(-1px);
}

.btn-secondary {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3d7a28;
  background: transparent;
  border: 1.5px solid #8cc476;
  border-radius: 50px;
  padding: 12px 28px;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: background 0.18s, transform 0.15s;
}

.btn-secondary:hover {
  background: rgba(140, 196, 118, 0.15);
  transform: translateY(-1px);
}
/* Responsive tag row */
.tag-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 1.5rem;
  position: relative;
  z-index: 1;
}

.tag {
  font-family: 'DM Sans', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #3d7a28;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #c6e2b5;
  border-radius: 20px;
  padding: 4px 12px;
  letter-spacing: 0.2px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, border-color 0.15s;
}

.tag:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: #8cc476;
}

/* Tablet */
@media (max-width: 768px) {
  .tag-row {
    gap: 6px;
    margin-top: 1.25rem;
  }

  .tag {
    font-size: 10.5px;
    padding: 4px 10px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .tag-row {
    gap: 6px;
    margin-top: 1rem;
  }

  .tag {
    font-size: 10px;
    padding: 3px 10px;
  }
}

/* Very small screens — stack into 2 per row */
@media (max-width: 320px) {
  .tag-row {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 6px;
  }

  .tag {
    text-align: center;
  }
}
/* Animations */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-8px); }
}

@keyframes pulse-dot {
  0%, 100% { opacity: 0.35; transform: scale(1); }
  50%       { opacity: 1;    transform: scale(1.3); }
}