@charset "UTF-8";

/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Adjustments for related products display */
.product-info__product-picker {
    margin-top: 0px;
    margin-bottom: 20px;
}
.product-info__product-picker .text-subdued{
    padding-bottom:10px;
    
}

.variant-picker {
    display: flex;
    flex-wrap: wrap;
}

.variant-picker__option-info {
    margin-bottom: 10px;
}

.variant-picker__option-info {
    display: flex;
    gap: 0.57rem;
    flex-wrap: wrap;
    flex-direction: row;
}



.thumbnail-swatch {
    position: relative;
    display: block;
    width: 60px; 
    height: 60px; 
    overflow: hidden;
    border: 1px solid #ddd;
    transition: transform 0.3s ease-in-out;
    border-radius: 10px;
}

.thumbnail-swatch img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
}

.thumbnail-swatch:hover {
    transform: scale(1.1);
}

.thumbnail-swatch .sr-only {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.thumbnail-swatch .text-subdued {
    display: none;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}

.thumbnail-swatch:hover .text-subdued {
    display: block;
}

.thumbnail-swatch.is-selected {
    border-color: #000; 
}



.variant-picker__option-info .ct-swatch-containers {
    --swatch-border-radius: 200px;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: var(--swatch-border-radius);
}
.variant-picker__option-info .ct-swatch-containers .ct-swatchs {
    --swatch-size: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--swatch-size);
    padding: 0 calc(var(--swatch-size) / 3.5);
    font-size: calc(var(--swatch-size)/2.5);
    font-weight: 600;
    line-height: 1;
    color: var(--theme-palette-color-3);
    background: var(--swatch-button-background-color);
    border: 2px solid var(--swatch-button-border-color, var(--theme-border-color));
    transition: color .12s cubic-bezier(0.455, 0.03, 0.515, 0.955), background .12s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    position: relative;
    cursor: pointer;
    overflow: clip;
    border-radius: inherit;
    height: var(--swatch-size, 30px);
    width: 90px;
}
.variant-picker__option-info .ct-swatch-containers .ct-swatchs:hover,.variant-picker__option-info .ct-swatch-containers .ct-swatchs.is-selected{
    border: 2px solid var(--theme-link-hover-color);
}
.variant-picker__option-info .ct-swatch-containers .ct-tooltips{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    z-index: 200;
    width: auto;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 3px;
    background: #363f42;
    transition: opacity .2s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform .2s cubic-bezier(0.455, 0.03, 0.515, 0.955), visibility .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.variant-picker__option-info .ct-swatch-containers:hover .ct-tooltips {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, calc(-100% - 5px), 0px)
}

.variant-picker__option-info.variant-text {
    display: flex;
    gap: 0.750rem 0.4rem;
    flex-wrap: wrap;
    flex-direction: row;
}



/*fonter*/
.ct-footer .widget_text .textwidget ul{
	display: grid;
    gap: 0.5rem;
}
.ct-footer .widget_text .textwidget li a{
	font-size: 14px;
	color: #bfbfbf;
}
.ct-footer .widget_text .textwidget li a:hover{
	color: #ff6310;
}





.payvip-icon {
    background: linear-gradient(300deg, #4c4d51, #2a2a31 15%, #85858a 40%, #393a3c 60%, #393838 80%, #5e5f62 100%);
    text-shadow: none;
    font-weight: 400;
    position: relative;
    color: #ece0e0;
    border: none;
    color: #ece0e0;
    overflow: hidden;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.44;
    width: 100%;
   padding: 8px 0px;
}
.payvip-icon:before{
    position: absolute;
    top: 50%;
    right: .7em;
    transform: translateY(-50%);
    z-index: 1;
    background:url('https://sp2svape.tw/wp-content/uploads/2024/08/42532_s2mm_3104.png');

}
.payvip-icon svg {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
}