/* ==========================================
   ULTRAKIT UNFOLD / READ MORE — Premium
   Gradient Fade × 4 Button Styles
   ========================================== */

.ultrakit-urm-wrapper { --ultrakit-urm-accent: #6c5ce7; --ultrakit-urm-fade: #ffffff; width: 100%; }

.ultrakit-urm-content-wrap { position: relative; overflow: hidden; }
.ultrakit-urm-content {
    overflow: hidden;
    transition: max-height 0.45s cubic-bezier(0.4,0,0.2,1);
    line-height: 1.75;
    color: #444444;
}
.ultrakit-urm-content > *:first-child { margin-top: 0; }
.ultrakit-urm-content > *:last-child { margin-bottom: 0; }
.ultrakit-urm-content-wrap.is-expanded .ultrakit-urm-content { max-height: none !important; }

.ultrakit-urm-content-wrap.has-gradient:not(.is-expanded)::after {
    content: '';
    position: absolute; left: 0; right: 0; bottom: 0; height: 70px;
    background: linear-gradient(0deg, var(--ultrakit-urm-fade) 10%, rgba(255,255,255,0) 100%);
    pointer-events: none;
}

.ultrakit-urm-toggle-wrap { display: flex; margin-top: 14px; justify-content: center; }
.ultrakit-urm-toggle {
    display: inline-flex; align-items: center; gap: 7px;
    background: none; border: none; cursor: pointer;
    font-family: inherit; font-size: 14px; font-weight: 700;
    color: var(--ultrakit-urm-accent) !important;
    padding: 0; transition: all 0.2s ease;
}
.ultrakit-urm-chevron { transition: transform 0.3s ease; flex-shrink: 0; }
.ultrakit-urm-toggle[aria-expanded="true"] .ultrakit-urm-chevron { transform: rotate(180deg); }

/* ---- Button style: Outline ---- */
.ultrakit-urm-btn-outline {
    border: 1.5px solid var(--ultrakit-urm-accent) !important;
    border-radius: 8px;
    padding: 10px 22px !important;
}
.ultrakit-urm-btn-outline:hover { background: var(--ultrakit-urm-accent); color: #ffffff !important; }

/* ---- Button style: Solid ---- */
.ultrakit-urm-btn-solid {
    background: var(--ultrakit-urm-accent) !important;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 11px 24px !important;
}
.ultrakit-urm-btn-solid:hover { opacity: 0.88; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(108,92,231,0.3); }

/* ---- Button style: Text link ---- */
.ultrakit-urm-btn-text:hover { text-decoration: underline; }

/* ---- Button style: Chevron only ---- */
.ultrakit-urm-btn-chevron .ultrakit-urm-toggle-text { display: none; }
.ultrakit-urm-btn-chevron {
    width: 36px; height: 36px; border-radius: 50%;
    background: rgba(108,92,231,0.1) !important;
    justify-content: center;
}
.ultrakit-urm-btn-chevron:hover { background: var(--ultrakit-urm-accent) !important; color: #ffffff !important; }