/* DreamHosting_LayeredNavigation - pure-CSS "Show more" / "Show less" toggle.
   No JS: an off-screen checkbox toggles the expanded state via :checked.
   The control checkbox lives OUTSIDE [data-role=filter-checkbox-container] so the
   Codazon AJAX layered-nav widget (which binds every checkbox inside that container)
   does not mistake it for a filter selection. */

.dh-ln-wrap {
    display: block;
}

/* The control checkbox is visually hidden but still focusable/clickable via its label. */
.dh-ln-toggle-cb {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/* Collapse options beyond the configured limit. !important + high specificity so it
   wins regardless of theme stylesheet load order. */
.dh-ln-wrap .items.filter-checkbox li.dh-ln-hidden {
    display: none !important;
}

/* Reveal them when the control checkbox is checked (Show more). */
.dh-ln-wrap .dh-ln-toggle-cb:checked ~ .checkbox-container .items.filter-checkbox li.dh-ln-hidden {
    display: list-item !important;
}

/* Toggle link */
.dh-ln-toggle {
    margin: 8px 0 4px;
}

.dh-ln-toggle__btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    line-height: 1.2;
    color: #4c8a3f; /* green link, matching storefront filter accent */
}

.dh-ln-toggle__btn:hover {
    text-decoration: underline;
}

/* Chevron: down when collapsed. */
.dh-ln-toggle__btn::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
}

/* Expanded state: chevron up + label swap. */
.dh-ln-wrap .dh-ln-toggle-cb:checked ~ .dh-ln-toggle .dh-ln-toggle__btn::before {
    border-top: 0;
    border-bottom: 5px solid currentColor;
}

.dh-ln-toggle__less {
    display: none;
}

.dh-ln-wrap .dh-ln-toggle-cb:checked ~ .dh-ln-toggle .dh-ln-toggle__more {
    display: none;
}

.dh-ln-wrap .dh-ln-toggle-cb:checked ~ .dh-ln-toggle .dh-ln-toggle__less {
    display: inline;
}