/* FALL EFFECT CSS */

body.seasonal-fall .card,
body.seasonal-fall .total-box,
body.seasonal-fall .mini-stat-card,
body.seasonal-fall .settings-card-group,
body.seasonal-fall .saving-goal-card,
body.seasonal-fall #savings-carousel > div,
body.seasonal-fall #loans-list > div,
body.seasonal-fall #chart-container,
body.seasonal-fall #chart-screen .card {
    overflow: visible !important;
    position: relative !important;
    z-index: 1;
}

body.seasonal-fall .settings-card-group .settings-row:first-child {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
body.seasonal-fall .settings-card-group .settings-row:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

body.seasonal-fall .card::after,
body.seasonal-fall .total-box::after,
body.seasonal-fall .mini-stat-card::after,
body.seasonal-fall .saving-goal-card::after,
body.seasonal-fall #loans-list > div::after,
body.seasonal-fall #chart-container::after,
body.seasonal-fall #chart-screen .card::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: inherit;
    background: linear-gradient(
        135deg,
        rgba(234, 88, 12, 0.12) 0%,
        rgba(217, 119, 6, 0.04) 30%,
        transparent 50%,
        rgba(251, 146, 60, 0.04) 70%,
        rgba(234, 88, 12, 0.08) 100%
    );
    z-index: -1;
    pointer-events: none;
    opacity: 0.9;
    mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
    mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask: linear-gradient(var(--color-white) 0 0) content-box, linear-gradient(var(--color-white) 0 0);
    -webkit-mask-composite: xor;
}

body.seasonal-fall .card::before,
body.seasonal-fall .total-box::before,
body.seasonal-fall .mini-stat-card::before,
body.seasonal-fall .saving-goal-card::before,
body.seasonal-fall #loans-list > div::before,
body.seasonal-fall #chart-container::before,
body.seasonal-fall #chart-screen .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: linear-gradient(
        180deg,
        rgba(255, 237, 213, 0.06) 0%,
        rgba(254, 215, 170, 0.02) 40%,
        transparent 70%
    );
    z-index: 0;
    pointer-events: none;
}

body.seasonal-fall .settings-card-group .settings-row:first-child::after,
body.seasonal-fall .settings-card-group .settings-row:first-child::before {
    border-radius: 20px 20px 0 0;
}

/* Escludi vault e account dagli effetti decorativi */
body.seasonal-fall #vault-screen .card::after,
body.seasonal-fall #vault-screen .card::before,
body.seasonal-fall #data-screen .card::after,
body.seasonal-fall #data-screen .card::before,
body.seasonal-fall #data-screen .total-box::after,
body.seasonal-fall #data-screen .total-box::before {
    display: none !important;
}
body.seasonal-fall #vault-screen .card,
body.seasonal-fall #data-screen .card {
    overflow: visible !important;
    position: relative !important;
}