/**
 * Medicine-capsule loader — Lucide `pill` icon silhouette that fills to complete.
 * Paths match includes/shared/icons.php → pill.
 */
@keyframes yoopharmacy-pill-fill-mask {
	0%,
	100% {
		-webkit-mask-size: 100% 18%;
		mask-size: 100% 18%;
	}
	50% {
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
	}
}

@keyframes yoopharmacy-pill-breathe {
	0%,
	100% {
		opacity: 0.45;
		transform: scale(0.94);
	}
	50% {
		opacity: 1;
		transform: scale(1);
	}
}

/* Filled capsule + seam (same geometry as Lucide pill) */
:root {
	--yoopharmacy-pill-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill='black' fill-rule='evenodd' d='M13.5 3.5a4.95 4.95 0 0 1 7 7l-10 10a4.95 4.95 0 1 1-7-7l10-10Zm1.06 1.06-10 10a3.45 3.45 0 1 0 4.88 4.88l10-10a3.45 3.45 0 0 0-4.88-4.88Z'/%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' d='m8.5 8.5 7 7'/%3E%3C/svg%3E");
	--yoopharmacy-pill-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10.5 20.5 10-10a4.95 4.95 0 1 0-7-7l-10 10a4.95 4.95 0 1 0 7 7Z'/%3E%3Cpath d='m8.5 8.5 7 7'/%3E%3C/svg%3E");
}

.yoopharmacy-pill-loader,
.yoopharmacy-mp__loadmore-spinner,
.yoopharmacy-dash-demand-loadmore__spinner,
.yoopharmacy-dash-demand-cards-busy__spinner,
.yoopharmacy-my-sales-table__spinner,
.yoopharmacy-admin-catalog-tab-panel__spinner,
.yoopharmacy-admin-catalog-infinite-spinner,
.yoopharmacy-admin-catalog-bulk-del__spinner,
.yoopharmacy-myoffers__grid-spinner,
.yoopharmacy-myoffers__infinite-spinner,
.yoopharmacy-mp__panel-switch-spinner,
.yoopharmacy-modal__busy-spinner,
.yoopharmacy-mp-offers-own__spinner,
.yoopharmacy-mp-offers__body-shade-spinner,
.yoopharmacy-combobox__spinner,
.yoopharmacy-header-notif__spinner-dot {
	box-sizing: border-box !important;
	display: inline-block !important;
	position: relative !important;
	width: 1.5rem !important;
	height: 1.5rem !important;
	min-width: 1.5rem !important;
	min-height: 1.5rem !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	overflow: visible !important;
	flex-shrink: 0 !important;
	vertical-align: middle !important;
	animation: none !important;
	transform: none !important;
}

/* Outline icon (always) */
.yoopharmacy-pill-loader::before,
.yoopharmacy-mp__loadmore-spinner::before,
.yoopharmacy-dash-demand-loadmore__spinner::before,
.yoopharmacy-dash-demand-cards-busy__spinner::before,
.yoopharmacy-my-sales-table__spinner::before,
.yoopharmacy-admin-catalog-tab-panel__spinner::before,
.yoopharmacy-admin-catalog-infinite-spinner::before,
.yoopharmacy-admin-catalog-bulk-del__spinner::before,
.yoopharmacy-myoffers__grid-spinner::before,
.yoopharmacy-myoffers__infinite-spinner::before,
.yoopharmacy-mp__panel-switch-spinner::before,
.yoopharmacy-modal__busy-spinner::before,
.yoopharmacy-mp-offers-own__spinner::before,
.yoopharmacy-mp-offers__body-shade-spinner::before,
.yoopharmacy-combobox__spinner::before,
.yoopharmacy-header-notif__spinner-dot::before {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background-color: var(--yoopharmacy-accent, #eeb44e) !important;
	opacity: 0.35 !important;
	-webkit-mask: var(--yoopharmacy-pill-icon) center / contain no-repeat !important;
	mask: var(--yoopharmacy-pill-icon) center / contain no-repeat !important;
	animation: none !important;
}

/* Fill that “completes” the pill */
.yoopharmacy-pill-loader::after,
.yoopharmacy-mp__loadmore-spinner::after,
.yoopharmacy-dash-demand-loadmore__spinner::after,
.yoopharmacy-dash-demand-cards-busy__spinner::after,
.yoopharmacy-my-sales-table__spinner::after,
.yoopharmacy-admin-catalog-tab-panel__spinner::after,
.yoopharmacy-admin-catalog-infinite-spinner::after,
.yoopharmacy-admin-catalog-bulk-del__spinner::after,
.yoopharmacy-myoffers__grid-spinner::after,
.yoopharmacy-myoffers__infinite-spinner::after,
.yoopharmacy-mp__panel-switch-spinner::after,
.yoopharmacy-modal__busy-spinner::after,
.yoopharmacy-mp-offers-own__spinner::after,
.yoopharmacy-mp-offers__body-shade-spinner::after,
.yoopharmacy-combobox__spinner::after,
.yoopharmacy-header-notif__spinner-dot::after {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
	background-color: var(--yoopharmacy-accent, #eeb44e) !important;
	-webkit-mask-image: var(--yoopharmacy-pill-icon) !important;
	mask-image: var(--yoopharmacy-pill-icon) !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-position: center bottom !important;
	mask-position: center bottom !important;
	-webkit-mask-size: 100% 18% !important;
	mask-size: 100% 18% !important;
	animation: yoopharmacy-pill-fill-mask 1.15s ease-in-out infinite !important;
}

.yoopharmacy-mp__loadmore-spinner[hidden],
.yoopharmacy-dash-demand-loadmore__spinner[hidden],
.yoopharmacy-my-sales-table__spinner[hidden],
.yoopharmacy-admin-catalog-infinite-spinner[hidden],
.yoopharmacy-admin-catalog-bulk-del__spinner[hidden],
.yoopharmacy-header-notif__spinner[hidden] {
	display: none !important;
}

/* Auth / busy buttons — white / accent pill icon */
.yoopharmacy-auth__submit.yoopharmacy-is-busy::after,
.yoopharmacy-auth__link-btn.yoopharmacy-is-busy::after {
	content: '' !important;
	position: absolute !important;
	inset: 50% auto auto 50% !important;
	width: 1.45rem !important;
	height: 1.45rem !important;
	margin: -0.725rem 0 0 -0.725rem !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	transform: none !important;
	background-color: #fff !important;
	-webkit-mask: var(--yoopharmacy-pill-icon) center / contain no-repeat !important;
	mask: var(--yoopharmacy-pill-icon) center / contain no-repeat !important;
	animation: yoopharmacy-pill-breathe 1.05s ease-in-out infinite !important;
}

.yoopharmacy-auth__link-btn.yoopharmacy-is-busy::after {
	background-color: var(--yoopharmacy-accent, #eeb44e) !important;
}