/* assets/css/landing_themes.css */

/* Base card hero della landing */
.user-landing-hero {
    border-radius: 1.75rem;
    padding: 1.75rem 2rem;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

/* Avatar dentro la hero */
.user-landing-hero .user-avatar-themable {
    border: 3px solid rgba(148, 163, 184, 0.6);
}

/* Box stats a destra */
.user-landing-hero .border {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 1.25rem;
    border-color: rgba(148, 163, 184, 0.45) !important;
}

/* Testi “muted” generici */
.user-landing-hero .text-muted,
.user-landing-hero .small.text-muted {
    color: #6B7280 !important;
}

/* -------------------------------------------------
   CLASSIC – base chiara neutra
   ------------------------------------------------- */
.user-landing-hero.user-theme-classic {
    background:
        radial-gradient(circle at 0% 0%, #EEF2FF 0%, #FFFFFF 40%, #F9FAFB 100%);
    color: #111827;
}

/* -------------------------------------------------
   GALAXY PURPLE – viola/azzurro “neon”, niente nero
   ------------------------------------------------- */
.user-landing-hero.user-theme-galaxy_purple_dark {
    /* viola -> indaco -> ciano, tutti saturi */
    background:
        linear-gradient(120deg,
            #4C1D95 0%,
            #7C3AED 35%,
            #6366F1 65%,
            #22D3EE 100%
        );
    color: #F9FAFB;
}

.user-landing-hero.user-theme-galaxy_purple_dark .user-avatar-themable {
    border-color: #C4B5FD;
}

.user-landing-hero.user-theme-galaxy_purple_dark .border {
    background: rgba(15, 23, 42, 0.14);
    border-color: rgba(219, 234, 254, 0.9) !important;
    color: #E5E7EB;
}

.user-landing-hero.user-theme-galaxy_purple_dark .text-muted,
.user-landing-hero.user-theme-galaxy_purple_dark .small.text-muted {
    color: #E0E7FF !important;
}

/* versione chiara, ma sempre con botta di viola  */
.user-landing-hero.user-theme-galaxy_purple_light {
    background:
        linear-gradient(135deg,
            #F5F3FF 0%,
            #E0E7FF 40%,
            #EEF2FF 70%,
            #FDF2FF 100%
        );
    color: #111827;
}

.user-landing-hero.user-theme-galaxy_purple_light .user-avatar-themable {
    border-color: #7C3AED;
}

/* -------------------------------------------------
   SUNSET ORANGE – tramonto caldo, niente nero
   ------------------------------------------------- */
.user-landing-hero.user-theme-sunset_orange_dark {
    /* arancio -> corallo -> fucsia caldo */
    background:
        linear-gradient(115deg,
            #EA580C 0%,
            #F97316 30%,
            #FB7185 70%,
            #F472B6 100%
        );
    color: #FEF9C3;
}

.user-landing-hero.user-theme-sunset_orange_dark .user-avatar-themable {
    border-color: #FED7AA;
}

.user-landing-hero.user-theme-sunset_orange_dark .border {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(254, 249, 195, 0.9) !important;
    color: #FEFCE8;
}

.user-landing-hero.user-theme-sunset_orange_dark .text-muted,
.user-landing-hero.user-theme-sunset_orange_dark .small.text-muted {
    color: #FEF3C7 !important;
}

/* versione chiara “mango” */
.user-landing-hero.user-theme-sunset_orange_light {
    background:
        linear-gradient(135deg,
            #FFF7ED 0%,
            #FFEDD5 35%,
            #FEF3C7 70%,
            #FFFBEB 100%
        );
    color: #111827;
}

.user-landing-hero.user-theme-sunset_orange_light .user-avatar-themable {
    border-color: #F97316;
}

/* -------------------------------------------------
   OCEAN BLUE – mare tropicale, zero nero
   ------------------------------------------------- */
.user-landing-hero.user-theme-ocean_blue_dark {
    /* turchese -> teal -> blu saturo */
    background:
        linear-gradient(120deg,
            #06B6D4 0%,
            #0EA5E9 30%,
            #2563EB 65%,
            #6366F1 100%
        );
    color: #ECFEFF;
}

.user-landing-hero.user-theme-ocean_blue_dark .user-avatar-themable {
    border-color: #BAE6FD;
}

.user-landing-hero.user-theme-ocean_blue_dark .border {
    background: rgba(15, 23, 42, 0.14);
    border-color: rgba(219, 234, 254, 0.9) !important;
    color: #E0F2FE;
}

.user-landing-hero.user-theme-ocean_blue_dark .text-muted,
.user-landing-hero.user-theme-ocean_blue_dark .small.text-muted {
    color: #DBEAFE !important;
}

/* versione chiara “lagoon” */
.user-landing-hero.user-theme-ocean_blue_light {
    background:
        linear-gradient(135deg,
            #E0F2FE 0%,
            #DBEAFE 35%,
            #E5E7EB 70%,
            #EEF2FF 100%
        );
    color: #0F172A;
}

.user-landing-hero.user-theme-ocean_blue_light .user-avatar-themable {
    border-color: #3B82F6;
}