/* Pladeværk – Rum-visning (galleri) + Displate-inspireret varevalg */

/* ---------- Layout: bredere vareside og stort galleri (som hos Displate) ---------- */
.single-product .site-content > .ast-container { max-width: 1560px; }
@media (min-width: 922px) {
	.woocommerce div.product div.images.pv-gallery { width: 66% !important; }
	.woocommerce div.product div.summary { width: 30% !important; }
}

/* ---------- Galleri ---------- */
.pv-gallery { position: relative; margin-bottom: 2em; }
.pv-main { position: relative; border-radius: 12px; overflow: hidden; background: #E8E6DF; }
.pv-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.pv-track::-webkit-scrollbar { display: none; }
.pv-slide { position: relative; flex: 0 0 100%; aspect-ratio: var(--room-ratio); overflow: hidden; scroll-snap-align: start; }
.pv-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pv-alone { --x: 50%; --y: 50%; --h: 80%; background: radial-gradient(circle at 50% 40%, #F7F6F2, #E2DFD8); }

/* Plakaten: placeres i % og skalerer derfor med slidet (samme format som rum-billedet) */
.pv-poster {
	position: absolute; left: var(--x); top: var(--y); height: var(--h); aspect-ratio: 32 / 45;
	transform: translate(-50%, -50%); isolation: isolate;
	filter: drop-shadow(-3px 3px 8px rgba(44, 55, 61, .5)); transition: height .35s ease;
}
.pv-gallery[data-size="l"] .pv-room .pv-poster { height: calc(var(--h) * 64 / 45); }
.pv-poster img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 1px; margin: 0 !important; }
/* Metal-glans */
.pv-poster::after { content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(90deg, rgba(254, 254, 254, 0) 40%, rgba(254, 254, 254, .2) 94%); }
/* Ramme: lige tyk hele vejen rundt (4,5 % af højden = 6,3 % af bredden) */
.pv-poster::before { content: ""; position: absolute; inset: -4.5% -6.3%; z-index: -1; display: none; border-radius: 1px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25), inset 0 0 6px rgba(0, 0, 0, .35); }
.pv-gallery:not([data-frame="ingen"]) .pv-poster::before { display: block; }
.pv-gallery[data-frame="natur"] .pv-poster::before { background: repeating-linear-gradient(90deg, #6F5B47 0 2px, #8A7560 2px 5px, #5C4A3A 5px 7px, #9C8770 7px 9px); }
.pv-gallery[data-frame="grafit"] .pv-poster::before { background: radial-gradient(#4a4b50 1px, transparent 1.5px) 0 0 / 5px 5px, #232427; }
.pv-gallery[data-frame="hvid"] .pv-poster::before { background: linear-gradient(90deg, #F7F7F5, #ECECE8); }
.pv-gallery[data-frame="sort"] .pv-poster::before { background: linear-gradient(90deg, #1b1c20, #111214); }

/* Pile */
.pv-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 50%;
	background: rgba(255, 255, 255, .85); color: #141414; font-size: 24px; line-height: 1; cursor: pointer; padding: 0; }
.pv-nav:hover { background: #fff; }
.pv-prev { left: 104px; } .pv-next { right: 12px; }

/* Thumbnails: samme opbygning i mini-størrelse, beskåret omkring plakaten */
.pv-thumbs { position: absolute; z-index: 2; top: 16px; left: 16px; display: flex; flex-direction: column; gap: 10px; }
.pv-thumb { position: relative; width: 72px; height: 72px; padding: 0; border: 2px solid #fff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,.25);
	overflow: hidden; background: #E8E6DF; cursor: pointer; }
.pv-thumb.is-active { border-color: #0B5CFF; }
.pv-thumb .pv-slide { position: absolute; height: 120%; width: auto; left: 50%; top: 50%;
	transform: translate(calc(var(--x, 50%) * -1), calc(var(--y, 50%) * -1)); }
.pv-thumb .pv-alone { height: 100%; }
.pv-thumb .pv-poster { transition: none; filter: drop-shadow(-1px 1px 2px rgba(44, 55, 61, .5)); }

@media (max-width: 921px) {
	.woocommerce div.product div.images.pv-gallery { width: 100% !important; }
	.woocommerce div.product div.summary { width: 100% !important; }
	.pv-thumbs { position: static; flex-direction: row; overflow-x: auto; margin-top: 10px; padding-bottom: 4px; }
	.pv-thumb { flex: 0 0 64px; width: 64px; height: 64px; box-shadow: none; border-color: transparent; }
	.pv-nav { width: 34px; height: 34px; font-size: 20px; }
	.pv-prev { left: 12px; }
}

/* ---------- Købsboks (Displate-inspireret) ---------- */
.single-product div.product .summary > p.price { display: none; } /* prisen vises ved det valgte variant */
.single-product .woocommerce-variation-price .price { font-size: 32px; font-weight: 800; color: #141414; margin: 8px 0 0; }
.single-product table.variations, .single-product table.variations tbody,
.single-product table.variations tr, .single-product table.variations th, .single-product table.variations td { display: block; width: 100%; padding: 0; border: 0; }
.single-product table.variations th.label { padding-top: 14px; }
.single-product table.variations th.label label { font-weight: 700; margin-bottom: 8px; display: inline-block; }

/* Knap-swatches (Type, Størrelse) som segmenteret kontrol */
.single-product ul.button-variable-items-wrapper { display: flex; gap: 4px; padding: 4px; margin: 0; background: #E8E6DF; border-radius: 6px; }
.single-product li.button-variable-item { flex: 1; height: 44px !important; margin: 0 !important; justify-content: center;
	background: transparent !important; border: 2px solid transparent !important; border-radius: 4px !important;
	box-shadow: none !important; font-weight: 600; font-size: 15px; color: #141414; }
.single-product li.button-variable-item:hover { background: rgba(255, 255, 255, .6) !important; }
.single-product li.button-variable-item.selected { background: #fff !important; border-color: #0B5CFF !important; color: #0B5CFF; }

/* Billed-swatches (Ramme) med navn under */
.single-product ul.image-variable-items-wrapper { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.single-product li.image-variable-item { position: relative; overflow: visible !important; width: 64px !important; height: auto !important; margin: 0 !important;
	padding: 0 !important; background: none !important; box-shadow: none !important; border-radius: 6px !important; }
.single-product li.image-variable-item img { display: block; width: 64px; height: 36px; border: 2px solid #D6D3CC; border-radius: 4px; }
.single-product li.image-variable-item.selected img { border-color: #0B5CFF; }
.single-product li.image-variable-item { flex-direction: column; }
.single-product .pv-swatch-label { display: block; margin-top: 4px; text-align: center; font-size: 13px; font-weight: 600; color: #141414; white-space: nowrap; }

/* Læg i kurv */
.single-product .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
.single-product .woocommerce-variation-add-to-cart .tinv-wraper { flex-basis: 100%; margin: 4px 0 0; }
.single-product .woocommerce-variation-add-to-cart .quantity input.qty { height: 52px; width: 64px; }
.single-product .single_add_to_cart_button { flex: 1; min-height: 52px; font-size: 17px !important; font-weight: 700 !important;
	text-transform: uppercase; letter-spacing: .9px; background: #0B5CFF !important; border-radius: 4px !important; }
.single-product .single_add_to_cart_button:hover { background: #0847C7 !important; }

/* Rabatboks og USP'er */
.pv-promo { margin: 14px 0; padding: 14px 16px; background: #FFF1D6; border: 1px solid #FFD27A; border-radius: 8px; font-size: 14px; }
.pv-promo strong { display: block; font-size: 16px; color: #141414; margin-bottom: 2px; }
.pv-promo code { background: #fff; padding: 2px 6px; border-radius: 4px; font-weight: 700; color: #141414; }
.pv-usp { list-style: none; margin: 16px 0 0; padding: 0; font-size: 14px; color: #5C5C5C; }
.pv-usp li { margin: 6px 0; display: flex; gap: 8px; align-items: center; }