/* ═══════════════════════════════════════════════════════════
   Expandable Text  v11.0.0
   ═══════════════════════════════════════════════════════════ */

.et-wrap {
    font-family: 'Inter', sans-serif;
    font-size:   16px;
    line-height: 19px;
}

@media ( max-width: 767px ) {
    .et-wrap { font-size: 14px; }
}

/* ── Paragraph & list spacing ───────────────────────────── */
.et-preview p,
.et-body p {
    margin-top:    0;
    margin-bottom: 1em;
}

.et-preview p:last-child,
.et-body p:last-child {
    margin-bottom: 0;
}

.et-preview ul, .et-preview ol,
.et-body ul,   .et-body ol {
    margin:  0 0 1em 1.5em;
    padding: 0;
}

.et-preview li, .et-body li {
    margin-bottom: 0.35em;
}

/* ══════════════════════════════════════════════════════════
   VISIBILITY  — data-attribute on wrapper, never touched
   by Elementor, WordPress, or theme stylesheets.

   [data-et="collapsed"]  → preview visible, body hidden
   [data-et="expanded"]   → preview hidden, body visible
   [data-et="always"]     → short content, always visible
   ══════════════════════════════════════════════════════════ */

.et-wrap[data-et="collapsed"] .et-preview { display: block; }
.et-wrap[data-et="collapsed"] .et-body    { display: none;  }

.et-wrap[data-et="expanded"]  .et-preview { display: none;  }
.et-wrap[data-et="expanded"]  .et-body    { display: block; }

.et-wrap[data-et="always"]    .et-body    { display: block; }

/* ── "View More" sits inline inside the last preview <p> ──
   It is rendered directly in the paragraph so it flows
   with the text. The margin-left gives the spacing gap.    */

/* ── "View Less" sits inline inside .et-closer which is
   appended after the last paragraph of .et-body.
   Same inline treatment, same spacing.                     */

.et-closer {
    margin-top: 0; /* inline after content, no block gap needed */
}

/* ── Button — pure inline text, zero box model ──────────── */
.et-btn {
    display:            inline;
    background:         none        !important;
    background-color:   transparent !important;
    border:             none        !important;
    box-shadow:         none        !important;
    padding:            0           !important;
    margin:             0 0 0 8px  !important;  /* ← left spacing from text */
    cursor:             pointer;
    font-family:        inherit;
    font-size:          inherit;
    font-weight:        inherit;
    line-height:        inherit;
    color:              #db1610;
    text-decoration:    none;
    vertical-align:     baseline;
    -webkit-appearance: none;
    appearance:         none;
    outline:            none;
}

.et-btn:hover,
.et-btn:active,
.et-btn:focus {
    background:         none        !important;
    background-color:   transparent !important;
    text-decoration:    none;
}

.et-btn:focus-visible {
    outline:        2px solid currentColor;
    outline-offset: 2px;
    border-radius:  2px;
}