/*
 * Ethnic Senora — Floating Mini-Cart Trigger  v1.0
 * ─────────────────────────────────────────────────────────────────
 * Fixed pill shown site-wide (except /cart & /checkout) whenever the
 * cart has at least one item. Purely additive — every selector here is
 * prefixed `ss-mc` / `ss-mini-cart` so it cannot collide with theme or
 * other plugin styles.
 */
#ss-mini-cart{
	--mc-ink:#191919;
	--mc-ivory:#f7f5f0;
	--mc-line:rgba(25,25,25,.12);
	--mc-gold:#b9975b;
	--mc-bottom-mobile:84px;
	--mc-ff:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	position:fixed;
	left:50%;
	bottom:20px;
	bottom:calc(20px + env(safe-area-inset-bottom));
	transform:translate(-50%,130%) scale(.92);
	z-index:100000;
	opacity:0;
	pointer-events:none;
	transition:transform .42s cubic-bezier(.19,1.2,.32,1), opacity .32s ease;
	max-width:calc(100vw - 20px);
}
#ss-mini-cart.show{
	transform:translate(-50%,0) scale(1);
	opacity:1;
	pointer-events:auto;
}
#ss-mini-cart.ss-mc-closed{
	transform:translate(-50%,130%) scale(.92)!important;
	opacity:0!important;
	pointer-events:none!important;
}
/* hide behind the cart/checkout drawer overlay if it happens to still be in the DOM */
html.ss-open #ss-mini-cart,
html.ss-drawer-open #ss-mini-cart{
	opacity:0!important;
	pointer-events:none!important;
	transform:translate(-50%,130%) scale(.92)!important;
}

/* keep clear of fixed bottom mobile nav bars */
@media (max-width:768px){
	#ss-mini-cart{ bottom:var(--mc-bottom-mobile); }
	#ss-mini-cart.show{ bottom:var(--mc-bottom-mobile); }
}

@keyframes ss-mc-bump{
	0%,100%{ transform:translate(-50%,0) scale(1); }
	45%{ transform:translate(-50%,-3px) scale(1.025); }
}
#ss-mini-cart.ss-mc-bump{ animation:ss-mc-bump .55s cubic-bezier(.24,1.4,.4,1); }

.ss-mc-inner{
	position:relative;
	display:flex;
	align-items:center;
	gap:12px;
	background:rgba(247,245,240,.9);
	border:1px solid rgba(255,255,255,.72);
	border-radius:16px;
	padding:7px 7px 7px 9px;
	box-shadow:0 18px 45px -20px rgba(25,25,25,.45),0 3px 10px rgba(25,25,25,.09),inset 0 1px 0 rgba(255,255,255,.85);
	backdrop-filter:blur(18px) saturate(135%);
	text-decoration:none!important;
	font-family:var(--mc-ff);
	color:var(--mc-ink);
	-webkit-tap-highlight-color:transparent;
	transition:box-shadow .2s,transform .16s;
}
.ss-mc-inner:hover{ box-shadow:0 22px 52px -20px rgba(25,25,25,.48),0 4px 12px rgba(25,25,25,.1),inset 0 1px 0 rgba(255,255,255,.9); transform:translateY(-2px); }
.ss-mc-inner:active{ transform:scale(.97); }

.ss-mc-thumbs{ display:flex; align-items:center; flex-shrink:0; }
.ss-mc-thumb{
	width:38px;height:44px;border-radius:9px;
	background:var(--mc-ivory);
	border:2px solid var(--mc-ivory);
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	margin-left:-15px;
	box-shadow:0 3px 10px rgba(25,25,25,.16);
	transition:transform .18s;
}
.ss-mc-thumb:first-child{ margin-left:0; }
.ss-mc-inner:hover .ss-mc-thumb{ transform:translateY(-1px); }
.ss-mc-thumb img{ width:100%;height:100%;object-fit:cover;display:block; }
.ss-mc-extra{
	background:var(--mc-ink);
	color:var(--mc-ivory);font-size:10.5px;font-weight:800;
	border-color:var(--mc-ivory);
}

.ss-mc-info{ display:flex; flex-direction:column; line-height:1.22; padding-right:2px; min-width:0; }
.ss-mc-count{ font-family:'Outfit',var(--mc-ff);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(25,25,25,.56);white-space:nowrap; }
.ss-mc-total{ font-size:15px;font-weight:800;letter-spacing:0;white-space:nowrap; }
.ss-mc-total .woocommerce-Price-amount{ color:var(--mc-ink)!important; }

.ss-mc-cta{
	display:flex; align-items:center; gap:6px;
	background:var(--mc-ink);
	color:var(--mc-ivory);
	border:1px solid rgba(185,151,91,.55);
	border-radius:11px;
	padding:11px 13px;
	font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;
	flex-shrink:0;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
	transition:transform .16s,box-shadow .16s;
}
.ss-mc-inner:hover .ss-mc-cta{ background:#292929; }
.ss-mc-cta svg:last-child{ transition:transform .18s; }
.ss-mc-inner:hover .ss-mc-cta svg:last-child{ transform:translateX(2px); }

.ss-mc-close{
	position:absolute;
	top:-8px;
	right:-8px;
	width:24px;height:24px;
	border-radius:50%;
	background:var(--mc-ivory);
	border:1px solid var(--mc-line);
	color:var(--mc-ink);
	display:flex;align-items:center;justify-content:center;
	cursor:pointer;
	padding:0;
	box-shadow:0 2px 6px rgba(0,0,0,.3);
	transition:transform .15s,background .15s;
}
 .ss-mc-close:hover{ background:#fff; transform:scale(1.06); }
.ss-mc-close:active{ transform:scale(.92); }

@media (max-width:480px){
	.ss-mc-inner{ padding:6px; gap:9px; }
	.ss-mc-thumb{ width:34px;height:40px; }
	.ss-mc-total{ font-size:14px; }
	.ss-mc-cta{ padding:10px; }
	.ss-mc-cta span{display:none}
}

@media (prefers-reduced-motion: reduce){
	#ss-mini-cart, #ss-mini-cart.ss-mc-bump{ transition:opacity .2s ease; animation:none!important; }
}

/* WooCommerce's default success banner is green in many themes. Keep it
 * inside the Ethnic Senora warm-neutral system on product/shop pages too. */
body .woocommerce-notices-wrapper .woocommerce-message,
body .woocommerce-notices-wrapper .woocommerce-info,
body .woocommerce-message,
body .woocommerce-info{
	background:#f6f5f2!important;
	color:#171513!important;
	border:1px solid #ded8cf!important;
	border-left:3px solid #a78662!important;
	border-radius:12px!important;
	box-shadow:none!important;
}
body .woocommerce-notices-wrapper .woocommerce-message::before,
body .woocommerce-notices-wrapper .woocommerce-info::before,
body .woocommerce-message::before,
body .woocommerce-info::before{
	color:#a78662!important;
}
body .woocommerce-notices-wrapper .woocommerce-message a,
body .woocommerce-notices-wrapper .woocommerce-info a,
body .woocommerce-message a,
body .woocommerce-info a{
	color:#171513!important;
	font-weight:700!important;
}