/*
 Theme Name:   Alukas Child
 Template:     alukas
 Text Domain:  alukas-child
*/
/* Make sure the product image wrapper is relative */

/* Ensure product wrapper is positioned */
/* === Shop Page Badge === */
.pls-slider.swiper-paginataion
{
	overflow: visible !important;
}
.products div.product .pls-product-inner
{
	overflow: visible !important;
}
.products .pls-product-image
{
	overflow: visible !important;
}
.product-icon-badge { 
    border-radius: 50%;
    background-size:  41px 39px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: black;
    display: inline-block;
	position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    width: 34px;
    height: 34px;
    z-index: 1 !important;
    pointer-events: auto;
    transition: transform 0.2s ease, filter 0.2s ease;
	
}
.woocommerce ul.products li.product {
    position: relative; /* anchor for badge */
}

/* === Cart Page Badge === */
.product-icon-badge-cart {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,0.6);
    z-index: 9;
    display: inline-block;
}

/* === Single Product Page Badge === */
.woocommerce div.product div.woocommerce-product-gallery {
    position: relative; /* anchor for badge */
}
.product-badge-wrapper {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 30;
}
.product-icon-badge-single {
    width: 34px;
    height: 34px;
    border-radius: 50%;
   background-size:  41px 39px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
	pointer-events: auto;
    transition: transform 0.2s ease, filter 0.2s ease;
}

/* === Tooltip Styling (shop, cart, single) === */
.product-icon-badge,
.product-icon-badge-cart,
.product-icon-badge-single {
    position: relative;
    cursor: pointer;
}

/* Tooltip text */
.product-icon-badge::after,
.product-icon-badge-cart::after,
.product-icon-badge-single::after {
    content: attr(title);
    position: absolute;
    bottom: 110%; /* show above icon */
    left: 50%;
    transform: translateX(-50%);
    background: #000;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 1;
}

/* Tooltip arrow */
.product-icon-badge::before,
.product-icon-badge-cart::before,
.product-icon-badge-single::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 99;
}

/* Lift effect */
.product-icon-badge:hover {
    transform: scale(1.1);
    filter: brightness(1.15);
}


/* Show tooltip on hover */
.product-icon-badge:hover::after,
.product-icon-badge-cart:hover::after,
.product-icon-badge-single:hover::after,
.product-icon-badge:hover::before,
.product-icon-badge-cart:hover::before,
.product-icon-badge-single:hover::before {
    opacity: 1;
}
/* Airplane (Printful) */
.product-icon-badge-cart.printful-icon {
    background-image: url('https://madeonbainbridgeisland.com/wp-content/uploads/2025/09/custom-shipment_icon.svg');
}

/* Air (Retail) */
.product-icon-badge-cart.non-printful-icon {
    background-image: url('https://madeonbainbridgeisland.com/wp-content/uploads/2025/09/retail_icon.svg');
}


/* Specific icon backgrounds */
.printful-icon {
    background-image: url('https://madeonbainbridgeisland.com/wp-content/uploads/2025/09/custom-shipment_icon.svg'); /* change path */
}

.non-printful-icon {
    background-image: url('https://madeonbainbridgeisland.com/wp-content/uploads/2025/09/retail_icon.svg'); /* change path */
}