/** * UltimateSaas — styles communs à tous les layouts (Materialize, Nexsas, …). * Chargé via asset('assets_all/styles.css') dans chaque layout racine. */ /* —— Bandeau RGPD / cookies —— */ .us-rgpd-banner { --us-primary: #666cff; --us-primary-rgb: 102, 108, 255; --us-primary-contrast: #fff; position: fixed; z-index: 1080; left: 0; right: 0; bottom: 0; padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom, 0px)); pointer-events: none; opacity: 0; transform: translateY(100%); transition: opacity 0.35s ease, transform 0.35s ease; } .us-rgpd-banner.is-visible { pointer-events: auto; opacity: 1; transform: translateY(0); } .us-rgpd-banner.is-hidden { display: none !important; } .us-rgpd-banner__inner { max-width: 72rem; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; padding: 1rem 1.25rem; border-radius: 0.75rem; background: #fff; border: 1px solid rgba(var(--us-primary-rgb), 0.22); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.12), 0 0 0 1px rgba(15, 23, 42, 0.04); } .us-rgpd-banner__text { flex: 1 1 16rem; margin: 0; font-size: 0.875rem; line-height: 1.55; color: #3b4256; } .us-rgpd-banner__actions { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; } .us-rgpd-banner__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: 0.5rem 1.25rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1.25; cursor: pointer; border: none; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease; } .us-rgpd-banner__btn:active { transform: scale(0.98); } .us-rgpd-banner__btn--primary { background: var(--us-primary); color: var(--us-primary-contrast); box-shadow: 0 2px 8px rgba(var(--us-primary-rgb), 0.35); } .us-rgpd-banner__btn--primary:hover { filter: brightness(1.06); box-shadow: 0 4px 14px rgba(var(--us-primary-rgb), 0.4); } .us-rgpd-banner__btn--ghost { background: rgba(var(--us-primary-rgb), 0.08); color: var(--us-primary); } .us-rgpd-banner__btn--ghost:hover { background: rgba(var(--us-primary-rgb), 0.14); } @media (max-width: 575.98px) { .us-rgpd-banner__inner { flex-direction: column; align-items: stretch; } .us-rgpd-banner__actions { width: 100%; flex-direction: column; } .us-rgpd-banner__btn { width: 100%; } } /* —— Topbar « impersonation » (connexion déléguée) —— */ /* Sticky en tête de : pousse le contenu vers le bas ET reste visible au scroll. */ .us-impersonation-banner { position: sticky; top: 0; z-index: 1090; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem 1rem; flex-wrap: wrap; padding: 0.5rem 1rem; background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #fff; font-size: 0.875rem; line-height: 1.4; box-shadow: 0 2px 10px rgba(15, 23, 42, 0.25); } .us-impersonation-banner__info { display: flex; align-items: center; gap: 0.5rem; min-width: 0; } .us-impersonation-banner__icon { flex: 0 0 auto; font-size: 1.15rem; line-height: 1; } .us-impersonation-banner__text { min-width: 0; } .us-impersonation-banner__text strong { font-weight: 700; } .us-impersonation-banner__email { opacity: 0.85; } .us-impersonation-banner__form { margin: 0; flex: 0 0 auto; } .us-impersonation-banner__btn { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.35rem 0.9rem; border: none; border-radius: 0.4rem; background: rgba(255, 255, 255, 0.95); color: #b45309; font-size: 0.8125rem; font-weight: 600; line-height: 1.2; cursor: pointer; white-space: nowrap; transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease; } .us-impersonation-banner__btn:hover { background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.2); transform: translateY(-1px); } .us-impersonation-banner__btn:active { transform: translateY(0); } @media (max-width: 575.98px) { .us-impersonation-banner__email { display: none; } }