/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Add your custom CSS below this line */



/* Performance Optimization: Move all carousel styles to CSS to prevent forced reflows */

/* Override Blocksy grid for carousel - applied before Slick initializes */
.kawaii-products-slider ul.products {
  display: block !important;
  grid-template-columns: none !important;
  width: 100% !important;
}

/* Slick list negative margin for slide spacing */
.kawaii-products-slider .slick-list {
  margin: 0 -14px !important;
}

/* Make Slick track flex so all slides stretch to tallest */
.kawaii-products-slider .slick-track {
  display: flex !important;
}

/* Slide spacing and sizing */
.kawaii-products-slider .slick-slide {
  margin: 0 14px !important;
  box-sizing: border-box !important;
  height: auto !important;
}

/* Ensure the product card itself can stretch */
.kawaii-products-slider li.product {
  height: 100%;
}

.kawaii-products-slider .slick-next{
  top: -30px;
  background-color: #000000;
  right: 0px;
  border-radius: 5px !important;
}


.kawaii-products-slider .slick-prev{
    top: -30px;
    background-color: #000000;
    right: 50px;
    left: auto;
    border-radius: 5px !important;

}

/* Hide default Slick arrow content since we're using custom SVG */
.kawaii-products-slider .slick-prev::before,
.kawaii-products-slider .slick-next::before {
  display: none;
}

/* Style the custom arrow buttons */
.kawaii-products-slider .custom-arrow {
  /* align-items: center; */
  /* justify-content: center; */
  width: 40px;
  height: 40px;
  border: none;
  background: #fff;
  cursor: pointer;
  padding: 0;
  border-radius: 5px !important;
}

/* Style the SVG icons */
.kawaii-products-slider .custom-arrow svg {
  width: 12px;
  height: 18px;
  color: #000000;
}

/*under section css*/

@media (min-width: 768px) {
.linkthebtn {
    padding: 0px 10px 0px 25px !important;
}
}

/*bacground clr of sold out*/
span.out-of-stock-badge {
    background-color: #FF91C1;
}
/*bacground clr of sold out ends*/

/* phone menu css mobile & table*/
@media (max-width: 767px) {
  .ct-panel .ct-menu-link,
  .ct-offcanvas .ct-menu-link,
  nav .ct-menu-link,
  nav .menu a,
  .mobile-menu a,
  .offcanvas-menu a,
  .menu-toggle + .menu a,
  a.ct-menu-link,
  a.menu-item a,
  nav#site-navigation a {
    color: #a67a92 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    transition: color .15s ease !important;
  }


  .ct-panel-inner,
  .ct-offcanvas,
  .ct-offcanvas .ct-panel-inner,
  .ct-offcanvas__wrap,
  .mobile-nav,
  .mobile-menu-wrap {
    background-color: #fff8fc !important;
  }

  
}

@media (min-width: 768px) and (max-width: 1024px) {
  .ct-panel .ct-menu-link,
  .ct-offcanvas .ct-menu-link,
  nav .ct-menu-link,
  .mobile-menu a {
    color: #a67a92 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
  }

  .ct-panel .ct-menu-link:hover,
  .ct-offcanvas .ct-menu-link:hover,
  .current-menu-item > .ct-menu-link,
  a.ct-menu-link[aria-current="page"] {
    color: #FF91C1 !important;
  }

  .ct-panel-inner,
  .ct-offcanvas {
    background-color: #fff8fc !important;
  }
.ct-icon, .ct-icon-container {
    fill: #000 !important;
}
}

.ct-toggle-close .ct-icon path {
    fill: #ff91c1 !important;  
}
/*phone menu css end */

/* btn spcing*/
@media (max-width: 768px)
 {
.kawaii-products-slider .slick-prev ,.kawaii-products-slider .slick-next {
 top: -44px;
}
.wp-block-buttons>.wp-block-button {
    display: flex;
    margin-right: 11rem;
}
a.wp-block-button__link.wp-element-button {
    padding: 10px;
}
}
/* btn spcing end*/

/*whishlist page */
@media (max-width: 768px)
{
.wp-block-group.is-horizontal.is-content-justification-center.is-layout-flex.wp-container-core-group-is-layout-6268a522.wp-block-group-is-layout-flex {
    padding: 0px !important;
}
a.wp-block-button__link.wp-element-button {
    font-size: 14px;
}

.product-name h3 {
    font-size: 14px !important;
}

td.value {
    text-align: left !important;
}

td.label {
    text-align: right !important;
}
}
@media (max-width: 767px) {

  /* Wishlist item: flex layout */
  .wishlist_table li {
    display: flex;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    position: relative;
    align-items: flex-start;
  }

  /* Product image bigger */
  .wishlist_table .product-thumbnail img {
    width: 120px;
    height: auto;
  }

  /* Item details: vertical layout */
  .wishlist_table .item-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  /* Heading */
  .wishlist_table .item-details .product-title {
    margin: 0;
    font-weight: 600;
  }

  /* Price + stock + add-to-cart row */
  .wishlist_table .item-details .price,
  .wishlist_table .item-details .product-add-to-cart,
  .wishlist_table .item-details .additional-info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  /* Wishlist remove button */
  .wishlist_table .product-remove {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
  }

  .wishlist_table .product-remove a {
    font-size: 16px;
    color: #999;
  }

}


@media (max-width: 767px) {
  /* Show remove button on mobile */
  .wishlist_table .product-remove {
    display: block !important;
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 10; /* make sure it’s above other elements */
  }

  .wishlist_table .product-remove a {
    font-size: 16px;
    color: #999;
  }
}

/*whishlist page ends */