/**
 * Copywriter Correction Animation — Styles
 * Όλα τα font/size/line-height κληρονομούνται από το theme.
 * Εδώ ορίζουμε μόνο τα απολύτως απαραίτητα για το animation.
 */

/* ── Wrapper ─────────────────────────────────────────────── */
.cca-wrapper {
    position: relative;
}

/* ── Text element (p / h2 / h3 κ.λπ.) ───────────────────── */
.cca-paragraph {
    /* Κανένα override — κληρονομεί τα πάντα από το theme */
}

/* ── Word tokens που δημιουργεί το SplitText ─────────────── */
.cca-word {
    display: inline;
    /* opacity/y: set by GSAP */
}

/* ── Correction wrapper ──────────────────────────────────── */
.cca-correction {
    display: inline;
    position: relative;
    white-space: nowrap;
}

/* ── Λάθος λέξη ──────────────────────────────────────────── */
.cca-wrong {
    display: inline;
    position: relative;
    color: #c0392b;
    /* opacity/y: set by GSAP */
}

/* ── Strikethrough (real element, scaleX 0→1 μέσω GSAP) ─── */
.cca-strike-line {
    position:       absolute;
    left:           0;
    right:          0;
    top:            52%;
    height:         2px;
    background:     #c0392b;
    display:        block;
    pointer-events: none;
}

/* ── Σωστή λέξη ──────────────────────────────────────────── */
.cca-correct {
    /* font/size: inherit από το περιβάλλον element */
    font-style:      italic;
    color:           #2d6a4f;
    /* layout: inline-block για maxWidth animation — set by GSAP */
    display:         inline-block;
    overflow:        hidden;
    vertical-align:  baseline;
    white-space:     nowrap;
    /* opacity, maxWidth, marginLeft: animated by GSAP — initial state set in JS */
}

/* Χωρίς βελάκι — κανένα ::before */

/* ── Admin warning (ορατό μόνο σε editors) ───────────────── */
.cca-warning {
    background:    #fff3cd;
    border:        1px solid #ffc107;
    border-radius: 4px;
    padding:       10px 14px;
    margin-bottom: 12px;
    font-size:     14px;
    color:         #856404;
}

/* ── WPBakery backend: code formatting σε descriptions ────── */
.vc_description code {
    background:    #f1f1f1;
    padding:       1px 4px;
    border-radius: 3px;
    font-family:   monospace;
    font-size:     0.9em;
}