/**
 * Lakefront Lake Profiles — compact lake_region archive styles.
 * Component rules are scoped to the Region archive wrapper; Astra resets use
 * the Region-only diagnostic body class.
 */

.lfdr-region-archive {
	--lfdr-navy: #07384d;
	--lfdr-deep-navy: #04293a;
	--lfdr-blue: #4f98ad;
	--lfdr-blue-dark: #267187;
	--lfdr-pale-blue: #edf7fa;
	--lfdr-warm-white: var(--lf-color-warm-white, #fbfaf6);
	--lfdr-text: #173641;
	--lfdr-muted: #687d84;
	--lfdr-border: #dbe5e7;
	--lfdr-white: var(--lf-color-white, #ffffff);
	--lfdr-shadow: 0 10px 26px rgba(4, 41, 58, 0.06);
	--lfdr-serif: var(--lf-font-serif, Georgia, "Times New Roman", serif);
	--lfdr-sans: Arial, Helvetica, sans-serif;
}

.lfdr-region-archive *,
.lfdr-region-archive *::before,
.lfdr-region-archive *::after { box-sizing: border-box; }

body.lfdr-region-template-active .site-content { padding: 0; }
body.lfdr-region-template-active .site-content > .ast-container,
body.lfdr-region-template-active .site-content .ast-container {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}
body.lfdr-region-template-active #primary,
body.lfdr-region-template-active .content-area,
body.lfdr-region-template-active .site-main {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.lfdr-region-archive {
	width: 100%;
	overflow: clip;
	background: var(--lfdr-warm-white);
	color: var(--lfdr-text);
	font-family: var(--lfdr-sans);
	font-size: 16px;
	line-height: 1.6;
}

.lfdr-region-archive .lfdr-region__container {
	width: 100%;
	max-width: var(--lf-content-wide, 1228px);
	margin-inline: auto;
	padding-inline: var(--lf-page-gutter, 24px);
}

/* Compact editorial Region hero. */
.lfdr-region-archive .lfdr-region__hero {
	padding-block: 42px 44px;
	background:
		radial-gradient(circle at 82% 18%, rgba(79, 152, 173, 0.22), transparent 32%),
		linear-gradient(135deg, var(--lfdr-deep-navy), var(--lfdr-navy));
	color: var(--lfdr-white);
}

.lfdr-region-archive .lfdr-region__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin-bottom: 17px;
	color: rgba(255,255,255,.78);
	font-size: .78rem;
	font-weight: 600;
}
.lfdr-region-archive .lfdr-region__breadcrumb a { color: var(--lfdr-white); text-decoration: none; }
.lfdr-region-archive .lfdr-region__breadcrumb a:hover { text-decoration: underline; text-underline-offset: 3px; }

.lfdr-region-archive .lfdr-region__eyebrow {
	margin: 0 0 8px;
	color: var(--lfdr-blue-dark);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .14em;
	line-height: 1.25;
	text-transform: uppercase;
}
.lfdr-region-archive .lfdr-region__hero .lfdr-region__eyebrow { color: #b9e0eb; }

.lfdr-region-archive .lfdr-region__hero h1 {
	max-width: 860px;
	margin: 0;
	color: var(--lfdr-white);
	font-family: var(--lfdr-serif);
	font-size: clamp(3.35rem, 5vw, 4rem);
	font-weight: 400;
	letter-spacing: -.035em;
	line-height: 1;
}

.lfdr-region-archive .lfdr-region__description {
	max-width: 720px;
	margin-top: 14px;
	color: rgba(255,255,255,.9);
	font-size: clamp(1rem, 1.35vw, 1.14rem);
	line-height: 1.52;
}
.lfdr-region-archive .lfdr-region__description p { margin: 0; }

.lfdr-region-archive .lfdr-region__count {
	display: inline-flex;
	margin: 18px 0 0;
	border: 1px solid rgba(255,255,255,.26);
	border-radius: 999px;
	padding: 6px 11px;
	font-size: .78rem;
	font-weight: 700;
}

/* Lake Guide cards. */
.lfdr-region-archive .lfdr-region__profiles {
	padding-block: 46px 50px;
	background: var(--lfdr-warm-white);
}

.lfdr-region-archive .lfdr-region__section-heading { margin-bottom: 22px; }
.lfdr-region-archive .lfdr-region__section-heading h2,
.lfdr-region-archive .lfdr-region__guide-cta h2 {
	margin: 0;
	color: var(--lfdr-navy);
	font-family: var(--lfdr-serif);
	font-size: clamp(2.15rem, 3.4vw, 2.9rem);
	font-weight: 400;
	letter-spacing: -.025em;
	line-height: 1.06;
}
.lfdr-region-archive .lfdr-region__section-heading--empty { margin-bottom: 0; }
.lfdr-region-archive .lfdr-region__section-heading--empty p:last-child {
	max-width: 680px;
	margin: 10px 0 0;
	color: var(--lfdr-muted);
}

.lfdr-region-archive .lfdr-region__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.lfdr-region-archive .lfdr-lake-card {
	display: flex;
	min-width: 0;
	height: 100%;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--lfdr-border);
	border-radius: 9px;
	background: var(--lfdr-white);
	box-shadow: var(--lfdr-shadow);
}

.lfdr-region-archive .lfdr-lake-card__outline {
	display: flex;
	min-height: 112px;
	align-items: center;
	justify-content: center;
	padding: 17px 22px;
	background: #f3f7f6;
}
.lfdr-region-archive .lfdr-lake-card__outline-image {
	display: block;
	width: 100%;
	max-width: 225px;
	height: 78px;
	object-fit: contain;
}

.lfdr-region-archive .lfdr-lake-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 19px 20px 18px;
}
.lfdr-region-archive .lfdr-lake-card--text-only .lfdr-lake-card__body { padding-top: 22px; }

.lfdr-region-archive .lfdr-lake-card__eyebrow {
	margin: 0 0 5px;
	color: var(--lfdr-blue-dark);
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.lfdr-region-archive .lfdr-lake-card h3 {
	margin: 0;
	font-family: var(--lfdr-serif);
	font-size: clamp(1.55rem, 2vw, 1.9rem);
	font-weight: 400;
	line-height: 1.08;
}
.lfdr-region-archive .lfdr-lake-card h3 a { color: var(--lfdr-navy); text-decoration: none; }
.lfdr-region-archive .lfdr-lake-card h3 a:hover { color: var(--lfdr-blue-dark); }

.lfdr-region-archive .lfdr-lake-card__excerpt {
	margin: 10px 0 0;
	color: var(--lfdr-muted);
	font-size: .9rem;
	line-height: 1.48;
}

.lfdr-region-archive .lfdr-lake-card__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 12px;
	margin: 14px 0 0;
}
.lfdr-region-archive .lfdr-lake-card__facts div {
	display: flex;
	min-width: 0;
	flex-direction: column;
	border-top: 1px solid var(--lfdr-border);
	padding-top: 8px;
}
.lfdr-region-archive .lfdr-lake-card__facts dt {
	order: 2;
	margin-top: 1px;
	color: var(--lfdr-muted);
	font-size: .67rem;
	font-weight: 600;
}
.lfdr-region-archive .lfdr-lake-card__facts dd {
	order: 1;
	margin: 0;
	color: var(--lfdr-navy);
	font-size: .94rem;
	font-weight: 700;
	line-height: 1.25;
}

.lfdr-region-archive .lfdr-region__text-link,
.lfdr-region-archive .lfdr-lake-card__link,
.lfdr-region-archive .lfdr-region__custom-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--lfdr-blue-dark);
	font-weight: 700;
	text-decoration: none;
}
.lfdr-region-archive .lfdr-lake-card__link {
	min-height: 36px;
	margin-top: auto;
	padding-top: 14px;
	font-size: .86rem;
}
.lfdr-region-archive .lfdr-region__text-link:hover,
.lfdr-region-archive .lfdr-region__custom-link:hover,
.lfdr-region-archive .lfdr-lake-card__link:hover { color: var(--lfdr-deep-navy); }

.lfdr-region-archive .lfdr-region__pagination { margin-top: 28px; }
.lfdr-region-archive .lfdr-region__pagination ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.lfdr-region-archive .lfdr-region__pagination a,
.lfdr-region-archive .lfdr-region__pagination span {
	display: grid;
	min-width: 40px;
	min-height: 40px;
	place-items: center;
	border: 1px solid var(--lfdr-border);
	border-radius: 4px;
	padding: 7px 10px;
}
.lfdr-region-archive .lfdr-region__pagination .current { background: var(--lfdr-navy); color: var(--lfdr-white); }

/* One compact CTA owns both distinct visitor workflows. */
.lfdr-region-archive .lfdr-region__guide-cta {
	padding-block: 0 44px;
	background: var(--lfdr-warm-white);
}
.lfdr-region-archive .lfdr-region__guide-cta-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 34px;
	border: 1px solid #cfe1e6;
	border-radius: 10px;
	padding: 40px 44px;
	background: var(--lfdr-pale-blue);
}
.lfdr-region-archive .lfdr-region__guide-cta-copy { max-width: 760px; }
.lfdr-region-archive .lfdr-region__guide-cta h2 { font-size: clamp(2.1rem, 3.1vw, 2.75rem); }
.lfdr-region-archive .lfdr-region__guide-cta-copy > p:not(.lfdr-region__eyebrow) {
	max-width: 700px;
	margin: 12px 0 0;
	color: var(--lfdr-muted);
	font-size: .96rem;
}
.lfdr-region-archive .lfdr-region__guide-cta-actions {
	display: flex;
	min-width: 210px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
.lfdr-region-archive .lfdr-region__button {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--lfdr-navy);
	border-radius: 4px;
	padding: 10px 18px;
	background: var(--lfdr-navy);
	color: var(--lfdr-white);
	font-weight: 700;
	text-decoration: none;
}
.lfdr-region-archive .lfdr-region__button:hover { background: var(--lfdr-deep-navy); color: var(--lfdr-white); }
.lfdr-region-archive .lfdr-region__custom-link { font-size: .88rem; }

/* Compact Region discovery. */
.lfdr-region-archive .lfdr-region__others {
	padding-block: 40px 50px;
	border-top: 1px solid var(--lfdr-border);
	background: var(--lfdr-white);
}
.lfdr-region-archive .lfdr-region__other-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.lfdr-region-archive .lfdr-region__other-card {
	display: flex;
	min-height: 58px;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	border: 1px solid var(--lfdr-border);
	border-radius: 6px;
	padding: 13px 16px;
	background: var(--lfdr-white);
	color: var(--lfdr-navy);
	font-size: .9rem;
	font-weight: 700;
	text-decoration: none;
}
.lfdr-region-archive .lfdr-region__other-card:hover { border-color: var(--lfdr-blue); background: var(--lfdr-pale-blue); }

.lfdr-region-archive a:focus-visible {
	outline: 3px solid var(--lf-color-accent-gold, var(--lfdr-blue-dark));
	outline-offset: 3px;
}

@media (max-width: 960px) {
	.lfdr-region-archive .lfdr-region__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.lfdr-region-archive .lfdr-region__other-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.lfdr-region-archive .lfdr-region__guide-cta-inner { grid-template-columns: 1fr; gap: 22px; }
	.lfdr-region-archive .lfdr-region__guide-cta-actions { min-width: 0; flex-direction: row; align-items: center; flex-wrap: wrap; }
}

@media (max-width: 700px) {
	.lfdr-region-archive .lfdr-region__container { padding-inline: 20px; }
	.lfdr-region-archive .lfdr-region__hero { padding-block: 38px 42px; }
	.lfdr-region-archive .lfdr-region__hero h1 { font-size: clamp(2.75rem, 12vw, 3.45rem); }
	.lfdr-region-archive .lfdr-region__profiles { padding-block: 38px 42px; }
	.lfdr-region-archive .lfdr-region__guide-cta { padding-bottom: 36px; }
	.lfdr-region-archive .lfdr-region__guide-cta-inner { padding: 30px 28px; }
	.lfdr-region-archive .lfdr-region__guide-cta-actions { align-items: stretch; flex-direction: column; }
	.lfdr-region-archive .lfdr-region__button { width: 100%; }
}

@media (max-width: 620px) {
	.lfdr-region-archive .lfdr-region__grid,
	.lfdr-region-archive .lfdr-region__other-grid { grid-template-columns: 1fr; }
	.lfdr-region-archive .lfdr-lake-card__outline { min-height: 100px; padding: 15px 20px; }
	.lfdr-region-archive .lfdr-lake-card__outline-image { max-width: 205px; height: 70px; }
	.lfdr-region-archive .lfdr-lake-card__body { padding: 18px; }
	.lfdr-region-archive .lfdr-region__others { padding-block: 34px 40px; }
}

@media (prefers-reduced-motion: reduce) {
	.lfdr-region-archive *,
	.lfdr-region-archive *::before,
	.lfdr-region-archive *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}


/* 1.16.0 — Region mobile touch/overflow polish. */
@media (max-width: 700px) {
  .lfdr-region-archive .lfdr-lake-card__link,
  .lfdr-region-archive .lfdr-region__text-link,
  .lfdr-region-archive .lfdr-region__custom-link,
  .lfdr-region-archive .lfdr-region__other-card { min-height: 44px; }
  .lfdr-region-archive .lfdr-region__guide-cta-actions { width: 100%; }
}
@media (max-width: 420px) {
  .lfdr-region-archive .lfdr-region__container { padding-inline: 16px; }
  .lfdr-region-archive .lfdr-region__hero h1 { font-size: clamp(2.45rem, 12vw, 3rem); }
  .lfdr-region-archive .lfdr-region__guide-cta-inner { padding: 26px 20px; }
  .lfdr-region-archive .lfdr-lake-card__facts { gap: 9px; }
}

/* 1.18.1 — focused Region gold refinement; visual-only, dimensions unchanged. */
.lfdr-region-archive {
  --lfdr-accent: var(--lf-color-accent-gold, var(--lfdr-blue-dark));
}

.lfdr-region-archive .lfdr-region__hero .lfdr-region__eyebrow,
.lfdr-region-archive .lfdr-region__section-heading .lfdr-region__eyebrow,
.lfdr-region-archive .lfdr-region__guide-cta .lfdr-region__eyebrow {
  position: relative;
}

.lfdr-region-archive .lfdr-region__hero .lfdr-region__eyebrow::after,
.lfdr-region-archive .lfdr-region__section-heading .lfdr-region__eyebrow::after,
.lfdr-region-archive .lfdr-region__guide-cta .lfdr-region__eyebrow::after {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: var(--lfdr-accent);
}

.lfdr-region-archive .lfdr-lake-card__link span[aria-hidden="true"],
.lfdr-region-archive .lfdr-region__custom-link span[aria-hidden="true"],
.lfdr-region-archive .lfdr-region__other-card span[aria-hidden="true"] {
  color: var(--lfdr-accent);
}

.lfdr-region-archive .lfdr-region__button,
.lfdr-region-archive .lfdr-region__button:hover,
.lfdr-region-archive .lfdr-region__button:focus-visible {
  border-color: var(--lfdr-accent);
}

