/* WP AutoAzon — Sticky Product Showcase */

.amzai-sticky,
.amzai-sticky *,
.amzai-sticky *::before,
.amzai-sticky *::after {
	box-sizing: border-box;
}

.amzai-sticky {
	position: fixed;
	z-index: 99999;
	background: var(--amzai-bg, #ffffff);
	border: 1px solid var(--amzai-border, #e3e6e6);
	box-shadow: 0 6px 24px rgba(0, 0, 0, .15);
	border-radius: 12px;
	padding: 14px 16px;
	max-width: 92vw;
	max-height: 88vh;
	overflow: auto;
}

.amzai-sticky__close {
	position: absolute;
	top: 6px;
	right: 8px;
	background: none;
	border: none;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	color: #72767a;
	padding: 2px 6px;
}
.amzai-sticky__close:hover { color: #1d2327; }

.amzai-sticky__title {
	font-weight: 700;
	font-size: 14px;
	margin: 0 22px 10px 0;
	color: var(--amzai-text, #0F1111);
}

.amzai-sticky__items {
	display: flex;
	gap: 12px;
	min-width: 0;
}

/* Orientation: horizontal (top/bottom edges) vs vertical (left/right) */
.amzai-sticky--horizontal .amzai-sticky__items { flex-direction: row; overflow-x: auto; }
.amzai-sticky--vertical .amzai-sticky__items   { flex-direction: column; }

.amzai-sticky--horizontal .amzai-card--sticky { flex: 0 0 auto; }
.amzai-sticky--vertical .amzai-card--sticky    { width: 100%; }

/* --- Position: which viewport edge --- */
.amzai-sticky--pos-top    { top: 12px; }
.amzai-sticky--pos-bottom { bottom: 12px; }
.amzai-sticky--pos-left   { left: 12px; }
.amzai-sticky--pos-right  { right: 12px; }

/* --- Alignment along that edge --- */
/* top/bottom edges: align left/center/right */
.amzai-sticky--pos-top.amzai-sticky--align-left,
.amzai-sticky--pos-bottom.amzai-sticky--align-left { left: 12px; }

.amzai-sticky--pos-top.amzai-sticky--align-right,
.amzai-sticky--pos-bottom.amzai-sticky--align-right { right: 12px; }

.amzai-sticky--pos-top.amzai-sticky--align-center,
.amzai-sticky--pos-bottom.amzai-sticky--align-center {
	left: 50%;
	transform: translateX(-50%);
}

/* left/right edges: align top/center/bottom */
.amzai-sticky--pos-left.amzai-sticky--align-top,
.amzai-sticky--pos-right.amzai-sticky--align-top { top: 12px; }

.amzai-sticky--pos-left.amzai-sticky--align-bottom,
.amzai-sticky--pos-right.amzai-sticky--align-bottom { bottom: 12px; }

.amzai-sticky--pos-left.amzai-sticky--align-center,
.amzai-sticky--pos-right.amzai-sticky--align-center {
	top: 50%;
	transform: translateY(-50%);
}

/* --- Size presets --- */
.amzai-sticky--small  { width: 240px; }
.amzai-sticky--medium { width: 320px; }
.amzai-sticky--large  { width: 420px; }

.amzai-sticky--horizontal.amzai-sticky--small  { width: auto; }
.amzai-sticky--horizontal.amzai-sticky--medium { width: auto; }
.amzai-sticky--horizontal.amzai-sticky--large  { width: auto; }

.amzai-sticky--small .amzai-card__image-link  { max-width: 64px; }
.amzai-sticky--medium .amzai-card__image-link { max-width: 84px; }
.amzai-sticky--large .amzai-card__image-link  { max-width: 110px; }

.amzai-sticky--horizontal .amzai-card--sticky { width: 175px; }
.amzai-sticky--horizontal.amzai-sticky--small .amzai-card--sticky  { width: 145px; }
.amzai-sticky--horizontal.amzai-sticky--large .amzai-card--sticky  { width: 215px; }

.amzai-card--sticky {
	min-width: 0;
}
.amzai-card--sticky .amzai-card__body {
	min-width: 0;
	padding: 8px 10px 10px;
	gap: 4px;
}
.amzai-card--sticky .amzai-card__title {
	font-size: 12px;
	-webkit-line-clamp: 2;
}
.amzai-card--sticky .amzai-card__price-row { margin-top: 2px; }
.amzai-card--sticky .amzai-card__price { font-size: 14px; }
.amzai-card--sticky .amzai-card__list-price { font-size: 11px; }
.amzai-card--sticky .amzai-card__availability { font-size: 10px; }
.amzai-card--sticky .amzai-card__rating { font-size: 11px; }

/* The buybar (brand + price/CTA pill) wraps onto its own line instead of
   overflowing when the sticky card is narrow — this is the key fix, since
   a fixed width alone can't guarantee every brand/price/CTA combination
   fits on one line. */
.amzai-card--sticky .amzai-card__buybar,
.amzai-card--sticky .amzai-card__cta {
	margin-top: 6px;
	flex-wrap: wrap;
	padding: 6px 8px;
	gap: 4px 6px;
	border-radius: 8px;
	width: 100%;
	max-width: 100%;
}
.amzai-card--sticky .amzai-buybar__brand {
	font-size: 10px;
	gap: 4px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.amzai-card--sticky .amzai-buybar__brand-text { overflow: hidden; text-overflow: ellipsis; }
.amzai-card--sticky .amzai-buybar__icon {
	width: 14px;
	height: 14px;
	font-size: 9px;
}
.amzai-card--sticky .amzai-buybar__icon-img {
	height: 14px;
	max-width: 60px;
}
.amzai-card--sticky .amzai-buybar__button,
.amzai-card--sticky .amzai-card__cta {
	font-size: 11px;
	padding: 5px 9px;
	gap: 3px;
}
.amzai-card--sticky .amzai-buybar__arrow { font-size: 12px; }

@media (max-width: 480px) {
	.amzai-sticky { max-width: 96vw; }
	.amzai-sticky--vertical { width: 200px; }
}