/* ============================================================
   CPT Loop Item Widgets v1.1 – base styles
   All visual overrides go through Elementor's style panel.
   ============================================================ */

/* ── Number Badge ─────────────────────────────────────────── */
.cln-badge {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: #999;
}

/* ── Hover Reveal Button ──────────────────────────────────── */
.cln-hover-wrap {
    display: inline-flex;
}

.cln-hover-btn {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             8px;
    text-decoration: none;
    cursor:          pointer;
    white-space:     nowrap;
    font-size:       11px;
    letter-spacing:  0.12em;
    color:           #1a1a1a;
    background:      transparent;
    border:          1px solid currentColor;
    padding:         10px 24px;
}

.cln-icon {
    display:     inline-block;
    line-height: 1;
    font-style:  normal;
    font-size:   0.7em;
}

/* smooth hover-color transitions on the button itself */
.cln-hover-btn,
.cln-hover-btn .cln-icon {
    transition-property: color, background-color, border-color, opacity, transform;
    transition-timing-function: ease;
    transition-duration: 0.25s;
}