/*
 * British Dragon Store Core: layout for the actions Store Core adds to the
 * existing cart drawer. Buttons reuse the drawer's own .bd-cart-btn /
 * .bd-cart-btn--ghost design; this file only arranges them (View Cart |
 * Checkout, then Continue Shopping full width) and pins the ghost look on the
 * one <button> against theme-wide button styles. Scoped to Store Core's
 * .bdsc-* markers.
 */

.bdsc-drawer-actions.bdsc-drawer-actions {
	flex-wrap: wrap;
}

.bdsc-drawer-actions .bdsc-drawer-continue {
	flex: 1 0 100%;
}

/* The drawer resets <button>s inside it: mirror .bd-cart-btn / --ghost. */
.bdsc-drawer-actions button.bdsc-drawer-continue,
.bdsc-drawer-actions button.bdsc-drawer-continue:focus {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 12px 18px;
	font-family: inherit;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border: 1.5px solid rgba(15, 17, 23, 0.18);
	border-radius: 999px;
	background: transparent;
	color: var(--bd-cart-ink, #0f1117);
	box-shadow: none;
	cursor: pointer;
	transition: transform 0.2s ease, border-color 0.25s ease;
}

.bdsc-drawer-actions button.bdsc-drawer-continue:hover {
	border-color: var(--bd-cart-ink, #0f1117);
	background: transparent;
	color: var(--bd-cart-ink, #0f1117);
	transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {

	.bdsc-drawer-actions button.bdsc-drawer-continue {
		transition: none;
	}

	.bdsc-drawer-actions button.bdsc-drawer-continue:hover {
		transform: none;
	}
}

.bdsc-drawer-actions .bdsc-drawer-view-cart:focus-visible,
.bdsc-drawer-actions .bdsc-drawer-continue:focus-visible {
	outline: 3px solid var(--bd-cart-accent, #ec4899);
	outline-offset: 2px;
}

.bdsc-cart-proxy {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}