/* D-T-191 (06/10) - Parametres > Theme : les cartes du theme d evenement (apercu, nom, coche). */
/* n2381: only the Songs renderer installs this class and workspace. */
.reglages-panneau.theme-avec-grand-apercu{max-width:none}
.theme-espace-apercu{display:grid;grid-template-columns:minmax(420px,760px) minmax(300px,1fr);gap:28px;align-items:start}
.theme-choix-colonne{min-width:0}
.theme-grand-apercu{position:sticky;top:0;min-width:0;border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,var(--accent)),var(--panel));box-shadow:0 18px 50px rgba(0,0,0,.2)}
.theme-grand-titre{margin:0 0 14px;font:700 19px Manrope,Inter,sans-serif;color:var(--ink);overflow-wrap:anywhere}
.theme-grand-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 200px);object-fit:contain;border-radius:12px;background:var(--bg)}
.theme-grand-etat{margin:12px 0 0;min-height:1.5em;font-size:13px;line-height:1.5;color:var(--muted)}
.theme-grand-couleurs{display:grid;gap:24px;min-height:330px;border-radius:14px;padding:30px;background:#090a0c;color:#f4f1e8;--apercu-surface:#111318;--apercu-accent:#d8a84e}
.theme-grand-couleurs[data-theme="gold"]{background:#faf7ef;color:#29231c;--apercu-surface:#fffdf8;--apercu-accent:#987225}
.theme-grand-couleurs>strong{font-size:26px}
.theme-grand-couleurs-carte{display:grid;gap:18px;align-content:center;border:1px solid var(--apercu-accent);border-radius:12px;background:var(--apercu-surface);padding:24px;font-size:17px}
.theme-grand-couleurs-carte i{display:block;height:45px;border:1px solid var(--apercu-accent);border-radius:8px}
@media(max-width:1150px){.theme-espace-apercu{grid-template-columns:minmax(0,1fr);gap:16px}.theme-grand-apercu{grid-row:1;padding:12px;z-index:2;background:var(--panel)}.theme-grand-titre{font-size:16px;margin-bottom:8px}.theme-grand-image{height:190px;width:100%;object-fit:contain}.theme-grand-etat{margin-top:8px}.theme-grand-couleurs{min-height:190px;padding:18px;gap:10px}.theme-grand-couleurs-carte{padding:16px;gap:10px}.reglages-contenu:has(.theme-avec-grand-apercu:not([hidden])){scroll-padding-top:280px}.theme-avec-grand-apercu .theme-evenement-option{scroll-margin-top:280px}}
@media(max-width:760px){.theme-grand-image{height:165px}.theme-grand-couleurs{min-height:165px}.theme-grand-titre{font-size:15px}.theme-grand-etat{font-size:12px}.reglages-contenu:has(.theme-avec-grand-apercu:not([hidden])){scroll-padding-top:255px}.theme-avec-grand-apercu .theme-evenement-option{scroll-margin-top:255px}}
@media(prefers-reduced-motion:reduce){.theme-avec-grand-apercu .theme-evenement-option{transition:none}}
.theme-evenement-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px}
.theme-evenement-option{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;border-radius:14px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 85%,transparent);color:var(--ink);cursor:pointer;text-align:left;font:600 14px Manrope,Inter,sans-serif;transition:border-color .15s,box-shadow .15s,transform .15s}
.theme-evenement-apercu{display:block;position:relative;width:100%;aspect-ratio:8/5;overflow:hidden;border-radius:9px;background:#000}
.theme-evenement-apercu img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px;background:#000}
.theme-birthday-grille,.theme-illustree-grille{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-option .theme-evenement-nom{white-space:normal;overflow:visible;line-height:1.35}
@media(max-width:760px){.theme-birthday-grille,.theme-illustree-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* The birthday / wedding / anniversary / Christmas looks live under Halloween as premium Magic page previews, not plain background-image cards. */
#reglages-theme-evenement #reglages-theme-occasion{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),color-mix(in srgb,var(--panel) 88%,#000);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 40px rgba(0,0,0,.22)}
#reglages-theme-evenement #reglages-theme-occasion .theme-evenement-grille{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:14px}
#reglages-theme-evenement #reglages-theme-occasion .theme-evenement-option{padding:8px 8px 11px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:color-mix(in srgb,var(--accent) 18%,var(--line));box-shadow:0 14px 30px rgba(0,0,0,.22)}
#reglages-theme-evenement #reglages-theme-occasion .theme-evenement-option:hover{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-apercu{isolation:isolate;background-repeat:no-repeat;background-color:var(--occasion-fond,#050505);background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.25)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-apercu img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(1.08) contrast(1.05);transform:scale(1.04)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-apercu::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,color-mix(in srgb,var(--occasion-fond,#090909) 82%,transparent),rgba(0,0,0,.2) 44%,color-mix(in srgb,var(--occasion-surface,#241915) 70%,transparent)),radial-gradient(circle at 16% 14%,color-mix(in srgb,var(--occasion-accent,#e2b552) 38%,transparent),transparent 26%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.18),transparent 24%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28));pointer-events:none}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-magic-preview{position:absolute;inset:10px;z-index:2;display:grid;grid-template-columns:minmax(0,.62fr) minmax(72px,.38fr);grid-template-rows:auto auto 1fr;gap:5px;color:var(--occasion-texte,#fff8f2);font-family:Manrope,Inter,sans-serif;pointer-events:none}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-top{grid-column:1/2;display:flex;align-items:center;gap:3px;width:max-content;padding:3px 5px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(5px)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-top span{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--occasion-accent,#e2b552) 82%,#fff)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-title{grid-column:1/2;justify-self:start;font-size:16px;line-height:1;font-weight:900;letter-spacing:-.05em;text-shadow:0 2px 10px rgba(0,0,0,.55)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-stage{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.57fr) minmax(86px,.43fr);align-items:stretch;gap:6px;min-height:0}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-panel{display:flex;flex-direction:column;gap:5px;min-width:0;padding:7px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--occasion-surface,#211812) 82%,rgba(255,255,255,.08)),rgba(8,8,10,.56));border:1px solid color-mix(in srgb,var(--occasion-accent,#e2b552) 34%,rgba(255,255,255,.22));box-shadow:0 12px 24px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(4px)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-label{display:block;font-size:7px;line-height:1.15;font-weight:850;letter-spacing:-.01em;color:color-mix(in srgb,var(--occasion-texte,#fff8f2) 88%,var(--occasion-accent,#e2b552));text-shadow:0 1px 6px rgba(0,0,0,.5)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-copy{display:block;margin-top:auto;padding:5px 6px;min-height:30px;border-radius:8px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.13);font-size:6px;line-height:1.25;color:color-mix(in srgb,var(--occasion-muet,#e8d8c8) 94%,#fff)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-social-panel{gap:4px}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-platform{display:grid;grid-template-columns:8px 11px 1fr;align-items:center;gap:3px;padding:4px;border-radius:7px;background:rgba(0,0,0,.26);border:1px solid color-mix(in srgb,var(--occasion-accent,#e2b552) 26%,rgba(255,255,255,.14));font-size:6px;line-height:1;white-space:nowrap;color:color-mix(in srgb,var(--occasion-texte,#fff8f2) 88%,#fff)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-checkbox{width:6px;height:6px;border-radius:1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-youtube{display:grid;place-items:center;width:10px;height:10px;border-radius:3px;background:#ff0033;color:#fff;font-size:6px;line-height:1}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-tiktok{display:grid;place-items:center;width:10px;height:10px;border-radius:3px;background:#111;color:#fff;font-size:8px;line-height:1}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-decor{position:absolute;right:-5px;top:-8px;width:44px;height:44px;background:var(--occasion-decor) no-repeat center/contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.42));opacity:.96}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-birthday .theme-occasion-mini-decor{right:-7px;top:-9px;transform:rotate(6deg) scale(1.05)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-wedding .theme-occasion-mini-decor{right:-4px;top:-6px;transform:rotate(-5deg)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-anniversary .theme-occasion-mini-decor{right:-6px;top:-6px;transform:rotate(8deg)}
#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-christmas .theme-occasion-mini-decor{right:-8px;top:-8px;transform:rotate(-7deg) scale(1.08)}
#reglages-theme-evenement #reglages-theme-occasion .theme-evenement-nom{position:relative;z-index:1;display:block;max-width:100%;padding:0 3px;color:color-mix(in srgb,var(--ink) 92%,#fff);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-evenement-option:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}
.theme-evenement-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.theme-evenement-option[aria-checked="true"]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent)}
.theme-evenement-nom{padding:0 4px}
.theme-occasion-categorie{grid-column:1/-1;margin:10px 2px 0;color:var(--ink);font-size:15px}
.theme-evenement-coche{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;background:var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.4);display:none;z-index:2}
.theme-evenement-coche::after{content:"";position:absolute;left:8px;top:4px;width:6px;height:11px;border:solid #111;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.theme-evenement-option[aria-checked="true"] .theme-evenement-coche{display:block}
@media(max-width:760px){.theme-evenement-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-evenement-option{font-size:13px;padding:6px 6px 8px}#reglages-theme-evenement #reglages-theme-occasion{margin-top:14px;padding:12px}#reglages-theme-evenement #reglages-theme-occasion .theme-evenement-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#reglages-theme-evenement #reglages-theme-occasion .theme-evenement-option{padding:6px 6px 9px}#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-magic-preview{inset:8px;gap:4px}#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-title{font-size:14px}#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-stage{gap:4px;grid-template-columns:minmax(0,.54fr) minmax(74px,.46fr)}#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-panel{padding:5px;border-radius:10px}#reglages-theme-evenement #reglages-theme-occasion .theme-occasion-mini-decor{width:34px;height:34px}}

/* n2390: inert outside the preproduction occasion stylesheet. */
.occasion-rich-atmosphere{display:none}
.theme-background-choice{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.theme-background-choice label{font-weight:600}
.theme-background-choice select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}
/* n2392: installed only by the exact MyMemory preview host. Real backgrounds stay intact. */
.memory-theme-preview{margin:12px 0 18px;position:sticky;top:0;z-index:4;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.memory-preview-title{padding:9px 14px;font:700 15px Manrope,Inter,sans-serif;color:var(--ink);background:var(--panel)}
.memory-theme-scene{position:relative;overflow:hidden;min-height:280px;padding:14px 16px;background-color:var(--bg);color:var(--ink);isolation:isolate}
.memory-scene-heading{position:relative;padding-right:90px;font:700 25px Georgia,serif;min-height:32px}
.memory-scene-heading::after{content:"";position:absolute;right:0;top:0;width:75px;height:66px;pointer-events:none}
.memory-scene-ornaments{position:relative;height:152px;margin:0 5px;pointer-events:none}
.memory-scene-card{display:grid;gap:8px;position:relative;z-index:1;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.memory-scene-title{font:700 19px Georgia,serif}.memory-scene-label{font:600 11px Manrope,Inter,sans-serif}.memory-scene-field{height:32px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}
.reglages-panneau:has(.memory-theme-preview) .theme-evenement-option{scroll-margin-top:var(--memory-preview-height,355px)}
.reglages-contenu:has(.memory-theme-preview){scroll-padding-top:var(--memory-preview-height,355px)}
@media(max-width:760px){.memory-theme-preview{top:0;margin:10px 0 14px}.memory-preview-title{font-size:13px;padding:7px 10px}.memory-theme-scene{min-height:210px;padding:10px 12px}.memory-scene-heading{font-size:20px;padding-right:62px;min-height:26px}.memory-scene-heading::after{width:50px;height:46px}.memory-scene-ornaments{height:120px;margin:0}.memory-scene-card{padding:10px;gap:6px}.memory-scene-title{font-size:16px}.memory-scene-field{height:22px}.reglages-panneau:has(.memory-theme-preview) .theme-evenement-option{scroll-margin-top:var(--memory-preview-height,310px)}}
@media(prefers-reduced-motion:no-preference){.memory-theme-scene:not([data-memory-theme="sans-decor"]) .memory-scene-ornaments{animation:memory-preview-shimmer 7s ease-in-out infinite}}
@keyframes memory-preview-shimmer{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@media(prefers-reduced-motion:reduce){.memory-scene-ornaments{animation:none!important;transform:none!important}}