/**
 * Theme Name:     Hello Biz Child
 * Author:         Elementor Team
 * Template:       hello-biz
 * Text Domain:	   hello-biz-child
 * Description:    Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
 */
.bb-logout-btn {
  display: inline-flex;
  align-items: center;
  background-color: #bd3131;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s;
}

.bb-logout-btn:hover {
  color: #fff !important;
  background-color: #bd3131 !important;
}

.bb-logout-btn i {
  margin-right: 8px;
  font-size: 16px;
}

.um span.um-req {
  color: red !important
}

.product-quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}


/* Style Logout link to match other menu items */

.woocommerce-MyAccount-navigation {
  position: sticky;
  top: 20%;
  background: #fff;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  z-index: 99;
}

@media (max-width: 768px) {
  .woocommerce-MyAccount-navigation {
    position: sticky;
    top: 15%;
  }
	  .wlfmc_wishlist_bulk_action {
        flex-direction: row !important;
    }
}

@media (orientation: landscape) {
  .um-col-122 {
    float: none !important;
    width: 100% !important;
  }
}


/* ===================================
   Shop Page Responsive Layout
   =================================== */

/* Container */
.shop-container {
  display: flex;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Sidebar */
.shop-sidebar {
  flex: 0 0 250px;
  min-width: 250px;
  position: sticky;
  top: 170px;
  z-index: 99;
  max-height: max-content;
}

.shop-sidebar .widget {
  margin-bottom: 30px;
  padding: 3px 15px;
  border-radius: 10px;
  border: 1px solid #696262;
}

.shop-sidebar .widget h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 18px;
}

/* Main Content */
.content-area {
  flex: 1;
  min-width: 0;
  /* Important for flex items */
}

/* ===================================
 RESPONSIVE BREAKPOINTS
 =================================== */

/* Tablet (768px and below) */
@media (max-width: 768px) {
  .shop-container {
    flex-direction: column;
    gap: 20px;
    padding: 15px;
  }

  .widget {
    display: none !important;
  }

  .content-area {
    order: 1;
    /* Products appear first */
  }

}

/* Mobile (480px and below) */
@media (max-width: 480px) {

  /* Force WooCommerce products to stack vertically */
  .woocommerce ul.products,
  .woocommerce ul.products.columns-3,
  .woocommerce ul.products.columns-4,
  .woocommerce ul.products.columns-5 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Product item force full width */
  .woocommerce ul.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Optional: reduce padding */
  .shop-container {
    padding: 10px;
    gap: 15px;
  }

}

@media (max-width: 430px) {
  .wlfmc-wishlist-table .wishlist-items-wrapper:not(.wishlist-empty)>tr:not(.wlfmc-row-meta-data) {
    max-width: 90% !important;
  }
}

/* Desktop - Optional sidebar toggle button */
@media (min-width: 769px) {
  .sidebar-toggle {
    display: none;
    /* Hide toggle on desktop */
  }
}

.woocommerce ul.products li.product a img {
  margin: unset !important;
}

.bb-product-image-wrapper {
  position: relative;
  overflow: hidden;
  background-color: #f8e8ce;
  border-radius: 12px;
}

.bb-product-image img {
  transition: transform .4s ease;
  border-radius: 12px;
}

.bb-product-card:hover .bb-product-image img {
  transform: scale(1.12);
}

.bb-hover-icons {
  position: absolute;
  top: 20px;
  right: -60px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  transition: all .4s ease;
}

.bb-icon,
a.bb-icon {
  background-color: white;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

/* a.bb-icon{width: 29px;}   */

.bb-product-card:hover .bb-hover-icons {
  right: 20px;
  opacity: 1;
}


.bb-price-on-request {
  position: absolute;
  bottom: -40px;
  left: 44%;
  transform: translateX(-44%);
  background: #fff;
  border-radius: 20px;
  font-weight: 500;
  opacity: 0;
  transition: all .4s ease;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.bb-price-on-request>a {
  font-size: 14px !important;
  color: black;
  background-color: white;
  padding: 4px 14px !important;
  border: none;
  border-radius: 25px;
  text-decoration: none;
  display: block;
  text-align: center;
  font-weight: 500;
  width: 100%;
}

.bb-product-card:hover .bb-price-on-request {
  bottom: 10px;
  opacity: 1;
}

h2.bb-title,
h2.bb-title>a {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin: 4px 0;
}

.price_label {
  color: #9f7f63;
  font-weight: 700;
  font-size: 18px;
}

.static-tag {
  color: #000000;
  font-size: 14px;
  margin-top: 12px;
}

.bb-fixed-logo {
  position: absolute;
  top: 10px;
  /* spacing from top */
  left: 10px;
  /* spacing from left */
  z-index: 20;
}

.bb-fixed-logo img {
  width: 40px;
  /* adjust logo size */
  opacity: 0.9;
  /* optional */
  display: block;
}

.woocommerce nav.woocommerce-pagination {
  text-align: right;
}


.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2% 2.0em 0 !important;
}

/* Floating WhatsApp Button */
.whatsapp-float {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 30px;
  right: 30px;
  background-color: #29a71a;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  z-index: 9999;
  box-shadow: 2px 2px 5px rgb(0 0 0 / .3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s;
}

.whatsapp-float img {
  width: 35px;
  height: 35px;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

@media (max-width: 430px) {
  .wlfmc-wishlist-table .wishlist-items-wrapper:not(.wishlist-empty)>tr:not(.wlfmc-row-meta-data) {
    max-width: 90% !important;
  }
}

@media (max-width: 767px) {
  table.shop_table_responsive tr td.product-thumbnail {
    display: table-cell !important;
  }

  table.shop_table_responsive tr td.product-thumbnail:before {
    display: none;
  }
}


/* === RELATED PRODUCTS LAYOUT (CLEAN) ======================== */

/* Desktop / default: row of cards */
ul.products.bb-related-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 24px;
  justify-content: center;
}

/* Card base */
ul.products.bb-related-row li.bb-product-card {
  flex: 1 0 0;
  max-width: 260px;
  margin: 0 !important;
}

/* Fix Elementor flex wrapper clipping related products on single product page */
@media (max-width: 767px) {

  /* 1) Globally inside this single-product Elementor template */
  .single-product .elementor-321 .e-con-inner {
    height: auto !important;
  }

  /* 2) Specifically the container that wraps the shortcode (ID 2bd62ca) */
  .single-product .elementor-element.elementor-element-2bd62ca,
  .single-product .elementor-element.elementor-element-2bd62ca>.e-con-inner {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
    display: block !important;
    /* break the flex-inner behaviour */
  }

  /* 3) Small gap above the footer so the last product clears */
  .single-product ul.products.bb-related-row {
    margin-bottom: 40px !important;
    padding-bottom: 40px !important;
  }

  ul.products.bb-related-row {
    grid-template-columns: none !important;
  }
}

@media (max-width:786px) {
  ul.products.bb-related-row {
    grid-template-columns: none !important;

  }
	.woocommerce .woocommerce-ordering{width: 100%;}
}

.checkout_coupon {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.coupon-error-notice {
  margin-top: 10px;
  color: red;
}
/* Position text */
#Preloved .e-n-menu-title-text {
    position: relative;
    display: inline-block;
}

/* Custom short underline */
#Preloved .e-n-menu-title-text::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background: #9f7f63;
    transform: translateX(-50%);
}
/* NEW menu item – safe target */
#new-lable .e-n-menu-title-text {
    position: relative;
    cursor: default;
    opacity: 0.75;
}

/* Tooltip */
#new-lable .e-n-menu-title-text::after {
    content: "Coming Soon";
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(206, 205, 205, 0.93);
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    padding: 15px 12px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
    z-index: 999999;
}

/* Show on hover */
#new-lable:hover .e-n-menu-title-text::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Fix WooCommerce orderby dropdown caret alignment */
.woocommerce .orderby {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='10' viewBox='0 0 24 24' width='10' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 7px center;
    background-size: 25px;
    padding-right: 36px;
    line-height: 1.4;
    height: 44px;
}
#toast-container>div {
    border-radius: 8px !important;
	padding: 11px 15px 15px 50px;
}

.toast-error {
    background-color: #dc3545 !important;
}
.toast-success {
    background-color: #198754 !important;
}
.toast-top-left {
    right: 89px;
    bottom: 23px;
    top: unset;
    left: unset;
}