/*
 * UTB Category Description Accordion — styles
 * Тригер accordion — видимий текст ("ВСІ ТОВАРИ:"), а не крапка.
 * Усі селектори намисно ізольовані під .utb-category-description,
 * щоб не зачіпати глобальні елементи (details/summary/p/h2/h3/ul)
 * теми Gradiant або інших плагінів.
 */

.utb-category-description {
	margin: 0 0 1em;
	/* Запобігаємо горизонтальному скролу та стрибку layout при відкритті. */
	max-width: 100%;
	overflow-wrap: break-word;
}

/* Прибираємо стандартний маркер-трикутник у Chrome/Safari/Firefox. */
.utb-category-description > summary.utb-category-description__trigger {
	list-style: none;
}
.utb-category-description > summary.utb-category-description__trigger::-webkit-details-marker {
	display: none;
}

.utb-category-description > summary.utb-category-description__trigger {
	display: inline-flex;
	align-items: center;

	/* Достатня зона натискання для мобільних (WCAG ~44px по висоті). */
	min-height: 44px;
	padding: 0.4em 0;

	cursor: pointer;
	line-height: 1.3;

	color: currentColor;
	background: transparent;

	transition: opacity 0.15s ease;
}

.utb-category-description > summary.utb-category-description__trigger:hover,
.utb-category-description > summary.utb-category-description__trigger:focus-visible {
	opacity: 0.75;
}

.utb-category-description > summary.utb-category-description__trigger:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.utb-category-description__text {
	font-size: 1em;
	font-weight: 600;
	line-height: 1.3;
	display: inline-block;
	text-transform: none;
}

.utb-category-description__content {
	margin-top: 0.5em;
	max-width: 100%;
}

/* Захист від "величезного margin" всередині довільного Description HTML —
   без зміни оформлення заголовків/списків, лише обмеження зовнішніх відступів. */
.utb-category-description__content > *:first-child {
	margin-top: 0;
}
.utb-category-description__content > *:last-child {
	margin-bottom: 0;
}

.utb-category-description__content img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 480px) {
	.utb-category-description {
		margin-bottom: 0.75em;
	}
}