/* =====================================================
   Gradient Text Styles — Lux & My Gradient
   ===================================================== */

/* ---------- متغیرهای رنگ ---------- */
.lux-gradient {
    --gradient-color-1: #302a27;
    --gradient-color-2: #965f39;
    --gradient-color-3: #e1a57d;
    --gradient-color-4: #afd3ec;
    --gradient-color-5: #445f88;
}

.my-gradient {
    --gradient-color-1: #f60eff;
    --gradient-color-2: #ff0e73;
    --gradient-color-3: #0ea5ff;
    --gradient-color-4: #690eff;
    --gradient-color-5: #f60eff;
}

/* ---------- افکت گرادینت روی متن ---------- */
.lux-gradient h1,
.lux-gradient h2,
.lux-gradient h3,
.lux-gradient h4,
.lux-gradient h5,
.lux-gradient h6,
.lux-gradient .elementor-icon,
.lux-gradient .elementor-heading-title,
.lux-gradient.elementor-widget-heading .elementor-heading-title,
.my-gradient h1,
.my-gradient h2,
.my-gradient h3,
.my-gradient h4,
.my-gradient h5,
.my-gradient h6,
.my-gradient .elementor-icon,
.my-gradient .elementor-heading-title,
.my-gradient.elementor-widget-heading .elementor-heading-title {
    background: linear-gradient(
        90deg,
        var(--gradient-color-1) 0%,
        var(--gradient-color-2) 25%,
        var(--gradient-color-3) 50%,
        var(--gradient-color-4) 75%,
        var(--gradient-color-5) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
}