/**
 * Portal Gradient Custom Override
 * 
 * Admin'den ayarlanan gradient renklerini uygular
 * Bu dosya mevcut portal-premium-effects.css'i override eder
 * 
 * @package RivaClientPortal
 * @version 1.0.1 - Animation fix
 */

/* ========================================
   PORTAL SAYFALARI GRADIENT OVERRIDE
   ======================================== */

/* Global Gradient Background - Portal Pages */
body.rcp-portal-page::before,
body.riva-portal-page::before {
    background: linear-gradient(
        var(--portal-gradient-angle, 120deg),
        var(--portal-gradient-color-1, #1a1f3a),
        var(--portal-gradient-color-2, #0e364f),
        var(--portal-gradient-color-3, #2d6a4f),
        var(--portal-gradient-color-4, #7b2cbf)
    ) !important;
    background-size: 400% 400% !important;
    animation: gradientShift var(--gradient-animation-duration, 18s) ease infinite !important;
    z-index: -1 !important;
    will-change: background-position;
}

/* Manager Sayfaları Gradient Override */
.riva-portal-page .rcp-gradient-bg::before {
    background: linear-gradient(
        var(--portal-gradient-angle, 120deg),
        var(--portal-gradient-color-1, #1a1f3a),
        var(--portal-gradient-color-2, #0e364f),
        var(--portal-gradient-color-3, #2d6a4f),
        var(--portal-gradient-color-4, #7b2cbf)
    ) !important;
    /* Animasyon için background-size ve animation korunmalı */
    background-size: 400% 400% !important;
    animation: rcpGradient var(--gradient-animation-duration, 18s) ease infinite !important;
}

/* Portal Header v3 Gradient Override */
.riva-portal-page .rcp-gradient-bg::before {
    background: linear-gradient(
        var(--portal-gradient-angle, 120deg),
        var(--portal-gradient-color-1, #1a1f3a),
        var(--portal-gradient-color-2, #0e364f),
        var(--portal-gradient-color-3, #2d6a4f),
        var(--portal-gradient-color-4, #7b2cbf)
    ) !important;
    /* Animasyon için background-size ve animation korunmalı */
    background-size: 400% 400% !important;
    animation: rcpGradient var(--gradient-animation-duration, 18s) ease infinite !important;
}

/* Animasyonları disable eden ayar varsa bunu override etme */
@media (prefers-reduced-motion: reduce) {
    body.rcp-portal-page::before,
    body.riva-portal-page::before,
    .riva-portal-page .rcp-gradient-bg::before {
        animation: none !important;
    }
}