/* ============================================================
   Archive Dropdown — czarno-biały, dziedziczy czcionkę szablonu
   ============================================================ */

.archive-dropdown {
	font-family: inherit;
	font-size:   inherit;
	color:       inherit;
	line-height: inherit;
	margin:      0;
	padding:     0;
}

/* ---- Rok (details) ---- */

.archive-dropdown__year {
	border-bottom: 1px solid currentColor;
}

.archive-dropdown__year:first-of-type {
	border-top: 1px solid currentColor;
}

/* ---- Nagłówek roku (summary) ---- */

.archive-dropdown__year-label {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	padding:         0.55em 0;
	cursor:          pointer;
	font-weight:     700;
	letter-spacing:  0.03em;
	user-select:     none;
	list-style:      none;   /* Firefox */
}

/* Ukryj domyślny marker we wszystkich przeglądarkach */
.archive-dropdown__year-label::-webkit-details-marker,
.archive-dropdown__year-label::marker {
	display:  none;
	content:  '';
}

/* Ikona +/− */
.archive-dropdown__year-label::after {
	content:     '+';
	font-size:   1em;
	font-weight: 400;
	line-height: 1;
	flex-shrink: 0;
	margin-left: 0.75em;
	opacity:     0.5;
}

.archive-dropdown__year[open] > .archive-dropdown__year-label::after {
	content: '−';
	opacity: 1;
}

/* ---- Lista miesięcy ---- */

.archive-dropdown__months {
	list-style: none;
	margin:     0 0 0.5em;
	padding:    0;
}

.archive-dropdown__months li {
	margin:  0;
	padding: 0;
}

.archive-dropdown__months a {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	padding:         0.3em 0 0.3em 1.1em;
	color:           inherit;
	text-decoration: none;
	opacity:         0.7;
	transition:      opacity 0.15s ease;
}

.archive-dropdown__months a:hover,
.archive-dropdown__months a:focus-visible {
	opacity:         1;
	text-decoration: underline;
	outline:         none;
}

.archive-dropdown__month-name {
	flex: 1;
}

/* Liczba wpisów */
.archive-dropdown__count {
	font-size:    0.75em;
	font-weight:  400;
	opacity:      0.55;
	margin-left:  0.6em;
	min-width:    1.4em;
	text-align:   right;
	flex-shrink:  0;
}

/* ---- Responsywność ---- */

@media (max-width: 480px) {
	.archive-dropdown__months a {
		padding-left: 0.75em;
	}
}