.sdb-read-more {
margin: 1.5rem 0;
border: 1px solid var(--sdb-color-border, #eef3f8);
border-radius: var(--sdb-radius-md, 12px);
background: var(--sdb-color-surface, #fff);
overflow: hidden;
}
.sdb-read-more > .sdb-read-more__summary,
.wp-block-details.sdb-read-more > summary {
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: .75rem;
min-height: var(--sdb-touch-target-min, 44px);
padding: 1rem 1.25rem;
font-weight: var(--sdb-font-weight-semibold, 600);
color: var(--sdb-color-primary, #0058b7);
list-style: none;
transition: var(--sdb-interactive-transition, background-color 180ms ease, color 180ms ease, border-color 180ms ease, box-shadow 180ms ease);
}
.sdb-read-more > .sdb-read-more__summary::-webkit-details-marker,
.wp-block-details.sdb-read-more > summary::-webkit-details-marker {
display: none;
}
.sdb-read-more > .sdb-read-more__summary::marker,
.wp-block-details.sdb-read-more > summary::marker {
content: "";
}
.sdb-read-more > .sdb-read-more__summary::after,
.wp-block-details.sdb-read-more > summary::after {
content: "+";
flex: 0 0 auto;
font-weight: var(--sdb-font-weight-bold, 700);
line-height: 1;
}
.sdb-read-more[open] > .sdb-read-more__summary,
.wp-block-details.sdb-read-more[open] > summary {
border-bottom: 1px solid var(--sdb-color-border, #eef3f8);
}
.sdb-read-more[open] > .sdb-read-more__summary::after,
.wp-block-details.sdb-read-more[open] > summary::after {
content: "–";
}
.sdb-read-more > .sdb-read-more__summary:hover,
.wp-block-details.sdb-read-more > summary:hover {
background: var(--sdb-state-hover-bg, rgba(0, 88, 183, .06));
}
.sdb-read-more > .sdb-read-more__summary:focus-visible,
.wp-block-details.sdb-read-more > summary:focus-visible {
outline: none;
box-shadow: var(--sdb-focus-ring, 0 0 0 3px rgba(0, 88, 183, .22));
}
.sdb-read-more > .sdb-read-more__content {
padding: 1.25rem;
color: var(--sdb-color-text, #6b7785);
}
.sdb-read-more > .sdb-read-more__content > :first-child {
margin-top: 0;
}
.sdb-read-more > .sdb-read-more__content > :last-child {
margin-bottom: 0;
} .wp-block-details.sdb-read-more > summary ~ * {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
.wp-block-details.sdb-read-more > summary + * {
margin-top: 1.25rem;
}
.wp-block-details.sdb-read-more > :last-child:not(summary) {
margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
.sdb-read-more > .sdb-read-more__summary,
.sdb-read-more > .sdb-read-more__content,
.wp-block-details.sdb-read-more > summary {
padding-left: 1rem;
padding-right: 1rem;
}
.wp-block-details.sdb-read-more > summary ~ * {
margin-left: 1rem;
margin-right: 1rem;
}
}