/**
 * BWOD WC Del Handlekurv — collapsible share box on the cart page.
 * Native <details> accordion, collapsed by default. Inherits the theme's button.
 */

.bwod-delkurv {
	margin: 1.5em 0;
	border: 1px solid rgba( 0, 0, 0, 0.1 );
	border-radius: 10px;
	background: rgba( 0, 0, 0, 0.02 );
	overflow: hidden;
}

.bwod-delkurv__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75em;
	padding: 0.9em 1.25em;
	cursor: pointer;
	font-weight: 600;
	font-size: 1.05em;
	line-height: 1.3;
	list-style: none;
	-webkit-user-select: none;
	user-select: none;
}

/* Hide the native disclosure triangle (both engines). */
.bwod-delkurv__summary::-webkit-details-marker {
	display: none;
}
.bwod-delkurv__summary::marker {
	content: '';
}

.bwod-delkurv__summary:focus-visible {
	outline: 2px solid rgba( 0, 0, 0, 0.35 );
	outline-offset: -2px;
}

/* CSS chevron: points down when closed, flips up when open. */
.bwod-delkurv__chev {
	flex: 0 0 auto;
	width: 0.55em;
	height: 0.55em;
	margin-right: 0.15em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY( -0.15em ) rotate( 45deg );
	transition: transform 0.2s ease;
	opacity: 0.55;
}

.bwod-delkurv__acc[open] .bwod-delkurv__chev {
	transform: translateY( 0.05em ) rotate( -135deg );
}

.bwod-delkurv__body {
	padding: 0 1.25em 1.25em;
}

.bwod-delkurv__desc {
	margin: 0 0 1em;
	font-size: 0.95em;
	opacity: 0.8;
}

.bwod-delkurv__row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	align-items: stretch;
}

.bwod-delkurv__input {
	flex: 1 1 260px;
	min-width: 0;
	padding: 0.6em 0.8em;
	border: 1px solid rgba( 0, 0, 0, 0.2 );
	border-radius: 8px;
	background: #fff;
	color: #333;
	font-size: 0.95em;
	line-height: 1.4;
}

.bwod-delkurv__input:focus {
	outline: 2px solid rgba( 0, 0, 0, 0.25 );
	outline-offset: 1px;
}

.bwod-delkurv__btn {
	flex: 0 0 auto;
	white-space: nowrap;
	cursor: pointer;
}

.bwod-delkurv__btn.is-flashing {
	opacity: 0.85;
}

@media ( max-width: 480px ) {
	.bwod-delkurv__btn {
		flex: 1 1 100%;
	}
}