:root{
    --prod-desc-line-clamp: 3;
    --prod-desc-toggle-color: #0a66c2;
    --prod-desc-toggle-font-size: 0.95rem;
}

/* Add button styling - use existing global button variables if present */
.wv-btn--add{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid var(--btn-border, rgba(0,0,0,0.08));
    background: var(--primary-color, #fff);
    color: var(--btn-color, var(--prod-desc-toggle-color));
    cursor: pointer;
    font-weight: 600;
}

.wv-btn--add[aria-pressed="true"]{
    background: var(--btn-active-bg, #0a66c2);
    color: var(--btn-active-color, #fff);
    border-color: var(--btn-active-border, transparent);
}

/* Positioning in grid: place the add button inline next to the price */
.wv-table.is-grid .wv-cell.wv-col-price{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 10px;
}

/* Positioning in list: float the add button to bottom-right of the card */
.wv-table:not(.is-grid) .wv-card{
    position: relative;
}
.wv-table:not(.is-grid) .wv-cell.wv-col-price .wv-btn--add{
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
}

/* Description clamp + fade + toggle link */
:root{
    --prod-desc-line-clamp: 3;
    --prod-desc-toggle-color: #0a66c2;
    --prod-desc-toggle-font-size: 0.95rem;
}

.wv-desc{
    display: -webkit-box;
    -webkit-line-clamp: var(--prod-desc-line-clamp);
    line-clamp: var(--prod-desc-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}



.wv-desc.is-expanded{
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: none;
}

.wv-desc-toggle {
	margin: 0.5rem 0;
	display: inline-block;
	background: var(--primary-color);
	border: none;
	color: #fff;
	cursor: pointer;
	text-underline-offset: 2px;
	opacity: 0.9;
	font-size: 0.8rem;
	padding: 3px 6px;
	border-radius: 5px;
    transition: background .2s ease;
}

.wv-desc-toggle:hover {
	background: var(--primary-color-hover);
}

.wv-desc-toggle:focus{
    outline-offset: 2px;
}