/* ==========================================================================
   Styl bloku: adm-sbm-details
   – na bloku Szczegóły (core/details):  details.is-style-adm-sbm-details
   – na bloku Grupa (core/group):         każdy <details> wewnątrz grupy
   Kolejne <details> obok siebie tworzą jedną listę (FAQ).
   Kolory i font z motywu storefront-sbm-2026 (style-root.css).
   ========================================================================== */

.is-style-adm-sbm-details {
	--adm-sbm-ink    : var(--dark-first, #1E293B);
	--adm-sbm-accent : var(--blue-first, #2563EB);
	--adm-sbm-hover  : var(--blue-sec, #0241cb);           /* kolor linków z motywu */
	--adm-sbm-soft   : color-mix(in srgb, var(--dark-first, #1E293B) 35%, #fff);  /* przygaszony „?” */
	--adm-sbm-rule   : var(--fig-border-neutral-lighter, #E2E8F0);
	--adm-sbm-ease   : cubic-bezier(.2, .7, .2, 1);
	--adm-sbm-lead   : 1.75rem;                          /* kolumna strzałki = wcięcie pytania i odpowiedzi */
}

:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) {
	margin           : 0;
	padding          : 0;
	border           : 0;
	border-bottom    : 1px solid var(--adm-sbm-rule);
	interpolate-size : allow-keywords;   /* płynne rozwijanie w nowszych przeglądarkach */
}
/* pierwszy w serii – bez marginesu i bez górnej linii */
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details):not(details + details) {
	margin-top : 0;
	border-top : 0;
}
/* ostatni w serii */
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details):not(:has(+ details)) {
	margin-bottom : 3rem;
}
/* nagłówek tuż nad pierwszym pytaniem – bez dolnego marginesu */
:is(h1, h2, h3, h4, h5, h6):has(+ :is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)) {
	margin-bottom : 0;
}

:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary {
	display               : grid;
	grid-template-columns : var(--adm-sbm-lead) minmax(0, 1fr) auto;
	column-gap            : 0;
	align-items           : baseline;
	padding               : 1.15rem 0;
	list-style            : none;
	cursor                : pointer;
	color                 : var(--adm-sbm-ink);
	font-family           : inherit;
	font-size             : clamp(1rem, .96rem + .2vw, 1.1rem);
	font-weight           : 600;
	line-height           : 1.45;
	text-wrap             : pretty;
	transition            : color .2s ease;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary::-webkit-details-marker {
	display : none;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary::marker {
	content : "";
}

/* strzałka z lewej – ta sama co w akordeonie */
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary::before {
	content       : "";
	box-sizing    : border-box;
	align-self    : start;
	width         : .55rem;
	height        : .55rem;
	margin        : calc(.725em - .26rem) 0 0 .1rem;
	border-right  : 1.5px solid var(--adm-sbm-accent);
	border-bottom : 1.5px solid var(--adm-sbm-accent);
	transform     : rotate(-45deg);
	transition    : transform .4s var(--adm-sbm-ease), margin .4s var(--adm-sbm-ease);
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary:hover::before {
	margin-left : .3rem;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)[open] > summary::before {
	margin    : calc(.725em - .42rem) 0 0 .15rem;
	transform : rotate(45deg);
}

/* mały znak zapytania z prawej */
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary::after {
	content      : "?";
	justify-self : end;
	padding-left : 1.25rem;
	font-family  : inherit;
	font-size    : .95em;
	font-weight  : 800;
	line-height  : 1;
	color        : var(--adm-sbm-soft);
	transition   : color .2s ease;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)[open] > summary::after,
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary:hover::after {
	color : var(--adm-sbm-accent);
}

:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary:hover {
	color           : var(--adm-sbm-hover);
	text-decoration : none;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary:focus {
	outline : none;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary:focus-visible {
	outline        : 2px solid var(--adm-sbm-accent) !important;
	outline-offset : 3px;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)[open] > summary {
	color           : var(--adm-sbm-accent);
	text-decoration : none;
}
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)[open] > summary:hover {
	color : var(--adm-sbm-hover);
}

/* odpowiedź wyrównana do tekstu pytania */
:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > :not(summary) {
	max-width   : none;
	margin      : -.15rem 0 1.4rem;
	padding     : 0 0 0 var(--adm-sbm-lead);
	color       : var(--adm-sbm-ink);
	line-height : 1.75;
}

@supports selector(::details-content) {
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)::details-content {
		block-size : 0;
		overflow   : clip;
		transition : block-size .4s var(--adm-sbm-ease), content-visibility .4s allow-discrete;
	}
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)[open]::details-content {
		block-size : auto;
	}
}

/* telefon */
@media (max-width: 600px) {
	.is-style-adm-sbm-details { --adm-sbm-lead: 1.5rem; }
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary::after { padding-left: .9rem; }
}

/* hover tylko tam, gdzie jest mysz */
@media (hover: none) {
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary:hover { color: var(--adm-sbm-ink); }
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)[open] > summary:hover { color: var(--adm-sbm-accent); }
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary:hover::before { margin-left: .1rem; }
}

@media (prefers-reduced-motion: reduce) {
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details),
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) *,
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary::before,
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details) > summary::after,
	:is(details.is-style-adm-sbm-details, .wp-block-group.is-style-adm-sbm-details details)::details-content {
		animation  : none !important;
		transition : none !important;
	}
}