/**
 * Pretpot Two-Tone Vertical Split Text Widget Styles
 */

.pretpot-two-tone-text {
    display: inline-block;
    line-height: 1.1;
    /* Gradient top, solid bottom - split at 50% */
    background: linear-gradient(
        to bottom,
        var(--pretpot-two-tone-top, #ff6b35) 0%,
        var(--pretpot-two-tone-top-end, #ff4500) 50%,
        var(--pretpot-two-tone-bottom, #1a1a1a) 50%,
        var(--pretpot-two-tone-bottom, #1a1a1a) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Firefox support */
@-moz-document url-prefix() {
    .pretpot-two-tone-text {
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}

/* Editor preview fix */
.elementor-editor-active .pretpot-two-tone-text {
    -webkit-text-fill-color: transparent;
}

/* Alignment variations */
.pretpot-two-tone-text-left {
    text-align: left;
}

.pretpot-two-tone-text-center {
    text-align: center;
}

.pretpot-two-tone-text-right {
    text-align: right;
}

/* Responsive sizing handled via CSS variables from Elementor controls */
.pretpot-two-tone-text-wrapper {
    display: block;
    width: 100%;
}

/* Hover effect - optional gradient shift */
.pretpot-two-tone-text-hover:hover {
    --pretpot-two-tone-top: var(--pretpot-two-tone-top-hover, #ff8c00) !important;
    --pretpot-two-tone-top-end: var(--pretpot-two-tone-top-end-hover, #ff6347) !important;
    --pretpot-two-tone-bottom: var(--pretpot-two-tone-bottom-hover, #000000) !important;
    transition: --pretpot-two-tone-top 0.3s ease, --pretpot-two-tone-top-end 0.3s ease, --pretpot-two-tone-bottom 0.3s ease;
}

/* Shadow variant */
.pretpot-two-tone-text-shadow {
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
}