/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */
 /* Hide product sorting drop-down menu */

 /* Copied from plugin Simple Custom CSS and JS -> SFC-CSS	-- MP 2025/10/28 */
 .archive.woocommerce-page select.orderby {
    display: none;
}

/* Change white spacing */
.woocommerce .woocommerce-products-header {
    padding-bottom: 1px; 
}
.woocommerce .woocommerce-products-header__title {
    margin-bottom: 1px; 
}
.woocommerce .storefront-breadcrumb {
    margin-bottom: 1px; 
}
.woocommerce .storefront-sorting {
    margin-bottom: 1px; 
}
.woocommerce .product_title  {
    margin-bottom: 1px; 
}

/* .woocommerce .woocommerce-product-details  { */
.single-product div.product form.cart  {
    padding: 1px; 
}

/* Hide the "showing all results" product count */
.woocommerce-result-count {
    display: none;
}

/* Hide price range on product page 
.single-product div.product .price {
  display: none;
}
*/

/***==== Custom tooltips ====***/
/* Copied from plugin Simple Custom CSS and JS -> Tooltip CSS	-- MP 2025/10/28 */

/* Tooltip for addon names in product add-ons */
.wc-pao-addon-name {
  color:#666;  
  font-size:1.2em;
  font-style:normal;
  height:16px;
  line-height:16px;
  position: relative; 
  vertical-align:middle;
  display: inline-block;
  padding-right:30px;
  /* width:16px; */
} 


.wc-pao-addon-name::after {
  font-family:Dashicons;
  speak:never;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  margin:20;
  text-indent:0;
  position:absolute;
  /* top:0; */
  /* left:0; */
  text-align:center;
  content:"\f223";
  cursor:help;
  /* width: 2.0ex;
  height: 2.0ex;  
  border-radius: 1ex;
  color: white;
  outline:none;
  background: grey;
  border: thin solid blue; */
 } 

/* Tooltip text */
.wc-pao-addon-name .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  left: 105%; /* Determines where the tip appears horizontal relative to the icon */
  top: -5px; /* Determines where the tip appears vertical relative to the icon */
  z-index: 1;
}
.wc-pao-addon-name .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}


/* Show the tooltip text when you mouse over the tooltip container */
.wc-pao-addon-name:hover .tooltiptext {
  visibility: visible;
}
 
/***==== End Custom tooltips ====***/