/*-- Wishlist page --*/

/* wishlist order contents */
#wishlists-wrapper .tinv-wishlist.woocommerce.tinv-wishlist-clear {
  display: flex;
  flex-direction: column;
}

#wishlists-wrapper .tinv-wishlist .social-buttons {
  display: flex;
  justify-content: end;
  align-items: center;
  order: 4;
}


.tinv-header h2 {
  margin-top: 0;
}

.tinvwl-table-manage-list {
  font-size: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.186), 1.13rem);
	font-weight: 500;
}

table.tinvwl-table-manage-list thead th {
  background-color: #f1c040;
}

table.tinvwl-table-manage-list tbody tr:nth-child(n) td {
	background-color: rgba(0, 51, 102, 0.15);
}

table.tinvwl-table-manage-list tbody tr:nth-child(2n) td {
	background-color: rgba(0,0,0,0.075);
}

table.tinvwl-table-manage-list thead th, table tbody tr.wishlist_item td {
	border: solid 1px #fff;
}

@media (min-width: 769px) {
	table.tinvwl-table-manage-list {
		border-collapse: separate;
		border-spacing: 0;
	}
	
	table.tinvwl-table-manage-list thead th, table tbody tr.wishlist_item td {
		border-style: none solid solid none;
		padding: 0.5rem;
	}	
	
	table.tinvwl-table-manage-list thead tr:first-child th:first-child { border-top-left-radius: 0.5rem; }
	table.tinvwl-table-manage-list thead tr:first-child th:last-child { border-top-right-radius: 0.5rem; }
	table.tinvwl-table-manage-list thead tr:first-child th { border-top-style: solid; }
	table.tinvwl-table-manage-list thead tr th:first-child { border-left-style: solid; }
	
	table.tinvwl-table-manage-list tbody tr:last-child td:first-child { border-bottom-left-radius: 0.5rem; }
	table.tinvwl-table-manage-list tbody tr:last-child td:last-child { border-bottom-right-radius: 0.5rem; }
	table.tinvwl-table-manage-list tbody tr:first-child td { border-top-style: solid; }
	table.tinvwl-table-manage-list tbody tr td:first-child { border-left-style: solid; }
}

@media (max-width: 768px) {
	thead .product-name {
		border-radius: 0.5rem 0.5rem 0 0;
	}
	
	table.tinvwl-table-manage-list tbody tr:last-child td:last-child {
		border-radius: 0 0 0.5rem 0.5rem;
	}
	
	.tinv-wishlist table.tinvwl-table-manage-list tbody tr {
  display: block;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid #036;
  border-radius: 0.5rem;
  background-color: #fff;
}
	.tinvwl-to-right.look_in .button {
  padding: 0.5rem;
}
}

/* tbody elements */
.tinvwl-table-manage-list .product-cb {
  line-height: 1;
}

.tinv-wishlist table input[type="checkbox"] {
  background-color: #fff;
  appearance: none;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.5rem;
  border: 1px solid #036;
  position: relative;
}

.tinv-wishlist table input[type="checkbox"]:checked {
  background-color: #036;
}

.tinv-wishlist table input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 25%;
  left: 40%;
  width: 0.25rem;
  height: 0.75rem;
  border-bottom: 0.25rem solid #fff;
  border-right: 0.25rem solid #fff;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.tinv-wishlist tbody .product-remove button {
  border: 1px solid #036;
  padding: 0;
  font-size: 1.25rem;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #f1c040;
  color: #036;
  display: inline-block;
  border-radius: 0.5rem;
  box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.15);
}

.tinv-wishlist tbody .product-remove i.ftinvwl.ftinvwl-times {
  line-height: calc(2.25rem - 0.25rem);
}

tbody .product-name a:hover {
  color: #036;
}

@media (max-width: 768px) {
  tbody .product-name a {
    padding: 0.5rem;
    display: inline-block;
  }
  tbody .product-stock, tbody .product-action {
    padding: 1rem !important;
  }
  tbody .product-action .button {
	display: block;
	height: 2.5rem;
  }
}

tbody .product-price {
 white-space: nowrap;
  text-align: end;
}

tbody ins {
  text-decoration: none;
}

tbody .from-price {
  font-weight: 300;
}

tbody .woocommerce-Price-amount.amount {
  color: #036;
}

tbody .woocommerce-Price-currencySymbol {
  top: -.25rem;
  font-size: 0.75rem;
  position: relative;
}

tbody .product-date {
  text-align: center;
}

tbody .stock.in-stock {
  margin: 0 auto !important;
}

@media (max-width: 768px) {
  .tinv-wishlist table td {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }

  .tinv-wishlist table td::before {
    font-weight: 600;
    font-size: 1rem;
    color: #036;
  }

  /* Etichette specifiche per ogni colonna */
  .tinv-wishlist table .product-cb::before {
    content: "Seleziona:";
  }

  .tinv-wishlist table .product-remove::before {
    content: "Elimina:";
  }

  .tinv-wishlist table .product-price::before {
    content: "Prezzo:";
  }

  .tinv-wishlist table .product-date::before {
    content: "Aggiunto il:";
  }
  .tinv-wishlist table .input-checkbox  {
  margin-top: 1rem;
}
  .tinv-wishlist .product-remove button {
  margin-top: 0.5rem;
}
}

.tinv-wishlist .social-buttons {
  display: flex;
  justify-content: end;
}

@media (max-width: 768px) {
  .tinv-wishlist .social-buttons {
  display: block;
}
}

/* button */
tbody .wishlist_item button, tbody .wishlist_item .button-single-product-link, tbody .wp-element-button.product_type_variable, tfoot .button {
	display: inline-block;
  font-size: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.186), 1.13rem);
  font-weight: 500;
  font-family: var(--wp--preset--font-family--raleway);
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 0.25rem;
  background-color: #f1c040;
  cursor: pointer;
  transition: 0.5s;
  -webkit-box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.15);
  box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.15);
  text-decoration: none !important;
}

tbody .wishlist_item button:hover, tbody .wishlist_item .button-single-product-link:hover, tbody .wp-element-button.product_type_variable:hover, tfoot .button:hover {
  background-color: #036;
  color: #f1c040;
}

tfoot .button {
  height: 2.5rem;
}

select#tinvwl_product_actions {
  background-color: #f1c040;
  border: none;
  border-radius: 0.25rem;
  font-size: 1rem;
  height: 2.5rem;
  -webkit-box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.15);
  box-shadow: 4px 4px 9px 0px rgba(0,0,0,0.15);
}

/* pagination */
#wishlists-wrapper .tinv-lists-nav {
  font-size: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.186), 1.13rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#wishlists-wrapper .tinv-lists-nav > span:nth-child(2) {
  text-align: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 0.5rem;
  font-weight: 700;
  background-color: #035;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  color: #f1c040;
}

#wishlists-wrapper a.tinv-next, #wishlists-wrapper a.tinv-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  padding: 0.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  background-color: #f1c040;
  border-radius: 0.5rem;
  color: #036;
  text-decoration: none !important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#wishlists-wrapper .tinv-lists-nav > a.button.tinv-next i,
#wishlists-wrapper .tinv-lists-nav > a.button.tinv-prev i {
  margin: 0 0.25rem;
}

#wishlists-wrapper .tinv-lists-nav > a.button.tinv-next, #wishlists-wrapper .tinv-lists-nav > a.button.tinv-prev {
  max-width: 14.5rem;
  font-weight: 500;
  margin: 0 0.5rem !important;
}

#wishlists-wrapper .tinv-lists-nav > span:nth-child(1), #wishlists-wrapper .tinv-lists-nav > span:nth-child(3) {
  width: 14.5rem;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  margin: 0 0.5rem;
}

#wishlists-wrapper .tinv-next > span:nth-child(1), #wishlists-wrapper .tinv-prev > span:nth-child(2) {
  margin: 0 0.25rem;
}

#wishlists-wrapper a.tinv-next:hover, #wishlists-wrapper a.tinv-prev:hover {
  color: #f1c040;
  background-color: #036;
}

#wishlists-wrapper a.tinv-next:focus, #wishlists-wrapper a.tinv-prev:focus {
  color: #036;
  border-radius: 0.5rem;
}

/*-- actions controll sections - tfoot --*/
@media (max-width: 1024px) {
#wishlists-wrapper tfoot tr td {
  padding: 1rem 0;
}

#wishlists-wrapper tfoot tr td div.tinvwl-to-left.look_in {
  width: fit-content;
}
}

/*-- empty wishlist --*/
.tinv-wishlist .cart-empty {
  font-size: 1rem;
  font-weight: 500;
}

#wishlists-wrapper .cart-empty.woocommerce-info {
  margin: 0;
}

#wishlists-wrapper .return-to-shop::before {
  background-color: transparent;
  background-image: url(https://www.vsarredocasa.it/wp-content/uploads/2025/03/empty-wishlist-img.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 10rem;
  width: 10rem;
  margin: 0 auto 2rem;
}

#wishlists-wrapper .return-to-shop {
  margin-bottom: 3rem;
}

.tinv-wishlist .return-to-shop a {
  margin: 0 auto;
  font-size: 1.25rem;
  font-weight: 500;
  background-color: #f1c040;
  width: fit-content;
  display: block;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  text-decoration: none !important;
	color: #036;
	transition: 0.5s;
}

.tinv-wishlist .return-to-shop a:hover {
  background-color: #036;
  color: #f1c040;
}

/*-- separatore --*/
.wishlists-section-separator {
  max-width: 1200px;
}

/*-- up sell--*/
#custom-product-collection ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  max-width: 1200px;
}

/*#custom-product-collection ul {
  grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));
  gap: 1rem;
  justify-items: center;
  max-width: 1200px;
}*/

#custom-product-collection li {
  position: relative;
  border-radius: 1rem;
  background-color: #ebebeb;
  aspect-ratio: 1 / 1.6;
  max-width: calc(304px - 1rem);
}

#custom-product-collection .wc-block-components-product-image {
  background-color: #ebebeb;
  border-radius: 1rem;
  padding: 1rem;
}

#custom-product-collection .wc-block-components-product-image {
  border-radius: 1rem;
}

#custom-product-collection .wc-block-grid__product-onsale {
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(10px);
  background-color: rgba(241, 191, 64, 0.65);
  color: #039 !important;
  white-space: nowrap;
  transform: rotate(20deg) translateX(3rem);
}

#custom-product-collection .wc-block-components-product-sale-badge span {
  background-color: transparent;
}

#custom-product-collection .wp-block-post-title {
  background-color: unset !important;
  padding: unset;
}

#custom-product-collection .wp-block-post-title a {
  color: #fff;
  text-decoration: none !important;
  width: 80%;
  padding: 0.5rem 0;
  border-radius: 5px;
  backdrop-filter: blur(10px);
  background-color: rgba(53, 53, 53, 0.4);
  text-align: center;
  bottom: 37%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

#custom-product-collection .wc-block-components-product-summary {
  background-color: unset !important;
  padding: 0 1em;
  font-weight: 400 !important;
}

#custom-product-collection .wc-block-components-product-price {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  margin: 0;
  width: fit-content;
  background-color: #fff;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  border: #000 solid 1px;
  line-height: calc(2.5rem - 2px);
  height: calc(2.5rem - 2px);
}

#custom-product-collection .from-price {
  font-weight: 300;
}

#custom-product-collection .woocommerce-Price-amount.amount {
  color: #036;
}

#custom-product-collection .woocommerce-Price-currencySymbol {
  top: -.25rem;
  font-size: 0.65rem;
  position: relative;
}

#custom-product-collection ins {
  text-decoration: navajowhite;
}

#custom-product-collection .custom-product-link {
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0.5rem;
  border: 1px solid #f1c040;
  border-radius: 0.5rem;
  box-sizing: border-box;
  background-color: #f1c040;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-family: var(--wp--preset--font-family--raleway) !important;
  font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.179), 1rem) !important;
  font-weight: 600;
  text-decoration: none !important;
  color: #000 !important;
  text-align: center;
  width: fit-content;
}

#custom-product-collection .custom-product-link:hover {
  background-color: #fff;
  transition: 0.5s;
}


/*-- Home --*/
.home.page-template-default .tinv-wraper.tinv-wishlist {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: 1rem;
  z-index: 1;
}

/*-- shop --*/
.archive .tinv-wraper.tinv-wishlist {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  font-size: 1rem;
  z-index: 10;
}

/*-- single product --*/
/* single product form */
.single-product .variations_form.cart .tinv-wraper.tinv-wishlist {
  font-size: 1rem;
  z-index: 1;
}

/* up-ells */
.up-sells .tinv-wraper.tinv-wishlist {
	position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  font-size: 1rem;
  z-index: 1;
}

/* carousel single product */
.carousel-single-product .tinv-wraper.tinv-wishlist {
	position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  font-size: 1rem;
  z-index: 1;
}

.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart::before, .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button::before, a.wishlist_products_counter.top_wishlist-heart::before, span.wishlist_products_counter.top_wishlist-heart::before, a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart::before {
	margin-right: 0;
  width: 2.625rem;
  height: 2.625rem;
  text-align: center;
  line-height: 2.625rem;
  background-color: rgba(0,51,102,0.75);
  font-size: 1.75rem;
  color: #f1c040;
  border-radius: 0.5rem;
}

.tinvwl_add_to_wishlist_button.tinvwl-icon-heart.tinvwl-product-already-on-wishlist.shop-wishlist-btn.tinvwl-position-above_thumb.tinvwl-loop:hover::before {
  background-color: rgba(241, 192, 64, 0.75);
  color: #036;
}

/* Tooltip all'hover per Aggiungi ai preferiti */
.tinvwl_add_to_wishlist_button:hover .tinvwl_add_to_wishlist-text {
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 300%;
    transform: translateX(-50%);
    background-color: rgba(0,51,102,0.75);
    color: #f1c040;
    padding: 0.5rem;
    border-radius: 0.5rem;
    white-space: nowrap;
    z-index: 10;
    font-weight: 500;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

/* Tooltip all'hover per Già nei preferiti */
.tinvwl_add_to_wishlist_button.tinvwl-product-in-list:hover .tinvwl_already_on_wishlist-text {
    visibility: visible;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 265%;
    transform: translateX(-50%);
    background-color: rgba(0,51,102,0.75);
    color: #f1c040;
    padding: 0.5rem;
    border-radius: 0.5rem;
    white-space: nowrap;
    z-index: 10;
    font-weight: 500;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

/* Nascondi i tooltip quando non sono in hover */
.tinvwl_add_to_wishlist_button .tinvwl_add_to_wishlist-text,
.tinvwl_add_to_wishlist_button .tinvwl_already_on_wishlist-text {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    background-color: rgba(0,51,102,0.75);
    color: #f1c040;
    padding: 0.5rem;
    border-radius: 0.5rem;
    white-space: nowrap;
    z-index: 10;
    font-weight: 500;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

span.tinvwl_add_to_wishlist-text {
    left: 300%;
}

span.tinvwl_already_on_wishlist-text {
    left: 265%;
}
