/* PokeStasch - produktsidans identitet (se pokestasch-product-story.php).
   Stampeln foljer mockupen i designkoncept/pokestasch-designkoncept.html
   (koncept 2): roterad liten bricka, streckad ram, gron verifierings-punkt -
   men i sajtens svartvita toner istallet for mockupens morka tema. */

.pokestasch-checked-stamp {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1.1rem;
	padding: 0.5rem 0.95rem;
	border: 1.5px dashed rgba(0, 0, 0, 0.65);
	border-radius: 6px;
	background: #fff;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.2;
	transform: rotate(-1deg);
	box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.08);
}

.pokestasch-checked-stamp__check {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #2e7d32;
	flex: 0 0 auto;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	color: transparent;
}

.pokestasch-checked-stamp__date {
	font-weight: 400;
	opacity: 0.6;
}

.pokestasch-collectors-note {
	margin-top: 1.1rem;
	padding: 0.9rem 1.1rem;
	border-left: 3px solid #111;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 0 6px 6px 0;
}

.pokestasch-collectors-note__label {
	display: block;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	opacity: 0.6;
	margin-bottom: 0.35rem;
}

.pokestasch-collectors-note p {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.55;
}

/* Produktbeskrivningen: samma inramade look som anteckningsrutan (mockupens
   stil i sajtens toner) istallet for en oformaterad textklump. Forsta
   stycket (kortnamn | nummer | sprak) far fet stil som rubrikrad. */
body.single-product .wp-block-post-content {
	margin-top: 1.25rem;
	padding: 1rem 1.25rem;
	border-left: 3px solid #111;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 0 6px 6px 0;
	max-width: 65ch;
}

body.single-product .wp-block-post-content > p {
	margin: 0 0 0.6rem;
	line-height: 1.55;
}

body.single-product .wp-block-post-content > p:last-child {
	margin-bottom: 0;
}

body.single-product .wp-block-post-content > p:first-child {
	font-weight: 700;
}

/* Lagerstatus ("Endast 1 kvar" / "X i lager", text fran snippet 7) som chip
   i samma familj som kontrollstampeln. Amber punkt = akta knapphet (korten
   ar ofta unika exemplar). Slutsalt far daempad gra variant.
   OBS: pa den blockifierade produktsidan heter elementet
   .wp-block-woocommerce-product-stock-indicator (verifierat 2026-07-18);
   p.stock behalls for ev. klassiska vyer. */
body.single-product .wp-block-woocommerce-product-stock-indicator,
body.single-product p.stock {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.35rem 0.85rem;
	border: 1.5px solid #111;
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.2;
	color: #111;
	margin: 0.4rem 0 0.6rem;
}

body.single-product .wp-block-woocommerce-product-stock-indicator::before,
body.single-product p.stock::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #b45309;
	flex: 0 0 auto;
}

body.single-product .wc-block-components-product-stock-indicator--out-of-stock,
body.single-product p.stock.out-of-stock {
	border-color: rgba(0, 0, 0, 0.35);
	color: rgba(0, 0, 0, 0.55);
}

body.single-product .wc-block-components-product-stock-indicator--out-of-stock::before,
body.single-product p.stock.out-of-stock::before {
	background: rgba(0, 0, 0, 0.35);
}

/* Skick-chippen: den enda kvarvarande raden i kopzonen efter textstadningen
   2026-07-18 (ovriga rader togs bort eller flyttades - se ARBETSLOGG). */
body.single-product p.pokestasch-skick-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.35rem 0.85rem;
	border: 1.5px solid rgba(0, 0, 0, 0.45);
	border-radius: 999px;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.2;
	color: #333;
	margin: 0.5rem 0 0;
}

/* Kortfakta-raden under chippen: kortnummer + sprak, auto-hamtad. */
.pokestasch-card-facts {
	margin: 0.45rem 0 0;
	font-size: 0.8rem;
	font-weight: 600;
	color: #555;
	letter-spacing: 0.01em;
}

/* Tajtare vertikal rytm i kopzonen (Alejandro 2026-07-18: for mycket
   tomyta, sarskilt pa mobil). !important kravs dar mallen satter
   inline-marginaler pa blocken. */
body.single-product h1.wp-block-post-title {
	margin-bottom: 0.4rem;
}

body.single-product .product [data-block-name="woocommerce/product-price"],
body.single-product [data-block-name="woocommerce/product-price"].wp-block-woocommerce-product-price {
	margin-top: 0.5rem !important;
}

body.single-product .wp-block-woocommerce-product-stock-indicator {
	margin-top: 0.7rem !important;
	margin-bottom: 0.7rem !important;
}

/* "Om vara bilder och markningar" under kopblocket - OPPEN som standard
   (Alejandro hittade den inte nar den var hopfalld, 2026-07-18) och med
   egen ruta i samma familj som beskrivningsboxen, fast lattare. */
body.single-product details.pokestasch-image-info {
	margin-top: 1.1rem;
	padding: 0.8rem 1rem;
	background: rgba(0, 0, 0, 0.03);
	border-left: 3px solid rgba(0, 0, 0, 0.25);
	border-radius: 0 6px 6px 0;
	font-size: 0.85rem;
	color: #555;
	max-width: 60ch;
}

body.single-product details.pokestasch-image-info summary {
	cursor: pointer;
	font-weight: 700;
	font-size: 0.82rem;
	color: #111;
	padding: 0.1rem 0;
}

body.single-product details.pokestasch-image-info p {
	margin: 0.5rem 0 0;
	line-height: 1.5;
}

/* Svep-tips under galleriet - bara mobil (dar svep faktiskt finns). */
.pokestasch-swipe-hint {
	display: none;
}

@media (max-width: 768px) {
	.pokestasch-swipe-hint {
		display: block;
		text-align: center;
		font-size: 0.75rem;
		color: #666;
		margin-top: 0.4rem;
	}
}