/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

.info-icon {
    display: inline-block;
    margin-left: 5px;
}

.tooltip-text {
    visibility: hidden;
    background-color: #12130f;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    opacity: 0;
    transition: opacity 0.3s;
}

.info-icon:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

body:not(.bricks-is-frontend) .woofc-count{
    display: none !important;
}

#brxe-bfaxvt .bricks-pagination ul .page-numbers{
	color: #f1861e!important;
    border: 1px solid #f1861e!important;
	background:transparent!important;
}

#brxe-bfaxvt .bricks-pagination ul .page-numbers.current{
	background:#f1861e!important;
	color:#fff!important;
}

.brxe-idbklh a.button:before{
	content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}



/* css to make product cards clickable */
/* Apply this code to the parent container of the card. */
.parent-card-clickable{
  position: relative; /* Establish a reference point for absolute positioning of the link. */
}

/* Expand the clickable area of the heading link to cover the entire card. */
.card-clickable h3 a::before { /* change this based upon your clickable elements HTML definition */
  content: ' '; /* Adds a pseudo-element to cover the container. */
  inset: 0; /* Stretch the pseudo-element across the entire card. */
  position: absolute; /* Position it absolutely within the parent container. */
  z-index: 1; /* Ensure it is on top of other elements, so the entire card is clickable. */
}

/* Provide a focus outline when a user interacts with the card using the keyboard. */

/* Remove conflicting focus styles from individual elements inside the card. */
.card-clickable:focus-within :focus {
  box-shadow: none; /* Remove extra focus indicators like shadows */
  outline: none; /* Disable browser's default outline on links */
}


/* .brxe-idbklh .woocommerce-product-gallery .flex-control-thumbs{
	z-index:3!important;
} */