/**
 * Velvet Footer - Minimal premium luxury hotel footer
 * Editorial, Aman-inspired, light and breathable
 */

/* ----------------------------------------------
   Footer
---------------------------------------------- */
.velvet-footer {
	padding: 80px 24px 48px;
	background-color: #F5F1EA;
	text-align: center;
}

.velvet-footer__inner {
	max-width: 720px;
	margin: 0 auto;
}

/* ----------------------------------------------
   Brand
---------------------------------------------- */
.velvet-footer__brand {
	display: inline-block;
	margin-bottom: 40px;
	font-family: 'Cormorant Garamond', 'Libre Baskerville', Georgia, serif;
	font-size: clamp(1.75rem, 3vw, 2rem);
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #111111;
	text-decoration: none;
	transition: color 0.3s ease;
}

.velvet-footer__brand:hover,
.velvet-footer__brand:focus {
	color: #0F3D2E;
	outline: none;
}

/* ----------------------------------------------
   Navigation links
---------------------------------------------- */
.velvet-footer__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 28px 40px;
	margin-bottom: 48px;
}

.velvet-footer__link {
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 0.6rem;
	font-weight: 300;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none;
	color: #555555;
	position: relative;
	transition: color 0.3s ease;
}

.velvet-footer__link::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #0F3D2E;
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

.velvet-footer__link:hover,
.velvet-footer__link:focus {
	color: #0F3D2E;
	outline: none;
}

.velvet-footer__link:hover::after,
.velvet-footer__link:focus::after {
	transform: scaleX(1);
}

/* ----------------------------------------------
   Newsletter
---------------------------------------------- */
.velvet-footer__newsletter {
	margin-bottom: 56px;
}

.velvet-footer__newsletter-form {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	max-width: 360px;
	margin: 0 auto;
	border-bottom: 1px solid rgba(85, 85, 85, 0.35);
	padding-bottom: 8px;
}

.velvet-footer__newsletter-input {
	flex: 1;
	min-width: 0;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 0.8rem;
	font-weight: 300;
	letter-spacing: 0.05em;
	color: #111111;
	background: none;
	border: none;
	padding: 0;
	outline: none;
}

.velvet-footer__newsletter-input::placeholder {
	color: #555555;
	opacity: 0.8;
}

.velvet-footer__newsletter-input:focus {
	outline: none;
}

.velvet-footer__newsletter-form:focus-within {
	border-bottom-color: #0F3D2E;
}

.velvet-footer__newsletter-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	background: none;
	border: none;
	color: #555555;
	cursor: pointer;
	transition: color 0.3s ease, transform 0.3s ease;
}

.velvet-footer__newsletter-btn:hover,
.velvet-footer__newsletter-btn:focus {
	color: #0F3D2E;
	transform: translateX(2px);
	outline: none;
}

/* ----------------------------------------------
   Copyright
---------------------------------------------- */
.velvet-footer__copyright {
	margin: 0;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 0.65rem;
	font-weight: 300;
	letter-spacing: 0.08em;
	color: rgba(85, 85, 85, 0.7);
}

/* ----------------------------------------------
   Responsive
---------------------------------------------- */
@media screen and (max-width: 768px) {
	.velvet-footer {
		padding: 64px 24px 40px;
	}

	.velvet-footer__brand {
		margin-bottom: 32px;
	}

	.velvet-footer__nav {
		gap: 20px 28px;
		margin-bottom: 40px;
	}

	.velvet-footer__newsletter {
		margin-bottom: 48px;
	}

	.velvet-footer__newsletter-form {
		max-width: 100%;
	}
}