/* Trimma Bricks-kortets nedre padding så delbetalningen ligger mot kortets botten */
.card-bts-product-grid__info.brxe-block {
	padding-bottom: 0 !important;
}

/* Fix: dubbla checkboxar i Bricks produktfilter.
   ACSS renderar en fake-checkbox via label::before för .form--light/.form--dark,
   men Bricks-filter ritar redan sin egen via <span class="brx-input-indicator">.
   Vi tar bort ACSS:s ::before specifikt på Bricks-filterelement. */
.brxe-filter-checkbox label::before,
.brxe-filter-radio label::before {
	content: none !important;
}

/* Mindre padding på produktkorten på mobil — så två kort får plats side-by-side */
@media (max-width: 767px) {
	.card-bts-product-grid,
	.card-bts-product-grid__wrapper,
	.card-bts-product-grid__info {
		padding-left: 8px;
		padding-right: 8px;
	}
}

/* Hela kortet klickbart — stretched link pattern.
   Titellänken (första <a> i kortet) växer till att täcka hela .clickable-parent.
   Interaktiva element som "Vad ingår"-tooltipen får z-index: 2 för att inte stjälas. */
.clickable-parent {
	position: relative;
	cursor: pointer;
}
.clickable-parent a:first-of-type::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
/* Allt interaktivt inom kortet måste ligga ovanför den osynliga klickytan */
.clickable-parent .botniastugan-stugkort__features,
.clickable-parent .botniastugan-stugkort__features-list,
.clickable-parent .lffinans-mer-info,
.clickable-parent button,
.clickable-parent a:not(:first-of-type) {
	position: relative;
	z-index: 2;
}

/* Botniastugan – stugkort-metablock (sortimentsarkiv) */
.botniastugan-stugkort {
	--bs-bubble-bg: #f3f6f2;
	--bs-bubble-border: transparent;
	--bs-text: #2b2b2b;
	--bs-muted: #6b6b6b;
	--bs-divider: #e6e6e6;

	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 8px;
	font-family: inherit;
	color: var(--bs-text);
	text-align: center;
}

.botniastugan-stugkort__meta {
	font-size: 14px;
	letter-spacing: .2px;
	color: var(--bs-muted);
	font-weight: 500;
	padding: 4px 0 8px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 10px;
}

.botniastugan-stugkort__meta-item {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}

.botniastugan-stugkort__meta-icon {
	display: inline-grid;
	place-items: center;
	margin-bottom: 0.5rem;
}
.botniastugan-stugkort__meta-icon svg {
	width: 32px;
	height: 32px;
	color: var(--secondary-trans-90);
}

.botniastugan-stugkort__meta-sep {
	color: #d8d8d8;
	user-select: none;
	padding-bottom: 4px;
}

.botniastugan-stugkort__stats {
	display: flex;
	justify-content: center;
	gap: 22px;
	flex-wrap: wrap;
	padding: 6px 0;
}

.botniastugan-stugkort__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 56px;
}

.botniastugan-stugkort__stat-key {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .7px;
	font-weight: 700;
	color: var(--bs-muted);
	margin-bottom: 2px;
}

.botniastugan-stugkort__stat-val {
	font-size: 20px;
	font-weight: 800;
	color: var(--bs-text);
	line-height: 1;
}

.botniastugan-stugkort__stat-unit {
	font-size: 11px;
	font-weight: 600;
	color: var(--bs-muted);
	margin-top: 2px;
}

.botniastugan-stugkort__price {
	font-family: "Geist Mono";
	font-size: var(--text-l);
	font-weight: 700;
	color: var(--bs-text);
	margin-top: 8px;
	line-height: 1.1;
	letter-spacing: -.5px;
}

/* Rea-pris: gammalt struck-through + nytt i accent-färg */
.botniastugan-stugkort__price.is-sale {
	display: inline-flex;
	gap: 10px;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
}
.botniastugan-stugkort__price-old {
	font-size: 0.7em;
	font-weight: 500;
	color: var(--bs-muted);
	text-decoration: line-through;
	text-decoration-thickness: 1.5px;
	text-decoration-color: var(--bs-muted);
}
.botniastugan-stugkort__price-new {
	color: #f00;
}

.botniastugan-stugkort__vat {
	font-size: 11px;
	color: var(--bs-muted);
	margin-top: -6px;
}

/* Göm Bricks/Woo dubbelpris-element direkt under vårt shortcode-block i loopen */
.brxe-shortcode:has(> .botniastugan-stugkort) + .brxe-product-price,
.brxe-shortcode:has(> .botniastugan-stugkort) + .price,
.botniastugan-stugkort + .price,
.botniastugan-stugkort + .woocommerce-Price-amount,
.botniastugan-stugkort + span.price {
	display: none !important;
}

.botniastugan-stugkort__features {
	position: relative;
	margin: 4px auto 0;
}

.botniastugan-stugkort__features > summary {
	list-style: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	color: var(--bs-muted);
	background: #f3f6f2;
	border: 1px solid #e3e8e0;
	padding: 4px 12px 4px 8px;
	border-radius: 999px;
	transition: background .15s, color .15s;
	user-select: none;
}

.botniastugan-stugkort__features > summary::-webkit-details-marker { display: none; }
.botniastugan-stugkort__features > summary::marker { display: none; content: ''; }

.botniastugan-stugkort__features > summary:hover {
	background: #e8efe6;
	color: var(--bs-text);
}

.botniastugan-stugkort__features-icon {
	display: inline-grid;
	place-items: center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #2f5a3a;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	font-style: italic;
	font-family: Georgia, serif;
	line-height: 1;
}

.botniastugan-stugkort__features-list {
	list-style: none;
	margin: 8px 0 0;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #e3e8e0;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0,0,0,.10);
	text-align: left;
	position: absolute;
	z-index: 50;
	left: 50%;
	transform: translateX(-50%);
	min-width: 220px;
	max-width: 260px;
}

.botniastugan-stugkort__features-list li {
	font-size: 12px;
	color: var(--bs-text);
	padding: 4px 0 4px 18px;
	position: relative;
	line-height: 1.35;
}

.botniastugan-stugkort__features-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 10px;
	height: 6px;
	border-left: 2px solid #2f5a3a;
	border-bottom: 2px solid #2f5a3a;
	transform: rotate(-45deg);
}

/* Hover-toggle på desktop (utöver klick-toggle) */
@media (hover: hover) {
	.botniastugan-stugkort__features:hover > .botniastugan-stugkort__features-list {
		display: block;
	}
	.botniastugan-stugkort__features:not([open]) > .botniastugan-stugkort__features-list {
		display: none;
	}
	.botniastugan-stugkort__features:hover:not([open]) > .botniastugan-stugkort__features-list {
		display: block;
	}
}

.botniastugan-stugkort__finance {
	font-size: 12px;
	color: var(--bs-muted);
	border-top: 1px solid var(--bs-divider);
	padding-top: 16px;
	padding-bottom: 0px;
	margin-top: 0;
}

.botniastugan-stugkort__finance strong {
	color: var(--bs-text);
}