/**
 * Gradient Text Format
 * Simple CSS for has-gradient class
 */

.has-gradient {
    background: var(--wp--preset--gradient--primary-to-secondary, linear-gradient(90deg, var(--wp--preset--color--primary, #08a8ea), var(--wp--preset--color--secondary, #6fc696)));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: 600;
    display: inline;
}

/* Fallback for browsers that don't support background-clip */
@supports not (-webkit-background-clip: text) {
    .has-gradient {
        color: var(--wp--preset--color--primary, #08a8ea);
        -webkit-text-fill-color: initial;
    }
}

/* Print styles */
@media print {
    .has-gradient {
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
        background: none !important;
    }
}