/* FloresYa Product Badges — frontend */

.woocommerce ul.products li.product,
ul.products li.product,
li.product,
.product,
.fy-product-card,
.woocommerce-product-gallery {
	position: relative;
}

.fpb-badge {
	position: absolute;
	z-index: 5;
	pointer-events: none;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--fpb-fg, #ffffff);
	white-space: nowrap;
	user-select: none;
	background: var(--fpb-bg, #1a5c2a);
}

.fpb-badge__icon { display: inline-block; margin-right: 4px; font-style: normal; }
.fpb-badge__label { display: inline-block; }

/* === Listón clásico === */
.fpb-shape-ribbon {
	width: 180px;
	padding: 8px 0;
	font-size: 11.5px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	border-top: 1.5px solid var(--fpb-border, #c8a96e);
	border-bottom: 1.5px solid var(--fpb-border, #c8a96e);
	overflow: hidden;
}
.fpb-shape-ribbon.fpb-pos-top-left     { top: 22px; left: -50px;  transform: rotate(-45deg); transform-origin: center; }
.fpb-shape-ribbon.fpb-pos-top-right    { top: 22px; right: -50px; transform: rotate( 45deg); transform-origin: center; }
.fpb-shape-ribbon.fpb-pos-bottom-left  { bottom: 22px; left: -50px;  transform: rotate( 45deg); transform-origin: center; }
.fpb-shape-ribbon.fpb-pos-bottom-right { bottom: 22px; right: -50px; transform: rotate(-45deg); transform-origin: center; }

.fpb-context-single.fpb-shape-ribbon {
	width: 220px; font-size: 13px; padding: 9px 0;
}
.fpb-context-single.fpb-shape-ribbon.fpb-pos-top-left  { top: 30px; left: -60px; }
.fpb-context-single.fpb-shape-ribbon.fpb-pos-top-right { top: 30px; right: -60px; }

/* === Pastilla === */
.fpb-shape-pill {
	padding: 6px 14px;
	font-size: 11.5px;
	border-radius: 99px;
	border: 1px solid var(--fpb-border, #c8a96e);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fpb-shape-pill.fpb-pos-top-left     { top: 12px;    left: 12px; }
.fpb-shape-pill.fpb-pos-top-right    { top: 12px;    right: 12px; }
.fpb-shape-pill.fpb-pos-bottom-left  { bottom: 12px; left: 12px; }
.fpb-shape-pill.fpb-pos-bottom-right { bottom: 12px; right: 12px; }

/* === Etiqueta === */
.fpb-shape-tag {
	padding: 6px 12px;
	font-size: 11px;
	border-left: 3px solid var(--fpb-border, #c8a96e);
}
.fpb-shape-tag.fpb-pos-top-left     { top: 10px; left: 0; }
.fpb-shape-tag.fpb-pos-top-right    { top: 10px; right: 0; }
.fpb-shape-tag.fpb-pos-bottom-left  { bottom: 10px; left: 0; }
.fpb-shape-tag.fpb-pos-bottom-right { bottom: 10px; right: 0; }

@media (max-width: 480px) {
	.fpb-shape-ribbon { width: 140px; font-size: 10px; padding: 6px 0; }
	.fpb-shape-ribbon.fpb-pos-top-left,
	.fpb-shape-ribbon.fpb-pos-bottom-right { top: 14px; left: -40px; }
	.fpb-shape-ribbon.fpb-pos-top-right,
	.fpb-shape-ribbon.fpb-pos-bottom-left  { top: 14px; right: -40px; }
	.fpb-context-single.fpb-shape-ribbon { width: 160px; font-size: 11px; }
}