/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Services — section arka plan */
.services-section {
	background-color: var(--hr-dark-deep);
}

/* Services — desktop kart */
.hr-service-card {
	background-color: var(--hr-dark-mid);
	border: 1px solid var(--hr-gold-border-solid);
	border-radius: 6px;
	transition: transform 0.3s ease;
}

.hr-service-card:hover {
	transform: translateY(-6px);
	border-color: var(--hr-gold);
}

/* Services — ikon */
.hr-service-icon {
	color: var(--hr-gold);
	font-size: 2rem;
}

/* Services — açıklama */
.hr-service-desc {
	color: var(--hr-text-muted-dark);
	font-size: 0.9rem;
}

/* Services — check list item */
.hr-check-item {
	color: var(--hr-text-muted-dark);
	font-size: 0.875rem;
	padding: 4px 0;
}

/* Services — mobil liste satırı */
.hr-service-list-item {
	background-color: var(--hr-dark-mid);
	border: 1px solid rgba(184, 150, 90, 0.15);
	display: block;
}

.hr-service-list-item:hover {
	border-color: var(--hr-gold-border-solid);
}


/* border-left kaldırıldı, 4 taraf border eklendi */
.hr-service-card {
	background-color: var(--hr-dark-mid);
	border: 1px solid var(--hr-gold-border-solid);
	transition: transform 0.3s ease;
}

.hr-service-card:hover {
	transform: translateY(-4px);
	border-color: var(--hr-gold);
}



/* CTA — section arka plan */


/* CTA — sarma kutu */
.hr-cta-wrap {
	border: 1px solid var(--hr-gold-border-solid);
	border-radius: 6px;
	background-color: var(--hr-dark-mid);
}

/* CTA — ikon dairesi */
.hr-cta-icon-wrap {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 1px solid var(--hr-gold-border-solid);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--hr-gold);
	font-size: 1.5rem;
	flex-shrink: 0;
}

/* CTA — alt badge etiketler */
.hr-cta-badge {
	font-family: var(--hr-font-body);
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--hr-text-muted-dark);
	letter-spacing: 0.04em;
}

/* Amenity Icon Grid */
.hr-amenity-icon-wrap {
	margin-bottom: 24px;
}

.hr-amenity-icon {
	font-size: 48px;
	color: var(--hr-gold);
	display: block;
	transition: transform 0.35s ease, color 0.35s ease, text-shadow 0.35s ease;
}

.hr-amenity-cell:hover .hr-amenity-icon {
	transform: translateY(-6px) scale(1.15);
	color: var(--hr-gold-light);
	text-shadow: 0 8px 24px rgba(184, 150, 90, 0.45);
}

.hr-amenity-title {
	display: block;
	font-family: var(--hr-font-body);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--hr-text-white);
	margin-bottom: 14px;
}

.hr-amenity-desc {
	font-family: var(--hr-font-body);
	font-size: 0.8125rem;
	font-weight: 400;
	color: var(--hr-text-muted-dark);
	line-height: 1.7;
	margin: 0;
}

.hr-amenity-cell {
	transition: background 0.35s ease;
	cursor: default;
}

.hr-amenity-cell:hover {
	background-color: rgba(184, 150, 90, 0.04);
}


.button.hr-btn-outline-white {
	border-color: var(--hr-gold-border-solid);
	color: var(--hr-gold);
}

.button.hr-btn-outline-white:hover {
	background: var(--hr-gold-gradient);
	border-color: var(--hr-gold);
	color: #ffffff;
}



.hr-about-title {
	font-family: var(--hr-font-display);
	font-size: 38px;
	font-weight: 400;
	color: var(--hr-text-white);
	line-height: 1.2;
	margin-bottom: 0;
}

.hr-about-desc {
	font-family: var(--hr-font-body);
	font-size: 0.9375rem;
	font-weight: 400;
	color: var(--hr-text-muted-dark);
	line-height: 1.8;
	max-width: 340px;
	margin-bottom: 32px;
}

@media (max-width: 991.98px) {
	#logo img {
		max-height: 70px;
		width: auto;
	}

	#header .header-misc .button {
		font-size: 0.6rem;
		padding: 7px 12px;
		letter-spacing: 0.06em;
	}






	@media (max-width: 991.98px) {
		#hero.include-header {
			padding-top: 0 !important;
		}
	}