/**
 * ARES Integration Styles for B2BKing Registration
 * 
 * Minimalist design matching Amorello brand style
 * Layout: Label on top, Input (70%) + Button (30%) below
 */

/* Input wrapper - contains input + button in 70/30 layout */
.amorello-input-wrapper {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	width: 100% !important;
	max-width: 100% !important;
	flex-wrap: nowrap !important;
	box-sizing: border-box !important;
}

/* IČO input - 70% width */
.amorello-input-wrapper input[type="text"],
.amorello-input-wrapper #b2bking_field_39736 {
	flex: 0 0 calc(70% - 5px) !important;
	max-width: calc(70% - 5px) !important;
	width: calc(70% - 5px) !important;
	margin: 0 !important;
}

/* Button container - 30% width */
.amorello-input-wrapper .amorello-button-container {
	flex: 0 0 calc(30% - 5px) !important;
	max-width: calc(30% - 5px) !important;
	width: calc(30% - 5px) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	margin: 0 !important;
}

/* Hide standalone empty containers */
div.amorello-button-container:not(.amorello-input-wrapper .amorello-button-container):empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
}

/* Load button - minimalist design with high specificity to override Woodmart */
button.amorello-load-btn,
button.amorello-load-btn.amorello-load-btn,
.amorello-button-container button.amorello-load-btn {
	/* Reset Woodmart styles */
	all: unset !important;
	
	/* Apply our minimalist design */
	font-size: 12px !important;
	letter-spacing: 0.5px !important;
	font-weight: 400 !important;
	padding: 12px 16px !important;
	border-radius: 2px !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid #004d40 !important;
	color: #004d40 !important;
	cursor: pointer !important;
	transition: all 0.25s ease !important;
	text-transform: none !important;
	font-family: inherit !important;
	line-height: 1.4 !important;
	display: block !important;
	box-sizing: border-box !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: none !important;
	vertical-align: middle !important;
	width: 100% !important;
	height: auto !important;
	white-space: nowrap !important;
}

button.amorello-load-btn:hover:not(:disabled),
button.amorello-load-btn.amorello-load-btn:hover:not(:disabled) {
	background-color: #004d40 !important;
	background-image: none !important;
	color: #ffffff !important;
	border-color: #004d40 !important;
	box-shadow: none !important;
	transform: none !important;
}

button.amorello-load-btn:disabled,
button.amorello-load-btn.amorello-load-btn:disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
	background-color: transparent !important;
	background-image: none !important;
	color: #004d40 !important;
	border-color: #004d40 !important;
	box-shadow: none !important;
}

button.amorello-load-btn:focus,
button.amorello-load-btn.amorello-load-btn:focus {
	outline: 1px dotted #004d40 !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}

/* Success button (checkmark) */
button.amorello-success-btn,
button.amorello-success-btn.amorello-success-btn {
	all: unset !important;
	font-size: 16px !important;
	padding: 12px 16px !important;
	border-radius: 2px !important;
	background-color: #004d40 !important;
	background-image: none !important;
	border: 1px solid #004d40 !important;
	color: #ffffff !important;
	cursor: default !important;
	display: block !important;
	box-sizing: border-box !important;
	text-align: center !important;
	width: 100% !important;
	height: auto !important;
}

/* Error messages - below button */
span.amorello-ico-message,
.amorello-button-container span.amorello-ico-message {
	font-size: 11px !important;
	font-weight: 400 !important;
	padding: 4px 8px !important;
	border-radius: 2px !important;
	display: block !important;
	text-transform: none !important;
	text-align: center !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

span.amorello-ico-message.amorello-success {
	color: #004d40 !important;
	background-color: #e8f5f1 !important;
	border: 1px solid #c8e6dd !important;
}

span.amorello-ico-message.amorello-error {
	color: #c62828 !important;
	background-color: #ffebee !important;
	border: 1px solid #ef9a9a !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	/* On mobile, stack vertically */
	.amorello-input-wrapper {
		flex-direction: column !important;
		gap: 8px !important;
		width: 100% !important;
	}
	
	.amorello-input-wrapper input[type="text"],
	.amorello-input-wrapper #b2bking_field_39736 {
		flex: 1 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.amorello-input-wrapper .amorello-button-container {
		flex: 1 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	/* Ensure parent paragraph doesn't shrink */
	.woocommerce-form-row.form-row-wide {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	/* Ensure B2BKing containers take full width */
	.b2bking_custom_registration_container {
		width: 100% !important;
	}
}

/* Animation for button loading state */
@keyframes amorello-pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.7;
	}
}

button.amorello-load-btn:disabled,
button.amorello-load-btn.amorello-load-btn:disabled {
	animation: amorello-pulse 1.5s ease-in-out infinite !important;
}