/*
 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
*/

/*Custom code after this line*/

/********************************************************************************************/
/*WooCommerce buttons */
/********************************************************************************************/
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
    transition: .3s!important;
}


/********************************************************************************************
 * Hide tick from Bricks Ultimate Buttons
 ********************************************************************************************/
.brxe-product-add-to-cart:not(.hide-tick-icon) a.button.added:after {
display: none!important;
}

/********************************************************************************************
 * Scrollbar Customization
 ********************************************************************************************/

/* Width of the scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

/* Background track of the scrollbar */
::-webkit-scrollbar-track {
  background: #fff; /* White background for the track */
}

/* Scrollbar handle (thumb) */
::-webkit-scrollbar-thumb {
  background: var(--primary); /* Use the primary color */
}

/* Scrollbar handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary); /* Maintain the same color or change for hover */
}

/********************************************************************************************
 * Nestable Slider
 ********************************************************************************************/
.brxe-slider-nested .splide__list {
  display: flex;
  flex-direction: row;
}

.splide__list {
  opacity: 0;
  transition: opacity 0.2s;
}

.splide.is-initialized .splide__list {
  opacity: 1;
}


/********************************************************************************************
 * Offcanvas Nestable
 ********************************************************************************************/
.brx-offcanvas-inner {
  transition: transform .6s cubic-bezier(0.77, 0.02, 0.19, 1.05) !important;
}

/* Set a custom white "X" cursor for the backdrop */
.backdrop {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6L6 18'%3E%3C/path%3E%3Cpath d='M6 6L18 18'%3E%3C/path%3E%3C/svg%3E"), auto;
}