/**
 * Sakarya Pansiyon v1.0.3 professional public surfaces.
 */

:root {
	--sp-pro-bg: #f7f9f8;
	--sp-pro-surface: #ffffff;
	--sp-pro-panel: #eef4f1;
	--sp-pro-text: #17211d;
	--sp-pro-muted: #64736d;
	--sp-pro-line: rgba(23, 33, 29, 0.1);
	--sp-pro-line-soft: rgba(23, 33, 29, 0.07);
	--sp-pro-green: #1f6f55;
	--sp-pro-blue: #286f9f;
	--sp-pro-gold: #c89435;
	--sp-pro-radius: 8px;
	--sp-pro-shadow: 0 1px 2px rgba(23, 33, 29, 0.04), 0 14px 34px rgba(23, 33, 29, 0.07);
	--sp-pro-shadow-hover: 0 1px 2px rgba(23, 33, 29, 0.05), 0 18px 44px rgba(23, 33, 29, 0.1);
}

body.sp-theme,
.sp-site {
	background:
		linear-gradient(180deg, #ffffff 0, var(--sp-pro-bg) 430px),
		var(--sp-pro-bg);
	color: var(--sp-pro-text);
}

.sp-section,
.sp-page-hero,
.sp-price-strip,
.sp-cta-bar,
.sp-single {
	padding-block: clamp(34px, 5vw, 70px);
}

.sp-section__head {
	max-width: 790px;
	margin-bottom: clamp(18px, 3vw, 30px);
}

.sp-section__head p,
.sp-page-hero p,
.sp-hero__intro,
.sp-single-hero__lede {
	color: var(--sp-pro-muted);
	line-height: 1.66;
}

.sp-eyebrow,
.sp-badge,
.sp-single-pill {
	border-color: rgba(200, 148, 53, 0.24);
	border-radius: 999px;
	background: rgba(255, 249, 235, 0.78);
	color: #7a5413;
	box-shadow: none;
}

.sp-card-grid {
	gap: clamp(14px, 2vw, 22px);
}

.sp-card,
.sp-sk-card,
.sp-card.sp-sk-card,
.sp-theme-post-card {
	border: 1px solid var(--sp-pro-line-soft);
	border-radius: var(--sp-pro-radius);
	background: var(--sp-pro-surface);
	box-shadow: var(--sp-pro-shadow);
}

.sp-sk-card,
.sp-card.sp-sk-card {
	overflow: hidden;
}

.sp-sk-card:hover,
.sp-sk-card:focus-within,
.sp-theme-post-card:hover,
.sp-theme-post-card:focus-within {
	box-shadow: var(--sp-pro-shadow-hover);
	transform: translateY(-2px);
}

.sp-sk-card__media {
	padding: 8px 8px 0;
}

.sp-sk-card__image-cabin {
	border: 0;
	border-radius: var(--sp-pro-radius);
	aspect-ratio: 16 / 10;
	background: #e7ece9;
}

.sp-sk-card__body,
.sp-sk-card .sp-oda-card__body {
	gap: 9px;
	padding: 34px 16px 16px;
	background: #fff;
}

.sp-sk-card__title,
.sp-sk-card .sp-sk-card__title,
.sp-sk-card .sp-oda-card h3 {
	color: var(--sp-pro-text);
	font-size: 17px;
	font-weight: 760;
	line-height: 1.25;
}

.sp-sk-card__location-row,
.sp-sk-card__meta-row,
.sp-sk-card__excerpt {
	color: var(--sp-pro-muted);
}

.sp-sk-card__district {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	color: var(--sp-pro-text);
}

.sp-sk-card__district svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
}

.sp-sk-card__capacity {
	margin: 0;
	color: #33433d;
	font-size: 13px;
	font-weight: 680;
	line-height: 1.45;
}

.sp-sk-card__price-badge,
.sp-sk-card .sp-card-price-pill,
.sp-oda-card .sp-card-price-pill,
.sp-card.sp-sk-card .sp-card-price-pill,
.sp-card.sp-sk-card .sp-sk-card__price-badge,
article.sp-sk-card .sp-card-price-pill.sp-sk-card__price-badge {
	border-radius: var(--sp-pro-radius) !important;
	background: linear-gradient(180deg, #2877ad, #22638f) !important;
	box-shadow: 0 10px 24px rgba(34, 99, 143, 0.22) !important;
}

.sp-sk-card__price-label,
.sp-oda-card .sp-card-price-pill .sp-sk-card__price-label,
.sp-card.sp-sk-card .sp-sk-card__price-label {
	min-height: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 11px !important;
	font-weight: 680 !important;
	text-transform: none !important;
}

.sp-sk-card__price-map {
	border-radius: 7px !important;
	background: rgba(255, 255, 255, 0.94) !important;
	color: #22638f !important;
}

.sp-feature-icons.sp-sk-card__features,
.sp-sk-card .sp-feature-icons {
	gap: 7px;
	margin-top: 2px;
}

.sp-feature-icons.sp-sk-card__features li,
.sp-sk-card .sp-feature-icons li {
	border: 0;
	background: transparent;
}

.sp-sk-card .sp-feature-icons__mark,
.sp-feature-icons__mark {
	width: 30px;
	height: 30px;
	border: 1px solid rgba(40, 111, 159, 0.1);
	border-radius: var(--sp-pro-radius);
	background: #f3f7fa;
	color: var(--sp-pro-blue);
	box-shadow: none;
}

.sp-sk-card .sp-contact-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin-top: 4px;
}

.sp-button,
.sp-quick-actions a,
.sp-theme-compact-cta,
.sp-sk-card .sp-contact-row .sp-button {
	border-radius: var(--sp-pro-radius);
}

.sp-phone-button,
.sp-theme-phone-cta {
	background: var(--sp-pro-green);
	color: #fff;
}

.sp-whatsapp-button,
.sp-theme-whatsapp-cta {
	border-color: rgba(31, 111, 85, 0.18);
	background: #edf8f3;
	color: #155a43;
}

.sp-button--ghost,
.sp-quick-actions a {
	border-color: var(--sp-pro-line);
	background: #fff;
	color: var(--sp-pro-text);
	box-shadow: none;
}

.sp-quick-actions {
	gap: 8px;
}

.sp-quick-actions a:hover,
.sp-quick-actions a:focus-visible,
.sp-button--ghost:hover,
.sp-button--ghost:focus-visible {
	border-color: rgba(40, 111, 159, 0.22);
	background: #f3f7fa;
	color: #1f5b83;
}

.sp-category-card,
.sp-link-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	min-height: 0;
	align-content: start;
	gap: 5px 12px;
	border: 0 !important;
	border-top: 1px solid var(--sp-pro-line-soft) !important;
	border-radius: 0 !important;
	padding: 16px 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease;
}

.sp-category-card:hover,
.sp-category-card:focus-visible,
.sp-link-card:hover,
.sp-link-card:focus-visible {
	border-color: rgba(40, 111, 159, 0.26) !important;
	background: linear-gradient(90deg, rgba(40, 111, 159, 0.04), transparent 48%) !important;
	transform: none !important;
	outline: none;
}

.sp-card__mark {
	grid-row: 1 / span 2;
	width: 7px;
	height: 7px;
	margin-top: 0.45em;
	border-radius: 999px;
	background: var(--sp-pro-green);
}

.sp-category-card strong,
.sp-link-card strong {
	color: var(--sp-pro-text);
	font-size: 1rem;
	line-height: 1.28;
}

.sp-category-card small,
.sp-link-card small {
	grid-column: 2;
	color: var(--sp-pro-muted);
	font-size: 0.92rem;
	line-height: 1.52;
}

.sp-card-grid--four .sp-link-card {
	grid-template-columns: minmax(0, 1fr);
}

.sp-card-grid--four .sp-link-card small {
	grid-column: 1;
}

.sp-trust-grid {
	gap: clamp(14px, 2vw, 24px);
}

.sp-trust-grid div {
	border: 0 !important;
	border-left: 2px solid rgba(31, 111, 85, 0.22) !important;
	border-radius: 0 !important;
	padding: 2px 0 2px 16px !important;
	background: transparent !important;
	box-shadow: none !important;
}

.sp-trust-grid strong {
	color: var(--sp-pro-text);
	font-size: 1rem;
	line-height: 1.35;
}

.sp-trust-grid span {
	color: var(--sp-pro-muted);
	line-height: 1.58;
}

.sp-local-seo {
	border: 0 !important;
	border-top: 1px solid var(--sp-pro-line-soft) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.sp-local-seo__chips {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 0 18px;
	overflow: visible;
	padding: 0;
}

.sp-local-seo__chips a {
	display: grid;
	min-width: 0;
	gap: 4px;
	border: 0;
	border-top: 1px solid var(--sp-pro-line-soft);
	border-radius: 0;
	padding: 14px 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
}

.sp-local-seo__chips a:hover,
.sp-local-seo__chips a:focus-visible {
	color: #1f5b83;
	outline: none;
}

.sp-local-seo__chips strong {
	color: var(--sp-pro-text);
	font-size: 0.95rem;
	line-height: 1.3;
}

.sp-local-seo__chips span {
	color: var(--sp-pro-muted);
	font-size: 0.88rem;
	line-height: 1.45;
}

.sp-price-strip,
.sp-cta-bar {
	border: 1px solid var(--sp-pro-line-soft);
	border-radius: var(--sp-pro-radius);
	background:
		linear-gradient(135deg, rgba(238, 244, 241, 0.92), rgba(255, 255, 255, 0.98)),
		#fff;
	box-shadow: none;
}

.sp-faq-list {
	gap: 0;
	border-top: 1px solid var(--sp-pro-line-soft);
}

.sp-faq-item {
	border: 0 !important;
	border-bottom: 1px solid var(--sp-pro-line-soft) !important;
	border-radius: 0 !important;
	padding: 18px 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.sp-empty {
	border-color: rgba(31, 111, 85, 0.18);
	border-radius: var(--sp-pro-radius);
	background: rgba(238, 248, 243, 0.58);
	box-shadow: none;
}

.sp-single-quick-nav {
	border-color: var(--sp-pro-line-soft);
	border-radius: var(--sp-pro-radius);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 10px 24px rgba(23, 33, 29, 0.06);
}

.sp-single-quick-nav a,
.sp-single-context-links__group a,
.sp-single-location-chips span,
.sp-single-amenity-list li,
.sp-single-room .sp-single-amenity-list li,
.sp-single-pill {
	border-radius: var(--sp-pro-radius);
}

.sp-single-quick-nav a:hover,
.sp-single-quick-nav a:focus-visible {
	background: #edf4f8;
	color: #1f5b83;
	transform: none;
}

.sp-single-hero--experience .sp-single-hero__facts div,
.sp-contact-panel .sp-facts div {
	border: 0;
	border-top: 1px solid var(--sp-pro-line-soft);
	border-radius: 0;
	padding: 12px 0;
	background: transparent;
	box-shadow: none;
}

.sp-contact-panel {
	border-radius: var(--sp-pro-radius);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--sp-pro-shadow);
}

.sp-single-room .sp-contact-panel {
	border-color: var(--sp-pro-line-soft);
	border-radius: var(--sp-pro-radius);
	box-shadow: var(--sp-pro-shadow);
}

.sp-single-room .sp-single-feature-list li,
.sp-single-room .sp-single-amenity-list li,
.sp-single-amenity-list li {
	border-color: var(--sp-pro-line-soft);
	background: #fff;
	box-shadow: none;
}

.sp-single-room .sp-single-location-panel {
	border-top-color: var(--sp-pro-line-soft) !important;
	background: linear-gradient(180deg, rgba(247, 249, 248, 0), rgba(238, 244, 241, 0.72)) !important;
}

.sp-single-room .sp-single-context-links__group {
	border-bottom-color: var(--sp-pro-line-soft);
}

.sp-single-room .sp-single-context-links__group a {
	border-color: var(--sp-pro-line-soft);
	background: #fff;
}

.sp-single-room .sp-single-context-links__group a:hover,
.sp-single-room .sp-single-context-links__group a:focus-visible {
	background: #edf4f8;
	color: #1f5b83;
}

@media (min-width: 760px) {
	.sp-card-grid--three {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sp-card-grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1040px) {
	.sp-card-grid--four {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.sp-section,
	.sp-page-hero,
	.sp-price-strip,
	.sp-cta-bar,
	.sp-single {
		padding-block: 30px;
	}

	.sp-category-card,
	.sp-link-card {
		padding-block: 14px !important;
	}

	.sp-local-seo__chips {
		grid-template-columns: 1fr;
	}

	.sp-single-hero--experience .sp-single-hero__facts {
		grid-template-columns: 1fr;
	}
}