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

:root {
    color-scheme: light;

    /* ── Palette ───────────────────────────────────────────────── */
    --shau-primary:        #a8842a;
    --shau-primary-light:  #b89a50;
    --shau-primary-dark:   #836721;
    --shau-primary-rgb:    168, 132, 42;
    --shau-on-primary:     #ffffff;
    --shau-accent:         #d4af37;
    --shau-accent-rgb:     212, 175, 55;

    --shau-navbar-bg:      #0a0a0a;
    --shau-navbar-bg-2:    #2c2c2c;
    --shau-navbar-text:    #eef2fb;

    --shau-bg:             #f7f5f0;
    --shau-bg-2:           #f0eee9;
    --shau-surface:        #ffffff;
    --shau-surface-2:      #f6f6f6;
    --shau-text:           #0b1220;
    --shau-text-muted:     #75787e;
    --shau-border:         #e6e0d2;
    --shau-shadow:         rgba(11, 18, 32, 0.10);

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

    --shau-login-bg:       #000000;
    --shau-login-bg-2:     #0f0f0f;

    /* ── Formes ────────────────────────────────────────────────── */
    --shau-radius-sm:      2px;
    --shau-radius-md:      3px;
    --shau-radius-lg:      4px;

    /* ── 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);
}




.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: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background: linear-gradient(75deg,
        transparent 38%,
        rgba(212, 175, 55, 0.26) 48%,
        rgba(168, 132, 42, 0.18) 52%,
        transparent 62%);
    background-size: 300% 100%;
    animation: shau-beam 14s ease-in-out infinite;
}
@keyframes shau-beam {
    0%   { background-position: 130% 0; }
    100% { background-position: -30% 0; }
}

.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; }
}