/**
 * BeaMiiLocal entity detail V3
 * Fælles, afgrænset UI-lag for /sted/{slug}/ og /forening/{slug}/.
 * Eksisterende komponenter og blokdata bevares; filen ejer kun V3-layoutet.
 */

.beamii-entity-detail-v3{
	--beamii-detail-v3-ink:#102033;
	--beamii-detail-v3-muted:#62748a;
	--beamii-detail-v3-blue:#126fa8;
	--beamii-detail-v3-blue-strong:#0d5d90;
	--beamii-detail-v3-blue-soft:#e8f4fb;
	--beamii-detail-v3-line:rgba(16,32,51,.09);
	--beamii-detail-v3-surface:rgba(255,255,255,.97);
	--beamii-detail-v3-green:#167c55;
	--beamii-detail-v3-top:var(--bp-sticky-top, calc(env(safe-area-inset-top, 0px) + 74px));
	--beamii-detail-v3-nav-h:58px;
}

.beamii-entity-detail-v3.beamii-place2__pagebg{
	background:
		radial-gradient(circle at 10% 4%, rgba(255,255,255,.54), transparent 27%),
		linear-gradient(180deg,#c5ddec 0,#e8f1f7 31%,#edf4f8 100%);
}

.beamii-entity-detail-v3 .beamii-place2__page{
	padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px));
}

.beamii-entity-detail-v3 .beamii-place2__wrap,
.beamii-entity-detail-v3 .beamii-association-single__wrap{
	width:100%;
	max-width:860px;
	padding:calc(var(--beamii-detail-v3-top) + 8px) 12px 0;
}

.beamii-entity-detail-v3 .beamii-place2__card,
.beamii-entity-detail-v3 .beamii-place2__section,
.beamii-entity-detail-v3 .beamii-place2__content-card,
.beamii-entity-detail-v3 .beamii-place2__info-card,
.beamii-entity-detail-v3 .beamii-place2__embed-card,
.beamii-entity-detail-v3 .beamii-place2__widget-card,
.beamii-entity-detail-v3 .beamii-entity-posts{
	border:1px solid rgba(255,255,255,.82);
	border-radius:22px;
	background:var(--beamii-detail-v3-surface);
	box-shadow:0 6px 20px rgba(31,60,92,.065);
}

.beamii-entity-detail-v3 [data-beamii-section],
.beamii-entity-detail-v3 .beamii-entity-posts,
.beamii-entity-detail-v3 #beamii-entity-nearby{
	scroll-margin-top:calc(var(--beamii-detail-v3-top) + var(--beamii-detail-v3-nav-h) + 12px);
}

/* Hero ------------------------------------------------------------------ */

.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero{
	margin:0 0 10px;
	overflow:hidden;
	border-radius:26px;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero .beamii-place2__hero-cover{
	min-height:clamp(232px,62vw,258px);
	overflow:hidden;
	background-color:#78a8c9;
}

.beamii-entity-detail-v3__hero-overlay-actions{
	position:absolute;
	inset:12px 12px auto;
	z-index:5;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}

.beamii-entity-detail-v3__hero-overlay-tools{
	display:flex;
	align-items:center;
	gap:8px;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-icon,
.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-back{
	appearance:none;
	display:inline-grid;
	place-items:center;
	width:43px;
	height:43px;
	min-width:43px;
	min-height:43px;
	margin:0;
	padding:0;
	border:1px solid rgba(255,255,255,.58);
	border-radius:999px;
	background:rgba(255,255,255,.92);
	box-shadow:0 7px 18px rgba(11,28,44,.16);
	color:var(--beamii-detail-v3-ink);
	font-size:.96rem;
	text-decoration:none;
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	cursor:pointer;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-back span,
.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-back .beamii-app-back-link__label{
	display:none;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-icon:hover,
.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-icon:focus-visible,
.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-back:hover,
.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-back:focus-visible{
	background:#fff;
	color:var(--beamii-detail-v3-blue-strong);
	outline:3px solid rgba(255,255,255,.42);
	outline-offset:2px;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-favorite[aria-pressed="true"]{
	background:#fff0f3;
	color:#c02d4f;
}

.beamii-entity-detail-v3__hero-copy{
	position:absolute;
	inset:auto 15px 16px;
	z-index:3;
	display:grid;
	grid-template-columns:72px minmax(0,1fr);
	align-items:end;
	gap:13px;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-copy .beamii-place2__logo{
	width:72px;
	height:72px;
	min-width:72px;
	border-radius:21px;
	border:2px solid rgba(255,255,255,.78);
	box-shadow:0 9px 22px rgba(8,24,40,.22);
}

.beamii-entity-detail-v3__identity{
	min-width:0;
	padding-bottom:1px;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__identity .beamii-place2__title{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	margin:0;
	font-size:clamp(1.48rem,7vw,2.15rem);
	line-height:1.02;
	letter-spacing:-.045em;
	text-wrap:balance;
}

.beamii-entity-detail-v3__identity-meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:5px;
	margin:6px 0 0;
	color:#fff;
	font-size:.79rem;
	font-weight:800;
	line-height:1.25;
	text-shadow:0 2px 10px rgba(0,0,0,.46);
}

.beamii-entity-detail-v3__status{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:8px;
}

.beamii-entity-detail-v3__status span{
	display:inline-flex;
	align-items:center;
	gap:5px;
	min-height:25px;
	padding:0 9px;
	border:1px solid rgba(255,255,255,.44);
	border-radius:999px;
	background:rgba(10,29,45,.46);
	color:#fff;
	font-size:.68rem;
	font-weight:850;
	line-height:1;
	backdrop-filter:blur(9px);
	-webkit-backdrop-filter:blur(9px);
}

.beamii-entity-detail-v3__status .is-open{
	background:rgba(17,112,74,.76);
}

.beamii-entity-detail-v3__status .is-verified{
	background:rgba(18,111,168,.78);
}

/* Primære handlinger ---------------------------------------------------- */

.beamii-entity-detail-v3__actions{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(68px,1fr));
	gap:6px;
	padding:9px;
	background:rgba(255,255,255,.98);
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__action{
	appearance:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-width:0;
	min-height:62px;
	padding:7px 4px;
	border:0;
	border-radius:16px;
	background:transparent;
	color:var(--beamii-detail-v3-ink);
	font:inherit;
	font-size:.7rem;
	font-weight:850;
	line-height:1.08;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__action i{
	display:grid;
	place-items:center;
	width:30px;
	height:30px;
	border-radius:11px;
	background:var(--beamii-detail-v3-blue-soft);
	color:var(--beamii-detail-v3-blue);
	font-size:.88rem;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__action span{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	max-width:100%;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__action:hover,
.beamii-entity-detail-v3 .beamii-entity-detail-v3__action:focus-visible{
	background:#f0f7fb;
	color:var(--beamii-detail-v3-blue-strong);
	outline:2px solid rgba(18,111,168,.16);
	outline-offset:0;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__action--favorite[aria-pressed="true"] i{
	background:#fff0f3;
	color:#c02d4f;
}

/* Sektionsmenu. JS bruger fixed fallback, fordi app-shellens display:contents
 * gør CSS position:sticky upålidelig i iOS/Android-webviews. */

.beamii-entity-detail-v3__nav-anchor{
	position:relative;
	min-height:58px;
	margin:0 0 10px;
}

.beamii-entity-detail-v3__nav-anchor[hidden],
.beamii-entity-detail-v3__nav[hidden]{
	display:none !important;
}

.beamii-entity-detail-v3__nav{
	position:relative;
	z-index:48;
	width:100%;
	padding:5px;
	border:1px solid rgba(255,255,255,.76);
	border-radius:18px;
	background:rgba(255,255,255,.94);
	box-shadow:0 5px 16px rgba(31,60,92,.065);
	backdrop-filter:blur(16px) saturate(1.08);
	-webkit-backdrop-filter:blur(16px) saturate(1.08);
}

.beamii-entity-detail-v3__nav.is-fixed{
	position:fixed;
	top:var(--beamii-detail-v3-fixed-top,76px);
	left:50%;
	z-index:760;
	width:min(836px,calc(100% - 20px));
	transform:translateX(-50%);
}

.beamii-entity-detail-v3__nav-toggle{
	appearance:none;
	display:grid;
	grid-template-columns:36px minmax(0,1fr) 20px;
	align-items:center;
	gap:9px;
	width:100%;
	min-height:47px;
	padding:4px 8px 4px 5px;
	border:0;
	border-radius:14px;
	background:transparent;
	color:var(--beamii-detail-v3-ink);
	font:inherit;
	text-align:left;
	cursor:pointer;
}

.beamii-entity-detail-v3__nav-toggle:hover,
.beamii-entity-detail-v3__nav-toggle:focus-visible{
	background:#eff7fb;
	outline:2px solid rgba(18,111,168,.14);
}

.beamii-entity-detail-v3__nav-toggle-icon{
	display:grid;
	place-items:center;
	width:36px;
	height:36px;
	border-radius:12px;
	background:var(--beamii-detail-v3-blue-soft);
	color:var(--beamii-detail-v3-blue);
}

.beamii-entity-detail-v3__nav-toggle-copy{
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:1px;
}

.beamii-entity-detail-v3__nav-toggle-copy small{
	color:var(--beamii-detail-v3-muted);
	font-size:.64rem;
	font-weight:800;
	line-height:1.1;
	text-transform:uppercase;
	letter-spacing:.045em;
}

.beamii-entity-detail-v3__nav-toggle-copy strong{
	overflow:hidden;
	font-size:.82rem;
	font-weight:900;
	line-height:1.25;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.beamii-entity-detail-v3__nav-chevron{
	color:#65788c;
	font-size:.72rem;
	transition:transform .18s ease;
}

.beamii-entity-detail-v3__nav.is-open .beamii-entity-detail-v3__nav-chevron{
	transform:rotate(180deg);
}

.beamii-entity-detail-v3__nav-menu{
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	right:0;
	z-index:2;
	padding:10px;
	border:1px solid rgba(16,32,51,.09);
	border-radius:18px;
	background:#fff;
	box-shadow:0 15px 34px rgba(16,32,51,.16);
}

.beamii-entity-detail-v3__nav-menu[hidden]{
	display:none !important;
}

.beamii-entity-detail-v3__nav-menu > p{
	margin:0 4px 8px;
	color:var(--beamii-detail-v3-muted);
	font-size:.7rem;
	font-weight:800;
}

.beamii-entity-detail-v3__nav-items{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:6px;
	max-height:min(52vh,390px);
	overflow-y:auto;
	overscroll-behavior:contain;
}

.beamii-entity-detail-v3__nav-item{
	appearance:none;
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	min-height:42px;
	padding:7px 9px;
	border:1px solid var(--beamii-detail-v3-line);
	border-radius:13px;
	background:#f7fafc;
	color:#41556b;
	font:inherit;
	font-size:.73rem;
	font-weight:850;
	line-height:1.2;
	text-align:left;
	cursor:pointer;
}

.beamii-entity-detail-v3__nav-item i{
	display:grid;
	place-items:center;
	width:25px;
	height:25px;
	flex:0 0 25px;
	border-radius:9px;
	background:#e8f1f7;
	color:var(--beamii-detail-v3-blue);
	font-size:.68rem;
}

.beamii-entity-detail-v3__nav-item span{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.beamii-entity-detail-v3__nav-item.is-active,
.beamii-entity-detail-v3__nav-item[aria-current="location"]{
	border-color:#102033;
	background:#102033;
	color:#fff;
}

.beamii-entity-detail-v3__nav-item.is-active i,
.beamii-entity-detail-v3__nav-item[aria-current="location"] i{
	background:rgba(255,255,255,.13);
	color:#fff;
}

/* Indhold --------------------------------------------------------------- */

.beamii-entity-detail-v3 .beamii-place2__info-card,
.beamii-entity-detail-v3 .beamii-place2__content-card,
.beamii-entity-detail-v3 .beamii-place2__section,
.beamii-entity-detail-v3 .beamii-place2__embed-card,
.beamii-entity-detail-v3 .beamii-place2__widget-card,
.beamii-entity-detail-v3 .beamii-place2__reco-section,
.beamii-entity-detail-v3 .beamii-entity-posts{
	margin-bottom:10px;
	padding:15px;
}

.beamii-entity-detail-v3 .beamii-place2__section-title{
	font-size:1.04rem;
	letter-spacing:-.025em;
}

.beamii-entity-detail-v3 .beamii-place2__content-body{
	font-size:.91rem;
	line-height:1.58;
}

.beamii-entity-detail-v3 .beamii-place2__content-body p{
	margin-bottom:11px;
}

.beamii-entity-detail-v3__clampable.is-collapsed{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
	overflow:hidden;
}

.beamii-entity-detail-v3__read-more{
	appearance:none;
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:36px;
	margin-top:9px;
	padding:0 12px;
	border:1px solid rgba(18,111,168,.13);
	border-radius:999px;
	background:var(--beamii-detail-v3-blue-soft);
	color:var(--beamii-detail-v3-blue-strong);
	font:inherit;
	font-size:.78rem;
	font-weight:850;
	cursor:pointer;
}

.beamii-entity-detail-v3 .beamii-entity-posts{
	--beamii-post-shadow:none;
}

/* Samlet I nærheden ---------------------------------------------------- */

.beamii-entity-detail-v3__nearby{
	margin:10px 0 14px;
	padding:16px;
	overflow:hidden;
}

.beamii-entity-detail-v3__nearby-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:12px;
}

.beamii-entity-detail-v3__eyebrow{
	display:block;
	margin-bottom:3px;
	color:var(--beamii-detail-v3-blue);
	font-size:.66rem;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.beamii-entity-detail-v3__nearby-icon{
	display:grid;
	place-items:center;
	width:38px;
	height:38px;
	flex:0 0 38px;
	border-radius:13px;
	background:var(--beamii-detail-v3-blue-soft);
	color:var(--beamii-detail-v3-blue);
}

.beamii-entity-detail-v3__nearby-tabs{
	display:flex;
	gap:7px;
	overflow-x:auto;
	margin:0 -2px 13px;
	padding:2px;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}

.beamii-entity-detail-v3__nearby-tabs::-webkit-scrollbar{
	display:none;
}

.beamii-entity-detail-v3__nearby-tab{
	appearance:none;
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:36px;
	padding:0 11px;
	border:1px solid var(--beamii-detail-v3-line);
	border-radius:999px;
	background:#f7fafc;
	color:#4b6075;
	font:inherit;
	font-size:.73rem;
	font-weight:850;
	white-space:nowrap;
	cursor:pointer;
}

.beamii-entity-detail-v3__nearby-tab.is-active,
.beamii-entity-detail-v3__nearby-tab[aria-selected="true"]{
	border-color:var(--beamii-detail-v3-blue);
	background:var(--beamii-detail-v3-blue);
	color:#fff;
}

.beamii-entity-detail-v3__nearby-panel[hidden]{
	display:none !important;
}

.beamii-entity-detail-v3 .beamii-entity-detail-v3__nearby .beamii-place2__reco-slider,
.beamii-entity-detail-v3 .beamii-place2__manual-recommendations-slider{
	grid-auto-columns:minmax(216px,82%);
	gap:10px;
	padding:2px 9% 6px 1px;
	scroll-padding-inline:1px;
}

.beamii-entity-detail-v3__nearby-map{
	display:grid;
	grid-template-columns:auto 1fr auto;
	align-items:center;
	gap:9px;
	min-height:43px;
	margin-top:12px;
	padding:0 13px;
	border-radius:14px;
	background:var(--beamii-detail-v3-blue-soft);
	color:var(--beamii-detail-v3-blue-strong);
	font-size:.82rem;
	font-weight:900;
	text-decoration:none;
}

.beamii-entity-detail-v3__nearby-map:hover,
.beamii-entity-detail-v3__nearby-map:focus-visible{
	background:#dceff9;
	color:#0a527f;
	outline:2px solid rgba(18,111,168,.14);
}

/* De gamle forenings-layoutregler må ikke genindføre sidebar/grid i V3. */
.beamii-association-single.beamii-entity-detail-v3 .beamii-place2__wrap > *{
	max-width:100%;
}

@media (min-width:720px){
	.beamii-entity-detail-v3 .beamii-place2__wrap,
	.beamii-entity-detail-v3 .beamii-association-single__wrap{
		padding-left:18px;
		padding-right:18px;
	}

	.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero .beamii-place2__hero-cover{
		min-height:320px;
	}

	.beamii-entity-detail-v3__hero-copy{
		inset:auto 22px 22px;
		grid-template-columns:86px minmax(0,1fr);
		gap:17px;
	}

	.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-copy .beamii-place2__logo{
		width:86px;
		height:86px;
		min-width:86px;
	}

	.beamii-entity-detail-v3 .beamii-entity-detail-v3__action{
		min-height:66px;
		font-size:.78rem;
	}

	.beamii-entity-detail-v3 .beamii-entity-detail-v3__nearby .beamii-place2__reco-slider,
	.beamii-entity-detail-v3 .beamii-place2__manual-recommendations-slider{
		grid-auto-columns:minmax(240px,42%);
		padding-right:8%;
	}
}

@media (max-width:374px){
	.beamii-entity-detail-v3 .beamii-place2__wrap,
	.beamii-entity-detail-v3 .beamii-association-single__wrap{
		padding-left:9px;
		padding-right:9px;
	}

	.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero .beamii-place2__hero-cover{
		min-height:232px;
	}

	.beamii-entity-detail-v3__hero-copy{
		grid-template-columns:64px minmax(0,1fr);
		gap:10px;
	}

	.beamii-entity-detail-v3 .beamii-entity-detail-v3__hero-copy .beamii-place2__logo{
		width:64px;
		height:64px;
		min-width:64px;
		border-radius:18px;
	}

	.beamii-entity-detail-v3 .beamii-entity-detail-v3__action{
		min-height:58px;
		font-size:.64rem;
	}

	.beamii-entity-detail-v3__nav-items{
		grid-template-columns:1fr;
	}
}

@media (prefers-reduced-motion:reduce){
	.beamii-entity-detail-v3 *,
	.beamii-entity-detail-v3 *::before,
	.beamii-entity-detail-v3 *::after{
		scroll-behavior:auto !important;
		transition-duration:.01ms !important;
		animation-duration:.01ms !important;
	}
}