/* Ledmax – CTA/boka-knapp på produktsidan */

.ledmax-booking-container {
	margin: 20px 0;
	display: block;
	width: 100%;
}

.lm-orange-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--lm-accent) 0%, var(--lm-accent-2) 100%);
	color: #fff !important;
	font-family: var(--lm-font);
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding: 18px 20px;
	border-radius: 12px;
	text-decoration: none !important;
	transition: transform .3s cubic-bezier(.175, .885, .32, 1.275), box-shadow .3s, filter .3s;
	border: none;
	box-shadow: 0 10px 20px rgba(255, 77, 0, .3);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	line-height: 1;
	white-space: nowrap;
	height: 55px;
}

.lm-orange-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(255, 77, 0, .5);
	filter: brightness(1.1);
}

.lm-orange-btn:active {
	transform: translateY(1px);
	box-shadow: 0 5px 10px rgba(255, 77, 0, .4);
}

.lm-orange-btn[disabled] {
	opacity: .7;
	cursor: default;
	transform: none;
}

.lm-orange-btn::after {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: rgba(255, 255, 255, .2);
	transform: rotate(45deg);
	transition: left .5s, opacity .5s;
	opacity: 0;
	pointer-events: none;
}

.lm-orange-btn:hover::after {
	left: 100%;
	opacity: 1;
	transition: left .7s, opacity .7s;
}

.lm-booking-row {
	display: flex;
	gap: 12px;
	align-items: center;
	width: 100%;
	max-width: 500px;
}

.lm-qty-input-main {
	width: 80px !important;
	max-width: 80px !important;
	flex: 0 0 80px !important;
	height: 55px !important;
	text-align: center;
	border-radius: 12px !important;
	border: 2px solid rgba(0, 0, 0, .1) !important;
	background: #f5f5f5 !important;
	color: #333 !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	padding: 0 !important;
	margin: 0 !important;
	-moz-appearance: textfield;
}

.lm-booking-row .lm-orange-btn {
	flex: 1;
	width: auto;
}

.ledmax-booking-container > a.lm-orange-btn {
	padding: 18px 55px;
	width: auto;
	flex: initial;
}

@media (max-width: 480px) {
	.lm-booking-row { flex-direction: row; }

	.lm-qty-input-main {
		width: 70px !important;
		flex: 0 0 70px !important;
		font-size: 16px !important;
	}

	.lm-orange-btn {
		font-size: 13px;
		padding: 0 10px;
	}

	.ledmax-booking-container > a.lm-orange-btn { padding: 0 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.lm-orange-btn,
	.lm-orange-btn::after { transition: none; }

	.lm-orange-btn:hover { transform: none; }
}