/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* BuddyBoss forces 3 columns when shop sidebar is active.
   Override to keep 4 columns on large screens. */
@media (min-width: 1200px) {
  .woo-sidebar .content-area ul.products li.product {
    width: 23% !important;
    max-width: 23% !important;
    margin: 0 1% 2% !important;
  }
}




@media (min-width: 1200px) {
  .cd-shop-wrap{
    display:flex;
    gap:30px;
    align-items:flex-start;
  }

  .cd-shop-sidebar{
    flex:0 0 300px; /* your sidebar width */
  }

  .cd-shop-main{
    flex:1 1 auto;
    min-width:0;
  }

  /* Keep 4-wide in the main column */
  .cd-shop-main ul.products li.product{
    width:23% !important;
    max-width:23% !important;
    margin:0 1% 2% !important;
  }
}





/* Hide BuddyBoss menu icon placeholders when empty */
/* BuddyBoss mobile panel: hide the default "file" icon on menu items */
.bb-mobile-panel-inner .side-panel-menu .menu-item > a > i.bb-icon-file {
  display: none !important;
}

/* remove the left gap caused by the icon spacing rules */
.bb-mobile-panel-inner .side-panel-menu .menu-item > a {
  padding-left: 0 !important;
}
.bb-mobile-panel-inner .side-panel-menu .menu-item > a > .link-text {
  margin-left: 0 !important;
}



/* Hide WooCommerce Shop page title */
.woocommerce-shop .woocommerce-products-header__title,
.woocommerce-shop h1.page-title {
  display: none !important;
}




/* Reserve consistent rating row height in product cards */
.woocommerce ul.products li.product .star-rating {
  min-height: 1em;           /* consistent row height */
  margin: .35em 0 .6em;      /* similar spacing to Woo defaults */
}

/* Optional: make sure empty rating doesn't show weird artifacts */
.woocommerce ul.products li.product .star-rating--empty::before,
.woocommerce ul.products li.product .star-rating--empty span::before {
  opacity: 0;
}

/* Center star ratings in product cards (desktop / tablet / mobile) */
.woocommerce ul.products li.product .star-rating {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  float: none;               /* Woo sometimes floats it */
  display: block;
}



/*hide sign in hardcoded buddyboss beside mini-cart*/
.bb-header-buttons .signin-button {
    display: none !important;
}


/* My Account: My Points - force BuddyBoss icon font + set a glyph */
.woocommerce-MyAccount-navigation
li.woocommerce-MyAccount-navigation-link--my-points > a:before{
  font-family: bb-icons !important;   /* or whatever BuddyBoss uses */
  content: "\e9f2" !important;        /* pick an icon code */
  background: none !important;
}



/*Disable Image Click on WooCommerce Products*/
/*SOURCE: https://totalwptheme.com/docs/snippets/disable-lightbox-woocommerce-products/*/
.woocommerce-product-gallery__image {
    pointer-events: none;
}