/* Thème « Corail » — mode light — généré par shau_odoo_theme */

:root {
    color-scheme: light;

    /* ── Palette ───────────────────────────────────────────────── */
    --shau-primary:        #f2545b;
    --shau-primary-light:  #f47379;
    --shau-primary-dark:   #bd4247;
    --shau-primary-rgb:    242, 84, 91;
    --shau-on-primary:     #ffffff;
    --shau-accent:         #a855f7;
    --shau-accent-rgb:     168, 85, 247;

    --shau-navbar-bg:      #2a1220;
    --shau-navbar-bg-2:    #48333f;
    --shau-navbar-text:    #eef2fb;

    --shau-bg:             #fbf4f5;
    --shau-bg-2:           #f3edee;
    --shau-surface:        #ffffff;
    --shau-surface-2:      #f6f6f6;
    --shau-text:           #0b1220;
    --shau-text-muted:     #777880;
    --shau-border:         #f0dde0;
    --shau-shadow:         rgba(11, 18, 32, 0.10);

    --shau-app-bg:         #eef1f7;
    --shau-app-surface:    #ffffff;
    --shau-app-text:       #0b1220;

    --shau-login-bg:       #170810;
    --shau-login-bg-2:     #25171e;

    /* ── Formes ────────────────────────────────────────────────── */
    --shau-radius-sm:      10px;
    --shau-radius-md:      14px;
    --shau-radius-lg:      22px;

    /* ── Correspondance Bootstrap / Odoo ───────────────────────── */
    --primary:                  var(--shau-primary);
    --bs-primary:               var(--shau-primary);
    --bs-primary-rgb:           var(--shau-primary-rgb);
    --bs-link-color:            var(--shau-primary);
    --bs-link-color-rgb:        var(--shau-primary-rgb);
    --bs-link-hover-color:      var(--shau-primary-dark);
    --bs-body-bg:               var(--shau-bg);
    --bs-body-color:            var(--shau-text);
    --bs-border-color:          var(--shau-border);
    --bs-emphasis-color:        var(--shau-text);
    --bs-secondary-color:       var(--shau-text-muted);
    --o-color-1:                var(--shau-primary);

    --o-view-background-color:  var(--shau-bg);
    --o-webclient-background-color: var(--shau-bg);

    --NavBar-backgroundColor:               var(--shau-navbar-bg);
    --NavBar-entry-backgroundColor:         transparent;
    --NavBar-entry-backgroundColor--hover:  rgba(var(--shau-primary-rgb), 0.20);
    --NavBar-entry-backgroundColor--focus:  rgba(var(--shau-primary-rgb), 0.20);
    --NavBar-entry-backgroundColor--active: rgba(var(--shau-primary-rgb), 0.28);
    --NavBar-entry-color:                   var(--shau-navbar-text);
    --NavBar-entry-color--hover:            #ffffff;
    --NavBar-entry-color--active:           #ffffff;
    --NavBar-brand-color:                   var(--shau-navbar-text);
}



.o_main_navbar {
    background: linear-gradient(100deg,
        var(--shau-navbar-bg) 0%%, var(--shau-navbar-bg-2) 55%%,
        var(--shau-navbar-bg) 100%%) !important;
}


.shau_apps_grid {
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 26px;
}
.shau_app_card       { padding: 34px 16px 22px; }
.shau_app_icon_wrap  { width: 92px; height: 92px; }
.shau_app_name       { font-size: 0.92rem; }


.shau_app_launcher::after, body:has(.oe_website_login_container) main::after {
    content: '';
    position: absolute;
    inset: -10%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(28% 34% at 15% 20%, rgba(242, 84, 91, 0.416) 0%, transparent 60%),
        radial-gradient(24% 30% at 85% 30%, rgba(168, 85, 247, 0.416) 0%, transparent 58%),
        radial-gradient(30% 36% at 30% 85%, rgba(168, 85, 247, 0.288) 0%, transparent 62%),
        radial-gradient(26% 32% at 78% 78%, rgba(242, 84, 91, 0.288) 0%, transparent 60%);
    filter: blur(34px);
    animation: shau-mesh 32s ease-in-out infinite alternate;
}
@keyframes shau-mesh {
    0%   { transform: rotate(0deg)   scale(1); }
    50%  { transform: rotate(4deg)   scale(1.10); }
    100% { transform: rotate(-3deg)  scale(1.05); }
}

.shau_app_launcher { position: relative; }
.shau_app_launcher > * { position: relative; z-index: 1; }

@media (prefers-reduced-motion: reduce) {
    .shau_app_launcher::after, body:has(.oe_website_login_container) main::after { animation: none !important; }
}