/**
 * expandable_content 组件样式
 *
 * 仅作用于 .rfj-expandable-content 容器，避免影响历史 .cat_more 样式。
 * 兼容 single-software.js 通过 .toggle-content-wrapper / .content / .toggle-button
 * / .show-more / .show-less 这些钩子类控制折叠展开。
 */
.rfj-expandable-content {
	position: relative;
	display: block;
	width: 100%;
}

.rfj-expandable-content__body {
	overflow: hidden;
	-webkit-transition: max-height .25s ease;
	transition: max-height .25s ease;
}

.rfj-expandable-content__body.content {
	/* 兼容旧 .content 钩子，避免被模板级 overflow 覆盖导致展开失败 */
	overflow: hidden;
}

/* Shared disclosure control: company, software and merchant content. */
.rfj-expandable-content__toggle,
.rfj-company-expand__button,
.rfj-company-auth-more {
    appearance: none;
    align-items: center;
    background: transparent;
    border: 0;
    border-top: 1px solid #e5eaf1;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: var(--rfj-text-secondary);
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    gap: 6px;
    justify-content: center;
    line-height: 1.5;
    list-style: none;
    margin: 12px 0 0;
    min-height: 44px;
    min-width: 0;
    padding: 8px 12px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.rfj-expandable-content__toggle::-webkit-details-marker { display: none; }
.rfj-expandable-content__toggle:hover,
.rfj-expandable-content__toggle:focus,
.rfj-company-expand__button:hover,
.rfj-company-expand__button:focus,
.rfj-company-auth-more:hover,
.rfj-company-auth-more:focus {
    background: transparent;
    border-top-color: #d6dee9;
    color: var(--rfj-text-secondary);
    text-decoration: none;
}

.rfj-expandable-content__toggle:focus-visible,
.rfj-company-expand__button:focus-visible,
.rfj-company-auth-more:focus-visible {
    outline: 2px solid #94a3b8;
    outline-offset: 2px;
}

.rfj-expandable-content__action {
    align-items: center;
    gap: 6px;
    font-size: inherit;
    font-weight: inherit;
}

/* The controller shows only the caption for the current state. */
.rfj-expandable-content__action--more,
.rfj-expandable-content__action--less {
    display: none;
}

.rfj-expandable-content__icon,
.rfj-company-expand__button .rfj-svg-icon,
.rfj-company-auth-more .rfj-svg-icon {
    flex: 0 0 auto;
    width: 13px;
    height: 13px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    vertical-align: -0.15em;
}

details[open] > summary.rfj-expandable-content__toggle .rfj-expandable-content__icon {
    transform: rotate(180deg);
}