/* =========================================================================
   Dina Möbler – Produktsida (navy). Restylar native WooCommerce + våra block.
   Palett som CSS-variabler. Scopas till .single-product.
   ========================================================================= */
.single-product{
	--ink:#16223D; --text:#3A4255; --muted:#8A91A1; --line:#E4E8EF;
	--navy:#1B2A4E; --soft:#ECF0F7;
	--cta:#2563EB; --cta-dk:#1D4FD7;
	--green:#00B67A; --gold:#C9A24B; --panel:#F6F7F9;
}

/* ---- titel / pris / betyg ---- */
.single-product div.product .product_title{color:var(--ink);font-weight:800;line-height:1.18;font-size:30px !important}
@media(max-width:600px){.single-product div.product .product_title{font-size:24px !important}}
.single-product .woocommerce-product-rating{margin-bottom:12px}
.single-product .star-rating span::before{color:var(--green)}
.single-product .woocommerce-product-rating .woocommerce-review-link{color:var(--muted)}
.single-product p.price,
.single-product .price{color:var(--ink) !important;font-weight:800}
.single-product .price del{color:var(--muted);font-weight:600}

/* ---- Svea-delbetalningsbar (utan ram) ---- */
.single-product .dm-pdp-svea{border:0;padding:0;margin:8px 0 22px;font-size:14px;color:var(--text)}

/* ---- Lagerstatus: pill + leveranstid + Mer info-popup ---- */
.single-product .dm-pdp-stock{margin:14px 0 4px}
.single-product .dm-pdp-stock-pill{
	display:inline-flex;align-items:center;gap:8px;background:#E9F4EC;color:#1E7B34;
	font-weight:700;font-size:14px;padding:8px 16px;border-radius:999px;line-height:1;
}
.single-product .dm-pdp-stock-pill .dm-pdp-dot{width:9px;height:9px;border-radius:50%;background:#1E7B34}
.single-product .dm-pdp-stock-pill.is-out{background:#FBEAEA;color:#B3261E}
.single-product .dm-pdp-ship{margin-top:11px;font-size:15px;color:var(--ink);font-weight:600}
.single-product .dm-pdp-ship strong{font-weight:800}
.single-product .dm-pdp-more{margin-left:7px;color:var(--ink);text-decoration:underline;font-weight:600;cursor:pointer;white-space:nowrap}
.single-product .dm-pdp-more .dm-pdp-chev{display:inline-block;text-decoration:none;transition:transform .2s}
.single-product .dm-pdp-more.is-open .dm-pdp-chev{transform:rotate(180deg)}
.single-product .dm-pdp-ship-pop{
	margin-top:11px;background:var(--panel);border-radius:10px;padding:13px 15px;
	font-size:13.5px;color:var(--text);line-height:1.6;max-width:540px;
}
.single-product .dm-pdp-ship-pop strong{color:var(--ink)}
/* Dölj WooCommerce per-variations-lagerstatus (vår produktnivå-pill visas istället) */
.single-product .woocommerce-variation-availability{display:none !important}

/* ---- variationer (native, omstylat) ---- */
.single-product table.variations{border-collapse:collapse;width:100%;margin:8px 0 4px}
.single-product table.variations tr{border:0}
.single-product table.variations td{padding:14px 0;vertical-align:middle}
.single-product table.variations td.label{width:110px}
.single-product table.variations td.label label{font-weight:700;color:var(--ink);font-size:15px;margin:0}
.single-product table.variations td.value{position:relative}
.single-product div.product table.variations td.value select{
	width:100% !important;max-width:none !important;appearance:none;-webkit-appearance:none;
	border:1px solid var(--line);border-radius:10px;background:#fff;
	padding:13px 38px 13px 15px;font-size:14.5px;color:var(--ink);cursor:pointer;height:auto;
}
.single-product table.variations select:focus{outline:none;border-color:var(--cta);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.single-product table.variations td.value::after{content:"▾";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.single-product .reset_variations{display:inline-block;margin-top:10px;font-size:13px;color:var(--muted)}
.single-product .woocommerce-variation-price .price{font-size:22px}

/* ---- knapp + antal ---- */
.single-product .woocommerce-variation-add-to-cart,
.single-product form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}
/* Antals-väljare: enhetlig stepper (− | input | +) */
.single-product .quantity{display:inline-flex;align-items:stretch;height:54px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.single-product .quantity .xts-minus,
.single-product .quantity .xts-plus{
	width:44px;min-width:44px;height:auto;border:0;background:#fff;color:var(--ink);
	font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;
}
.single-product .quantity .xts-minus:hover,
.single-product .quantity .xts-plus:hover{background:var(--panel)}
.single-product .quantity input.qty{
	width:52px;height:auto;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);
	border-radius:0;text-align:center;font-size:15px;color:var(--ink);background:#fff;
}
/* Specificitet .single-product div.product … (0,3,1) slår temats oliv-knapp
   `.woocommerce button.button` (0,2,1) som annars gör CTA:n olivgrön. */
.single-product div.product .single_add_to_cart_button{
	flex:1;min-width:240px;background:var(--cta) !important;color:#fff !important;border:0 !important;
	border-radius:11px !important;padding:18px 22px !important;font-weight:800 !important;
	letter-spacing:.4px;text-transform:uppercase;font-size:15px !important;cursor:pointer;transition:background .15s;
}
.single-product div.product .single_add_to_cart_button:hover{background:var(--cta-dk) !important}

/* ---- betal-logos ---- */
.dm-pdp-pay{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:18px 0;margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dm-pdp-pay span{font-size:12px;font-weight:800;color:#5b6781;letter-spacing:.3px;opacity:.85}

/* ---- USP-rad ---- */
.dm-pdp-usps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;padding:20px 0}
.dm-pdp-usp svg{width:30px;height:30px;stroke:var(--navy);stroke-width:1.4;fill:none;margin:0 auto 7px;display:block}
.dm-pdp-usp span{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.3;display:block}

/* ---- Omnibus ---- */
.dm-pdp-omnibus{background:var(--panel);border-radius:10px;padding:12px 16px;text-align:center;font-size:13.5px;color:var(--muted)}
.dm-pdp-omnibus b{color:var(--ink)}

/* ---- hjälp-kort ---- */
.dm-pdp-help{display:flex;align-items:center;gap:14px;border:1px solid #E4D9BD;background:#FBF7EC;border-radius:12px;padding:14px 16px;margin-top:16px}
.dm-pdp-ava{width:44px;height:44px;border-radius:50%;background:var(--soft);border:2px solid var(--navy);display:grid;place-items:center;color:var(--navy);flex:0 0 auto}
.dm-pdp-ava svg{width:22px;height:22px}
.dm-pdp-help-t{font-size:13.5px;color:var(--muted)}
.dm-pdp-help-t b{display:block;color:var(--ink);font-size:15px}
.dm-pdp-help-t a{color:var(--ink)}

/* ---- botten: Om … + dragspel ---- */
.dm-pdp-bottom{background:var(--panel);border-radius:18px;padding:46px 40px;margin-top:46px}
.dm-pdp-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;max-width:1120px;margin:0 auto}
.dm-pdp-about h2{font-size:26px;color:var(--ink);font-weight:800;margin:0 0 18px}
.dm-pdp-about p{font-size:15px;color:var(--text);margin:0 0 14px}
.dm-pdp-about .dm-pdp-since{color:var(--muted);font-style:italic}

.dm-pdp-tab{border-bottom:1px solid var(--line)}
.dm-pdp-tab-head{display:flex;align-items:center;width:100%;background:none;border:0;cursor:pointer;
	padding:18px 2px;font-weight:700;color:var(--ink);font-size:16px;font-family:inherit;text-align:left}
.dm-pdp-plus{margin-left:auto;color:var(--muted);font-size:20px;line-height:1;transition:transform .2s}
.dm-pdp-tab.open .dm-pdp-plus{transform:rotate(45deg)}
.dm-pdp-tab-body{display:none;padding:0 2px 20px;font-size:14.5px;color:var(--text);line-height:1.65}
.dm-pdp-tab.open .dm-pdp-tab-body{display:block}
.dm-pdp-tab-body :is(p,ul,ol){margin:0 0 12px}

/* ---- Dölj gamla anpassningar så bara modulens design visas ---- */
/* Gammalt Elementor-block "På produktsidan" (#33841 – "Vi aktiverar fakturan…") */
.single-product .elementor-element[data-id="8b78f68"]{display:none !important}
/* Gammalt handkodat trust-block (Fri frakt över 500 / TRYGG BETALNING / garanti) */
.single-product .dm-pdp-usp:has(.dm-pay),
.single-product .dm-pdp-usp:has(.dm-pdp-ship){display:none !important}
/* Dubblett-Svea: temats/pluginets bar direkt i summary (modulens egen i .dm-pdp-svea behålls) */
.single-product .summary.entry-summary > .svea-part-payment-module{display:none !important}
/* XTS besöksräknare "X personer tittar på produkten just nu!" */
.single-product .xts-visits-count{display:none !important}
/* Gammal trust-sektion "Därför handlar du tryggt hos Dina Möbler" */
.single-product .dm-why{display:none !important}
/* Märkeslogga ("Cozy Beds"-länken) i produkthörnet – ser inte bra ut, särskilt mobil */
.single-product .xts-single-product-brands{display:none !important}
/* Brödsmulor: dölj på mobil (rörigt där); behålls på desktop för navigering/SEO */
@media(max-width:768px){
	.single-product .xts-single-product-navs{display:none !important}
}

/* "Köp nu" (XTS buy-now / Svea express) – navy istället för temats oliv. Behålls (vid sidan av blå CTA). */
.single-product div.product button.xts-buy-now-btn.button{
	background:var(--navy) !important;color:#fff !important;border:0 !important;
	border-radius:11px !important;font-weight:800 !important;letter-spacing:.4px;
	padding:18px 26px !important;font-size:15px !important;text-transform:uppercase;line-height:1.1;
}
.single-product div.product button.xts-buy-now-btn.button:hover{background:var(--ink) !important}

/* ---- responsivt ---- */
@media (max-width:920px){
	.dm-pdp-bottom{padding:30px 22px}
	.dm-pdp-bottom-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width:600px){
	/* Köp-knappar: stapla fullbredd & lika höga (inga 3-radiga/ojämna knappar) */
	.single-product .woocommerce-variation-add-to-cart,
	.single-product form.cart{flex-direction:column;align-items:stretch;gap:10px}
	.single-product .quantity{align-self:flex-start}
	.single-product div.product .single_add_to_cart_button,
	.single-product div.product button.xts-buy-now-btn.button{
		width:100%;min-width:0;flex:none;
		padding:16px 18px !important;font-size:14.5px !important;
		display:flex;align-items:center;justify-content:center;text-align:center;
	}
}
@media (max-width:520px){
	.single-product table.variations td.label{width:90px}
	.dm-pdp-usps{grid-template-columns:1fr 1fr;gap:14px}
	.dm-pdp-pay{gap:14px}
}
@media (prefers-reduced-motion:reduce){.dm-pdp-plus{transition:none}}