/* COSSELIE Returns — αλλαγή μέσα από το κατάστημα (exchange.js). Χρώματα/γραμματοσειρές από το theme. */
.cret-x-dock {
	--x-ink: var(--csl-black, #000);
	--x-accent: var(--csl-lime, #e2ff00);
	position: fixed; left: 50%; bottom: calc(16px + var(--cret-x-off, 0px)); z-index: 9990;
	display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 16px;
	width: min(640px, calc(100vw - 24px)); padding: 12px 12px 12px 16px; box-sizing: border-box;
	border-radius: var(--csl-radius-l, 16px); background: var(--x-ink); color: #fff;
	font-family: var(--csl-font, inherit); font-size: 14px; line-height: 1.35;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.28);
	transform: translateX(-50%);
	transition: bottom 0.2s ease;
}
.cret-x-dock.is-busy { opacity: 0.85; pointer-events: none; }
.cret-x-dock.is-flash { animation: cret-x-in 0.45s cubic-bezier(.2, .8, .2, 1); }
@keyframes cret-x-in { from { transform: translate(-50%, 14px) scale(.97); } to { transform: translateX(-50%); } }
.cret-x-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cret-x-img { flex: none; width: 48px; height: 48px; border-radius: 10px; background: #fff; object-fit: contain; }
.cret-x-txt { display: grid; min-width: 0; }
.cret-x-txt strong, .cret-x-name { overflow: hidden; color: #fff !important; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; text-decoration: none; }
.cret-x-name:hover { text-decoration: underline; text-underline-offset: 3px; }
.cret-x-k { color: var(--x-accent); font-size: 12px; font-weight: 700; }
.cret-x-s { color: rgba(255, 255, 255, 0.72); font-size: 13px; }
.cret-x-acts { display: flex; gap: 8px; }
.cret-x-btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border: 0; border-radius: var(--csl-radius, 12px);
	background: var(--x-accent); color: var(--x-ink) !important; font: inherit; font-weight: 700; white-space: nowrap; text-decoration: none !important; cursor: pointer;
}
.cret-x-btn--ghost { background: transparent; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.5); }
.cret-x-btn:hover { opacity: 0.9; }
.cret-x-btn--ghost:hover { box-shadow: inset 0 0 0 1.5px #fff; opacity: 1; }
.cret-x-btn:focus-visible, .cret-x-pill:focus-visible { outline: 2px solid var(--x-accent); outline-offset: 2px; }
.cret-x-msg { grid-column: 1 / -1; margin: 0; padding: 8px 10px; border-radius: 8px; background: rgba(255, 255, 255, 0.12); font-size: 13px; }
.cret-x-msg[hidden] { display: none; }
html.cret-x-on body { padding-bottom: 96px; }

/* Λειτουργία επιλογής: «Αλλαγή» στη θέση του καλαθιού της κάρτας */
html.cret-x-pick .csl-card__add { display: none !important; }
.cret-x-pill {
	position: absolute; right: 8px; bottom: 8px; z-index: 2;
	min-height: 36px; padding: 0 14px; border: 0; border-radius: 999px;
	background: var(--csl-black, #000); color: #fff; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}
.cret-x-pill:hover { background: var(--csl-lime, #e2ff00); color: var(--csl-black, #000); }
.csl-card__top { position: relative; }

@media (max-width: 599px) {
	.cret-x-dock { grid-template-columns: 1fr; bottom: calc(10px + var(--cret-x-off, 0px)); }
	.cret-x-acts { justify-content: stretch; }
	.cret-x-acts > * { flex: 1; }
	html.cret-x-on body { padding-bottom: 160px; }
}
@media (prefers-reduced-motion: reduce) {
	.cret-x-dock.is-flash { animation: none; }
	.cret-x-dock { transition: none; }
}