/**
 * ISC2 MerchMart shop typography.
 *
 * Answers client feedback items 14, 15, 16 and 17 from the 6 October review:
 * fewer text sizes, with weight and the ISC2 green carrying the hierarchy
 * instead. Five distinct sizes on the shop page become two, 16px for anything
 * that matters and 14px for anything secondary.
 *
 * Scoped to ISC2. Loaded by client_enqueue_shop_styles() in stores/isc/config.php
 * on shop and product archive pages only, so no other store is affected.
 *
 * !important appears only where a plugin rule of equal specificity would
 * otherwise win on load order. It is not used defensively anywhere else.
 */

/* ---------------------------------------------------------------
   Product tile
   --------------------------------------------------------------- */

/**
 * Title: down from 20px regular to 16px semibold.
 *
 * The min-height reserves two lines. Tile contents are laid out in source
 * order, so a one-line title used to pull the price and swatches up while a
 * two-line title pushed them down, which is the misalignment reported in
 * item 15. Reserving the taller of the two heights puts every price and
 * swatch row on the same baseline and closes item 16 at the same time.
 */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	min-height: 2.8em;
}

/* Price: the one element carrying brand colour, so it reads as the emphasis
   on the tile rather than competing with the title for size. */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount {
	font-size: 16px;
	font-weight: 700;
	color: #478146;
}

/* "Clear" drops back to a secondary role. The swatch plugin sets black at
   this specificity from an inline block, hence !important. */
.woocommerce ul.products li.product .rtwpvs_archive_reset_variations a.reset_variations {
	font-size: 14px !important;
	font-weight: 400;
	color: #6d6d6d !important;
}

/* ---------------------------------------------------------------
   Category and tag filters (item 14)
   --------------------------------------------------------------- */

/* "Category" and "Tags" stay bold, as asked. */
.idxs-taxonomy-filter-widget .widget-title,
.widget.idxs-taxonomy-filter-widget .widget-title,
.widget.idxs-taxonomy-filter-widget span.gamma {
	font-weight: 700;
}

/**
 * Unselected terms were semibold and the selected one bold, a difference of
 * one step that almost nobody can see. Everything unselected now sits back at
 * regular weight; colour carries the hierarchy, handled below.
 */
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item > label,
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item > label > span {
	font-weight: 400 !important;
}

/**
 * Colour carries the hierarchy: top-level terms green, their children black.
 * Requested by ISC2 with a mockup, 15 Oct 2026.
 *
 * The widget already labels every term with its own depth, as
 * idxs-taxonomy-filter-item--depth-0 and --depth-1, so this needs no markup
 * change. Tags are flat and therefore all depth-0, which is why they come out
 * green too, matching the mockup.
 *
 * ORDER MATTERS. These must stay above the --chosen rule. Specificity is
 * identical, so whichever comes last wins, and a selected term has both
 * classes at once.
 */
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item--depth-0 > label,
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item--depth-0 > label > span {
	color: #478146;
}

.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item--depth-1 > label,
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item--depth-1 > label > span {
	color: #1a1a1a;
}

/**
 * The selected term still needs to be findable at a glance, and green can no
 * longer do that job alone now that every parent is green. So selection takes
 * two signals at once: bold, and a green dark enough to read as a different
 * colour rather than a shade.
 *
 * Measured rather than picked by eye. #2a4f29 is 9.34:1 against white, well
 * past the 4.5:1 needed for body text, and 2.00:1 against the parent green,
 * which is a clear step rather than a guess.
 */
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item--chosen > label,
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-item--chosen > label > span {
	font-weight: 700 !important;
	color: #2a4f29 !important;
}

/* Match the checkbox to the selected-term colour instead of the near-black
   default, so the row reads as one object. */
.idxs-taxonomy-filter-widget .idxs-taxonomy-filter-checkbox {
	accent-color: #478146;
}