/* Verre et halos : surfaces translucides, reflets fins, accents chauds. */
:root { --odb-glass:rgba(22,18,28,.74); --odb-glass-line:rgba(255,255,255,.13); --odb-glow:rgba(255,89,74,.12); }
html[data-theme="light"] { --odb-glass:rgba(255,255,255,.78); --odb-glass-line:rgba(90,65,75,.15); --odb-glow:rgba(232,88,58,.09); }
.site-bg-grad { background:radial-gradient(ellipse 65% 75% at 100% 18%,#ff354323,transparent 72%),radial-gradient(ellipse 55% 60% at 0% 75%,#ff8b4319,transparent 72%),linear-gradient(105deg,#0b090e,#09070e 42%,#10070c); }
html[data-theme="light"] .site-bg-grad { background:radial-gradient(ellipse at 100% 18%,#ff766d1a,transparent 70%),radial-gradient(ellipse at 0% 75%,#ffad6020,transparent 70%),#f7f4f6; }
.pm .pm-glass,.pm .pm-perk,.pm .pm-roles .pm-role,.glass-panel {
  background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 65%),var(--odb-glass);
  border:1px solid var(--odb-glass-line);
  backdrop-filter:blur(18px) saturate(135%); -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 16px 40px #0002,0 0 32px var(--odb-glow);
}
html[data-theme="light"] .pm .pm-roles .pm-role { background:linear-gradient(145deg,#ffffff90,transparent 65%),var(--odb-glass); }
.pm .pm-roles .pm-role { border-color:color-mix(in srgb,var(--rc) 22%,var(--odb-glass-line)); box-shadow:inset 0 1px 0 #ffffff12,0 16px 40px #0002,0 0 28px color-mix(in srgb,var(--rc) 10%,transparent); }
@media(hover:hover) { .pm .pm-role:hover { box-shadow:inset 0 1px 0 #ffffff20,0 20px 45px #0003,0 0 40px color-mix(in srgb,var(--rc) 20%,transparent); } }
#cookie-banner,.cookie-modal .cookie-modal-dialog {
  background:radial-gradient(ellipse at 0% 0%,rgba(255,153,90,.13),transparent 65%),rgba(23,19,29,.84);
  border:1px solid rgba(255,183,141,.23);
  backdrop-filter:blur(24px) saturate(145%); -webkit-backdrop-filter:blur(24px) saturate(145%);
  box-shadow:inset 0 1px 0 #ffffff1c,0 24px 70px #0006,0 0 48px #ff79451c;
}
html[data-theme="light"] #cookie-banner,html[data-theme="light"] .cookie-modal-dialog { background:radial-gradient(ellipse at 0% 0%,#ffb17422,transparent 65%),rgba(255,255,255,.87); border-color:#dca58a66; box-shadow:inset 0 1px 0 white,0 24px 70px #502b231a,0 0 40px #ff794514; }
#cookie-banner .cookie-icon { width:96px; height:96px; border:0; background:none; border-radius:0; font-size:0; }
.cookie-icon img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 15px #ffad6555); }
.cookie-banner .cookie-btn--primary,.cookie-modal .cookie-btn--primary { background:linear-gradient(135deg,#ff695d,#ef494f); box-shadow:0 5px 22px #ff594333,inset 0 1px 0 #ffffff33; }
.pm-btn-primary { box-shadow:0 8px 28px #ff503c38,inset 0 1px 0 #ffffff26; }
@supports not (backdrop-filter:blur(1px)) { #cookie-banner,.cookie-modal .cookie-modal-dialog { background:var(--ck-bg); } .pm .pm-glass,.pm .pm-perk,.pm .pm-roles .pm-role,.glass-panel { background:var(--c-bg-soft); } }
@media(max-width:540px) { #cookie-banner .cookie-icon { width:76px; height:76px; } }