/* Populære Elcykler – grid + card styling. Mobilfirst, 1 → 2 → 3 kolonner. */
.elpop-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:clamp(16px, 2.5vw, 28px);
	/* ~30% bredere end theme'ets content-size (42rem → ~54.6rem). Centreret. */
	max-width:calc(var(--wp--style--global--content-size, 42rem) * 1.3);
	width:100%;
	margin:0 auto 2rem;
}
@media(min-width:640px){
	.elpop-grid.elpop-cols-2,
	.elpop-grid.elpop-cols-3,
	.elpop-grid.elpop-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:960px){
	.elpop-grid.elpop-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
	.elpop-grid.elpop-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.elpop-card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #e4e7eb;
	border-radius:14px;
	overflow:hidden;
	box-shadow:0 1px 2px rgba(20,27,41,.04);
	transition:transform .18s ease, box-shadow .18s ease;
	height:100%;
}
.elpop-card:hover{
	transform:translateY(-3px);
	box-shadow:0 10px 24px rgba(20,27,41,.08);
}
.elpop-card__imglink{
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f6f8fb;
	aspect-ratio:4/3;
	overflow:hidden;
	text-decoration:none;
}
.elpop-card__img{
	display:block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
	margin:auto;
	padding:12px;
	box-sizing:border-box;
}
.elpop-card__noimg{
	width:100%;
	height:100%;
	background:repeating-linear-gradient(45deg,#eef1f5,#eef1f5 8px,#e4e8ef 8px,#e4e8ef 16px);
}
.elpop-card__body{
	display:flex;
	flex-direction:column;
	flex:1 1 auto;
	padding:18px 18px 20px;
}
.elpop-card__title{
	font-size:1.12rem;
	line-height:1.3;
	margin:0 0 6px;
	color:#16202c;
	font-weight:700;
}
.elpop-card__title a{
	color:inherit;
	text-decoration:none;
}
.elpop-card__title a:hover{
	color:#0b7c45;
}
.elpop-card__price{
	margin:0 0 10px;
	font-size:.96rem;
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:baseline;
}
.elpop-card__price-now{
	font-weight:700;
	color:#c92a2a;
}
.elpop-card__price-old{
	text-decoration:line-through;
	color:#6b7280;
	font-size:.9em;
}
.elpop-card__desc{
	color:#334155;
	font-size:.95rem;
	line-height:1.55;
	margin-bottom:18px;
}
.elpop-card__desc p{margin:0 0 .7em}
.elpop-card__desc p:last-child{margin-bottom:0}
.elpop-card__cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin-top:auto;
	padding:12px 16px;
	background:#1e293b;
	color:#fff !important;
	font-weight:600;
	font-size:.98rem;
	text-decoration:none !important;
	border-radius:10px;
	text-align:center;
	transition:background .15s ease, transform .15s ease;
	box-shadow:0 1px 0 rgba(0,0,0,.05);
}
.elpop-card__cta:hover,
.elpop-card__cta:focus{
	background:#0b7c45;
	transform:translateY(-1px);
}
.elpop-card__arrow{
	transition:transform .15s ease;
}
.elpop-card__cta:hover .elpop-card__arrow{
	transform:translateX(3px);
}
.elpop-disclaimer{
	font-size:.82rem;
	color:#6b7280;
	margin:1rem 0 0;
	font-style:italic;
	text-align:center;
}
.elpop-empty{
	padding:2rem;
	border:1px dashed #d1d5db;
	border-radius:12px;
	text-align:center;
	color:#6b7280;
}

/* --- Single-side: /elcykel/{slug}/ --- */
.elpop-single{
	max-width:720px;
	margin:0 auto;
}
.elpop-single__price{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	align-items:baseline;
	margin:0 0 1.5rem;
	padding:14px 18px;
	background:#f6f8fb;
	border-radius:12px;
	border:1px solid #e4e7eb;
}
.elpop-single__price-label{
	color:#475569;
	font-size:.95rem;
}
.elpop-single__price-now{
	font-weight:800;
	color:#c92a2a;
	font-size:1.35rem;
}
.elpop-single__price-old{
	text-decoration:line-through;
	color:#6b7280;
	font-size:1rem;
}
.elpop-single__content{
	margin:0 0 2rem;
	font-size:1.05rem;
	line-height:1.65;
	color:#1f2937;
}
.elpop-single__content p{margin:0 0 1em}
.elpop-single__content p:last-child{margin-bottom:0}
.elpop-single__cta-wrap{
	margin:2rem 0;
	padding:24px;
	background:linear-gradient(135deg, #0f9d58 0%, #0b7c45 100%);
	border-radius:14px;
	text-align:center;
	box-shadow:0 6px 20px rgba(15,157,88,.18);
}
.elpop-single__cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:16px 32px;
	background:#fff;
	color:#0b7c45 !important;
	font-weight:800;
	font-size:1.1rem;
	text-decoration:none !important;
	border-radius:10px;
	transition:transform .15s ease, box-shadow .15s ease;
	box-shadow:0 2px 8px rgba(0,0,0,.1);
}
.elpop-single__cta:hover,
.elpop-single__cta:focus{
	transform:translateY(-2px);
	box-shadow:0 6px 16px rgba(0,0,0,.15);
}
.elpop-single__cta-arrow{
	transition:transform .15s ease;
}
.elpop-single__cta:hover .elpop-single__cta-arrow{
	transform:translateX(4px);
}
.elpop-single__cta-note{
	margin:12px 0 0;
	font-size:.85rem;
	color:rgba(255,255,255,.92);
}

/* Block theme single.html viser featured image automatisk — sørg for den er centreret og pæn.
   Override theme'ets tvungne aspect-ratio:16/9 (inline style på figure) + object-fit:cover
   så billedet vises i dets naturlige forhold / fulde højde. */
.elpop-single-page .wp-block-post-featured-image{
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1rem !important;
	text-align:center;
	aspect-ratio:auto !important;
	height:auto !important;
}
.elpop-single-page .wp-block-post-featured-image a,
.elpop-single-page .wp-block-post-featured-image .wp-block-post-featured-image__link{
	display:block;
	aspect-ratio:auto !important;
	height:auto !important;
}
.elpop-single-page .wp-block-post-featured-image img{
	width:100% !important;
	height:auto !important;
	max-height:none !important;
	aspect-ratio:auto !important;
	object-fit:contain !important;
	margin-left:auto;
	margin-right:auto;
	border-radius:12px;
	background:#f6f8fb;
	padding:16px;
	box-sizing:border-box;
}
/* Luk lodret luft mellem billede og content på single-siden. */
.elpop-single-page .wp-block-post-content,
.elpop-single-page .entry-content{
	margin-top:0 !important;
	padding-top:0 !important;
}
.elpop-single-page .wp-block-post-content > *:first-child,
.elpop-single-page .entry-content > *:first-child{
	margin-top:0 !important;
}
/* Block theme spacing overrides — undgå store gaps mellem post-blokke. */
.elpop-single-page .wp-block-post-title + .wp-block-post-featured-image,
.elpop-single-page .wp-block-post-featured-image + *{
	margin-top:0 !important;
}