/* Eiman Landmarks Hub
   Palette: Sand #F3ECDD · Nile Teal #1F5C57 · Gold #C9A45C · Basalt #2B2620
   Layout: horizontally swipeable card row (mobile-first — matches how
   Aymany's customers actually browse). Font-family is inherited from the
   theme on purpose, so this section reads as part of the site, not a
   bolted-on widget.
*/

.eiman-landmarks {
	margin: 2.5rem 0;
	padding: 1.75rem 0;
	background: #F3ECDD;
}

.eiman-landmarks__head {
	padding: 0 1.25rem;
	margin-bottom: 1.1rem;
}

.eiman-landmarks__title {
	margin: 0;
	font-size: 1.4rem;
	line-height: 1.25;
	color: #2B2620;
	font-weight: 700;
}

.eiman-landmarks__subtitle {
	margin: 0.35rem 0 0;
	color: #5b5346;
	font-size: 0.95rem;
}

.eiman-landmarks__track {
	display: flex;
	gap: 14px;
	overflow-x: auto;
	padding: 0.25rem 1.25rem 0.75rem;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: #C9A45C transparent;
}

.eiman-landmarks__track::-webkit-scrollbar {
	height: 6px;
}
.eiman-landmarks__track::-webkit-scrollbar-thumb {
	background: #C9A45C;
	border-radius: 4px;
}

.eiman-landmarks__card {
	position: relative;
	flex: 0 0 auto;
	width: 220px;
	scroll-snap-align: start;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 1px 3px rgba(43, 38, 32, 0.12);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.eiman-landmarks__card:hover,
.eiman-landmarks__card:focus-within {
	transform: translateY(-3px);
	box-shadow: 0 8px 18px rgba(43, 38, 32, 0.18);
}

.eiman-landmarks__card-link {
	text-decoration: none;
	color: inherit;
	display: block;
}

.eiman-landmarks__card-link:focus-visible {
	outline: 2px solid #C9A45C;
	outline-offset: -2px;
}

/* Separate footer button — sibling of the card-link, not nested inside it,
   so it can carry its own href without invalid nested anchors. */
.eiman-landmarks__cta-btn {
	display: block;
	text-align: center;
	padding: 0.55rem 0.8rem;
	margin: 0 0.8rem 0.8rem;
	border-radius: 6px;
	background: #1F5C57;
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
}

.eiman-landmarks__cta-btn:hover,
.eiman-landmarks__cta-btn:focus-visible {
	background: #17453f;
	outline: 2px solid #C9A45C;
	outline-offset: 1px;
}

.eiman-landmarks__media {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 5;
	background: #e8dfc9;
	overflow: hidden;
}

.eiman-landmarks__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.eiman-landmarks__placeholder {
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(
		45deg,
		#e8dfc9,
		#e8dfc9 10px,
		#e2d7bd 10px,
		#e2d7bd 20px
	);
}

/* Cartouche-style number badge — a small nod to Egyptian visual language,
   used once per card, not repeated as decoration elsewhere. */
.eiman-landmarks__number {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
	min-width: 26px;
	height: 20px;
	padding: 0 6px;
	border-radius: 10px;
	border: 1.5px solid #C9A45C;
	background: rgba(43, 38, 32, 0.55);
	color: #F3ECDD;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.03em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.eiman-landmarks__body {
	padding: 0.7rem 0.8rem 0.85rem;
}

.eiman-landmarks__name {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.3;
	font-weight: 700;
	color: #2B2620;
}

.eiman-landmarks__label {
	display: block;
	margin-top: 2px;
	font-size: 0.82rem;
	color: #1F5C57;
}

@media (min-width: 900px) {
	.eiman-landmarks__card {
		width: 240px;
	}
}

/* ---------------- Single landmark page ---------------- */

.eiman-landmark-single {
	max-width: 760px;
	margin: 0 auto;
	padding: 0 1.25rem 3rem;
}

.eiman-landmark-single__hero {
	margin: 0 -1.25rem 1.5rem;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e8dfc9;
}

.eiman-landmark-single__hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.eiman-landmark-single__title {
	font-size: 1.9rem;
	line-height: 1.25;
	color: #2B2620;
	margin: 0 0 0.3rem;
}

.eiman-landmark-single__label {
	color: #1F5C57;
	font-weight: 600;
	margin: 0 0 1.2rem;
}

.eiman-landmark-single__content {
	font-size: 1.02rem;
	line-height: 1.7;
	color: #2B2620;
	margin-bottom: 1.75rem;
}

.eiman-landmark-single__content p {
	margin: 0 0 1rem;
}

.eiman-landmark-single__cta {
	display: inline-block;
	padding: 0.75rem 1.4rem;
	border-radius: 6px;
	background: #C9A45C;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.eiman-landmark-single__cta:hover,
.eiman-landmark-single__cta:focus-visible {
	background: #b58f47;
}

.eiman-landmark-single__back {
	margin-top: 1.5rem;
	font-size: 0.9rem;
}

.eiman-landmark-single__back a {
	color: #1F5C57;
	text-decoration: none;
}