/*
Theme Name: Hotel LUX Child
Theme URI: https://example.com/
Description: Child theme for the Hotel LUX WordPress theme.
Author: Your Name
Author URI: https://example.com/
Template: hotel-lux
Version: 1.0.1
Text Domain: hotel-lux-child
*/

/*
 * Add your custom CSS below.
 * (The parent theme styles are loaded automatically via the child theme's functions.php.)
 */

/*
 * Footer brand row
 * Robust centering: the middle block is ABSOLUTELY centered in the footer row,
 * so it stays in the real center even if the left badge exists.
 */
.footer_in_inner .footer_brand_row {
	width: 100% !important;
	position: relative !important;
	display: block !important;
	margin: 40px 0 !important;
	padding: 16px 0 !important;
	min-height: 110px;
	text-align: center !important;
}

.footer_in_inner .footer_brand_row .footer_award_badge {
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 280px;
	max-width: 38vw;
	height: auto;
	display: block;
	z-index: 3;
}

		.footer_in_inner .footer_brand_row .footer_social_badge {
			position: static !important;
			right: auto !important;
			top: auto !important;
			transform: none !important;
			width: 200px;
			max-width: calc(100vw - 20px);
		}

.footer_in_inner .footer_brand_row .footer_brand_center {
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	max-width: calc(100% - 20px);
	z-index: 2;
}

/* Neutralize any parent-theme floats/margins inside the logo output */
.footer_in_inner .footer_brand_row .footer_brand_center * {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

.footer_in_inner .footer_brand_row .footer_copyright {
	display: block !important;
	text-align: center !important;
}

/* On smaller screens stack to avoid squeezing */
@media (max-width: 768px) {
	.footer_in_inner .footer_brand_row {
		position: static !important;
		min-height: 0;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px;
		margin: 40px 0 !important;
		padding: 12px 0 !important;
	}

	.footer_in_inner .footer_brand_row .footer_award_badge {
		position: static !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
		width: 320px;
		max-width: calc(100vw - 20px);
	}

.footer_in_inner .footer_brand_row .footer_social_badge {
	position: static !important;
	right: auto !important;
	top: auto !important;
	transform: none !important;
	width: 200px;
	max-width: calc(100vw - 20px);
}

	.footer_in_inner .footer_brand_row .footer_brand_center {
		position: static !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
	}
}