.variable-item{
position:relative;
}

.custom-pdp-monthly-price-var {
	font-size: 1.25em;
	font-weight: 600;
}

.elementor-element-86fa959 .elementor-shortcode {
	width: 100%;
}

.etheme-product-grid .etheme-product-grid-item .etheme-product-grid-image img {
	background: #e8e5e9;
	min-height: 145px;
	object-fit: contain;
	object-position: center;
}

.save-badge{
position:absolute;
top:-15px;
left:50%;
transform:translateX(-50%);
background:#B5F4FE;
color:#000;
font-size:12px;
font-weight:600;
padding:5px 12px;   /* width ??????? ???? */
border-radius:5px;
z-index:10;
width:fit-content;
max-width: 130px;
min-width:60px;     /* badge ???? ?? ????? */
text-align:center;
white-space: nowrap !important;
}

.onsale { top: 16px; border-radius: 4px; }
.sale-wrapper .onsale.hot-label {
    transform: none;
    right: 12px;
    left: auto;
		z-index: 10
}

/* hide text only for image swatches (Supply) */
.variable-items-wrapper .variable-item .variable-item-span,
.variable-items-wrapper .variable-item span.variable-item-span,
.variable-items-wrapper .variable-item .variable-item-title{
display:none !important;
}

/* keep image visible */
.swatch-var-img{
display:block;
width:100%;
height:auto;
}


/* Mobile variation layout fix */ @media (max-width:767px){ .variable-items-wrapper{ display:grid !important; grid-template-columns: repeat(3, minmax(0,1fr)); gap:8px; width:100%; } .variable-item{ width:100% !important; min-width:0 !important; box-sizing:border-box; } .variable-item img{ width:100%; height:auto; } /* keep text below image */ .variable-item span{ display:block; text-align:center; font-size:12px; white-space:normal; } }



@media (max-width:767px){

/* force left align */
.variable-item-contents{
display:flex !important;
justify-content:flex-start !important;
align-items:flex-start !important;
text-align:left !important;
}

/* radio + text */
.variable-item-radio-input-wrapper{
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
gap:0px;
}

.variable-item{
text-align:left !important;
}
	
}


@media (max-width:767px){
.variable-item-radio-value-wrapper{
white-space: nowrap !important;
}
}

@media (max-width:767px){
.variable-items-wrapper.radio-variable-items-wrapper{
gap: 60px !important;
}
}

.variable-item-radio-value-wrapper{
margin-top:2px;
}






.bundle-label{
position:absolute;
bottom:8px;
left:50%;
transform:translateX(-50%);
text-align:center;
font-size:12px;          /* text size */
font-weight:600;
color:#000;
background:#fff;
padding:3px 10px;
border-radius:12px;
box-shadow:0 2px 6px rgba(0,0,0,0.15);
white-space:nowrap;      /* line break ???? ???? */
line-height:1;           /* height compact ???? */
}
.variable-item{
position:relative;        /* absolute position ??? ???? ???? */
display:flex;
flex-direction:column;
align-items:center;
}
/* ModernCart Floating Button - Peak Haven Blue */
.moderncart-floating-cart-button {
    background-color: #1EAEFF !important;
}

/* ModernCart Cart Count Badge */
.moderncart-floating-cart-count {
    background-color: #0EA5E9 !important;
}
/* Hide Tidio chat widget */
#tidio-chat,
#tidio-chat-iframe,
#tidio-chat-code {
    display: none !important;
}





.elementor-menu-cart__toggle {
    position: relative;
}

.elementor-menu-cart__toggle .elementor-button-icon-qty {
    position: absolute;
    top: -8px;
    left: -8px;

    min-width: 22px;
    height: 22px;
    padding: 0 5px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #fff;
    border-radius: 50%;

    z-index: 999;
}

@media (max-width: 767px) {
    #wll-site-launcher {
        bottom: 0 !important;
    }

    #wll-site-launcher .wll-launcher-button-container {
        bottom: 136px !important;
        right: 16px !important;
    }
}

/*checkout page custom css*/
.cart-collaterals, .order-review {
	padding-right: 1em;
	padding-left: 1em;
}
#payment .payment_methods li {
	padding: 0.75em;
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 0.75rem;
}
#payment .payment_methods li:has(input:checked) {
	background-color: #f1f1ff;
	border-width: 1.5px;
	border-color: #0661d7
}

#payment .payment_methods li:first-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#payment .payment_methods li:last-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#payment .payment_methods li label{
	color: #333;
	font-weight: 600;
}
.elementor-shape-top {
    top: -1px;
    display: none;
}

@font-face {
  font-family: 'loyalty';
  src: url('https://peakhaven.co/wp-content/plugins/wp-loyalty-rules/Assets/Site/Css/fonts/loyalty.ttf?16cf3') format('truetype');
  font-display: swap;
}