/* KEBIKE Favoriten — Bloco 3B (23/08/2026).
   Consome os tokens do custom_css 170 (Secao 1 do DESIGN-SPEC). Vermelho
   nao aparece aqui de proposito: DESIGN-SPEC Secao 1 reserva --vermelho
   para elemento clicavel de compra, badge de desconto, pill de rotulo e a
   primeira palavra do H1 — favoritar nao e compra. Contorno --cinza-texto
   inativo, preenchido --verde ativo. */

.kb-fav-form{
	display:inline-flex;
	margin-left:16px;
	vertical-align:middle;
}

.kb-fav-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:11px 18px;
	border:1px solid var(--cinza-texto);
	border-radius:var(--raio-botao);
	background:transparent;
	color:var(--cinza-texto);
	font-family:var(--fonte-base);
	font-size:14px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
	transition:border-color 120ms ease, color 120ms ease;
}
.kb-fav-btn:hover{
	border-color:var(--verde);
	color:var(--verde);
}
.kb-fav-btn--active{
	border-color:var(--verde);
	color:var(--verde);
}
.kb-fav-btn__icon{
	width:18px;
	height:18px;
	flex:0 0 auto;
	fill:none;
	stroke:currentColor;
}
.kb-fav-btn--active .kb-fav-btn__icon{
	fill:currentColor;
}

/* Botao de call-to-action (estado convidado / lista vazia) — botao
   secundario do DESIGN-SPEC Secao 9: fundo --verde, texto branco. */
.kb-fav-btn--cta{
	border-color:var(--verde);
	background:var(--verde);
	color:var(--branco);
	padding:11px 20px;
}
.kb-fav-btn--cta:hover{
	border-color:var(--verde-escuro, var(--verde));
	background:var(--verde-escuro, var(--verde));
	color:var(--branco);
}

/* ===== Pagina Wunschliste ===== */
.kb-wishlist{
	font-family:var(--fonte-base);
	color:var(--preto);
}
.kb-wishlist--guest p,
.kb-wishlist--empty p{
	margin:0 0 16px;
	font-size:16px;
}
.kb-wishlist__list{
	list-style:none;
	margin:0 0 24px;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:16px;
}
.kb-wishlist__item{
	display:flex;
	align-items:center;
	gap:16px;
	padding:16px;
	border:1px solid var(--cinza-borda);
	border-radius:var(--raio-card);
}
.kb-wishlist__image{
	flex:0 0 auto;
	display:block;
	width:80px;
	height:80px;
}
.kb-wishlist__image img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.kb-wishlist__info{
	flex:1 1 auto;
	display:flex;
	flex-direction:column;
	gap:6px;
	min-width:0;
}
.kb-wishlist__name{
	font-size:16px;
	font-weight:700;
	color:var(--preto);
}
.kb-wishlist__name:hover{
	text-decoration:underline;
}
.kb-wishlist__price{
	font-size:15px;
}
.kb-wishlist__remove{
	flex:0 0 auto;
	margin-left:0;
}
.kb-wishlist__remove-btn{
	border:1px solid var(--cinza-texto);
	border-radius:var(--raio-botao);
	background:transparent;
	color:var(--cinza-texto);
	font-family:var(--fonte-base);
	font-size:13px;
	padding:8px 14px;
	cursor:pointer;
}
.kb-wishlist__remove-btn:hover{
	border-color:var(--preto);
	color:var(--preto);
}
.kb-wishlist__clear-btn{
	border:1px solid var(--cinza-texto);
	border-radius:var(--raio-botao);
	background:transparent;
	color:var(--cinza-texto);
	font-family:var(--fonte-base);
	font-size:14px;
	font-weight:700;
	padding:11px 20px;
	cursor:pointer;
}
.kb-wishlist__clear-btn:hover{
	border-color:var(--preto);
	color:var(--preto);
}