/* ========================================================================== Module:Éditeur & Formulaire de Création ========================================================================== */ /* --- Dark Mode (défaut) --- */ /* ========================================================================== Formulaire de Création de Sujet (ttb_create_discussion shortcode) ========================================================================== */ .ttb-form{position:relative;isolation:isolate;background-color:transparent;padding:var(--space-lg);border:none;clip-path:var(--chamfer-md)}.ttb-form::before,.ttb-form::after{content:'';position:absolute;z-index:-1;clip-path:var(--chamfer-md)}.ttb-form::before{inset:0;background:var(--clr-border-accent)}.ttb-form::after{inset:1px;background:var(--clr-bg-container)}.ttb-form .ttb-form-field{margin-bottom:var(--space-lg)}.ttb-form label{display:block;margin-bottom:var(--space-sm);color:var(--clr-text-heading);font-weight:bold}.ttb-input-wrap{position:relative;isolation:isolate;display:block;clip-path:var(--chamfer-sm)}.ttb-input-wrap::before{content:'';position:absolute;inset:0;background:var(--clr-border-secondary);clip-path:var(--chamfer-sm);z-index:-1;pointer-events:none}.ttb-input-wrap::after{content:'';position:absolute;inset:1px;background:var(--clr-bg-element);clip-path:var(--chamfer-sm);z-index:-1;pointer-events:none}.ttb-input-wrap input[type="text"],.ttb-input-wrap textarea,.ttb-input-wrap select{position:relative;background:transparent;border:none;width:100%;box-sizing:border-box}.ttb-form .ttb-form-field .ttb-input-wrap input[type="text"],.ttb-form .ttb-form-field .ttb-input-wrap select{padding:var(--space-sm) var(--space-md);color:var(--clr-text-primary)}.ttb-input-wrap:focus-within::before{background:var(--clr-accent-gold,#CDA158)}.ttb-form .ttb-editor-frame{width:100%;box-sizing:border-box}.ttb-form .ttb-editor{color:var(--clr-text-primary)}/* ========================================================================== TTBEditor — Éditeur rich-text sur mesure ========================================================================== */ .ttb-editor-frame{background:var(--clr-border-secondary);padding:1px;clip-path:var(--chamfer-sm)}.ttb-editor{display:flex;flex-direction:column;min-height:260px;clip-path:var(--chamfer-sm)}.ttb-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;background-color:var(--clr-bg-sidebar);border-bottom:1px solid var(--clr-border-secondary);flex-shrink:0}.ttb-editor-format{background:transparent;color:var(--clr-text-secondary);border:none;padding:5px 8px;font-family:var(--font-base);font-size:0.8em;cursor:pointer;line-height:1.4}.ttb-editor-format:focus{outline:2px solid var(--clr-accent-gold);outline-offset:1px}.ttb-editor-sep{width:1px;height:20px;background-color:var(--clr-border-primary);margin:0 3px;flex-shrink:0}.ttb-editor-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--clr-text-secondary);border-radius:3px;cursor:pointer;font-size:0.85em;transition:color 0.15s ease,background-color 0.15s ease;flex-shrink:0;line-height:1}.ttb-editor-btn:hover{color:var(--clr-accent-gold);background-color:rgba(205,161,88,0.1)}.ttb-editor-btn--active,.ttb-editor-btn[aria-pressed="true"]{color:var(--clr-accent-gold);background-color:rgba(205,161,88,0.15)}.ttb-editor-btn:focus-visible{outline:2px solid var(--clr-accent-gold);outline-offset:1px}.ttb-editor-btn--emoji-toggle{font-size:1em;width:32px}.ttb-editor-content{flex:1;padding:12px 14px;background:var(--clr-bg-element);color:var(--clr-text-primary);font-family:var(--font-base);font-size:var(--font-size-base);line-height:1.6;outline:none;overflow-y:auto;min-height:180px;word-break:break-word}.ttb-editor-content h3{font-size:1.15em;font-weight:700;margin:0.75em 0 0.25em}.ttb-editor-content h4{font-size:1.05em;font-weight:700;margin:0.6em 0 0.25em}.ttb-editor-content p{margin:0 0 0.5em}.ttb-editor-content ul,.ttb-editor-content ol{padding-left:1.5em;margin:0.5em 0}.ttb-editor-content blockquote{border-left:3px solid var(--clr-accent-gold);padding:6px 12px;margin:8px 0;color:var(--clr-text-secondary);font-style:italic;background-color:rgba(205,161,88,0.05)}.ttb-editor-content a{color:var(--clr-accent-gold);text-decoration:underline}.ttb-editor-content pre,.ttb-editor-content pre.ttb-code-block{background-color:#1E2430;border:1px solid #2D3748;border-left:3px solid var(--clr-accent-gold);border-radius:6px;padding:10px 12px;margin:8px 0;font-family:'Consolas','Monaco',monospace;font-size:0.88em;color:#c9d1d9;white-space:pre-wrap;word-break:break-word}.ttb-editor-content pre code{background:none;padding:0;border:none;font-size:inherit;color:inherit}html.light-mode .ttb-editor-content pre,html.light-mode .ttb-editor-content pre.ttb-code-block{background-color:#F6F8FA;border-color:#D0D7DE;border-left-color:var(--clr-accent-gold);color:#24292F}.ttb-editor-link-popup{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 10px;background-color:var(--clr-bg-sidebar);border-bottom:1px solid var(--clr-border-secondary);flex-shrink:0}.ttb-editor-link-popup[hidden]{display:none}.ttb-editor-link-url,.ttb-editor-link-text{flex:1;min-width:120px;background-color:var(--clr-bg-element);border:1px solid var(--clr-border-primary);border-radius:3px;color:var(--clr-text-primary);font-family:var(--font-base);font-size:0.85em;padding:4px 8px;height:28px}.ttb-editor-link-url:focus,.ttb-editor-link-text:focus{outline:2px solid var(--clr-accent-gold);outline-offset:1px}.ttb-editor-link-ok,.ttb-editor-link-cancel{padding:4px 10px;height:28px;border:1px solid var(--clr-border-primary);border-radius:3px;font-size:0.82em;font-family:var(--font-base);cursor:pointer;white-space:nowrap}.ttb-editor-link-ok{background-color:var(--clr-accent-gold);color:var(--clr-text-on-accent);border-color:var(--clr-accent-gold)}.ttb-editor-link-ok:hover{background-color:var(--clr-accent-gold-darker)}.ttb-editor-link-cancel{background-color:var(--clr-bg-element);color:var(--clr-text-secondary)}.ttb-editor-link-cancel:hover{background-color:var(--clr-bg-element-hover)}.ttb-editor--sm{min-height:0}.ttb-editor--sm .ttb-editor-content{min-height:100px}/* Light Mode TTBEditor */ html.light-mode .ttb-editor-frame{background:#D4C0A5}html.light-mode .ttb-editor-toolbar{background-color:var(--color-component-background,#EADDCA);border-bottom-color:#D4C0A5}html.light-mode .ttb-input-wrap::before{background:#D4C0A5}html.light-mode .ttb-input-wrap::after{background:var(--color-background)}html.light-mode .ttb-editor-format{color:var(--color-text,#4A3B31)}html.light-mode .ttb-editor-sep{background-color:var(--clr-border-accent,#D4C0A5)}html.light-mode .ttb-editor-btn{color:var(--color-text,#4A3B31)}html.light-mode .ttb-editor-btn:hover,html.light-mode .ttb-editor-btn--active,html.light-mode .ttb-editor-btn[aria-pressed="true"]{color:var(--clr-accent-gold)}html.light-mode .ttb-editor-content{background:var(--color-background);color:var(--color-text,#4A3B31)}html.light-mode .ttb-editor-link-popup{background-color:var(--color-component-background,#EADDCA);border-bottom-color:var(--clr-border-secondary,#D4C0A5)}html.light-mode .ttb-editor-link-url,html.light-mode .ttb-editor-link-text{background-color:var(--color-background);border-color:var(--clr-border-accent,#D4C0A5);color:var(--color-text,#4A3B31)}html.light-mode .ttb-editor-link-cancel{background-color:var(--color-component-background,#EADDCA);color:var(--color-text,#4A3B31);border-color:var(--clr-border-accent,#D4C0A5)}.ttb-form .ttb-form-submit input[type="submit"],.ttb-form .ttb-form-submit button.ttb-submit-button{background-color:var(--clr-accent-gold);color:var(--clr-text-on-accent);padding:var(--space-md);text-align:center;font-weight:bold;text-transform:uppercase;clip-path:var(--chamfer-sm);border:none;cursor:pointer;transition:background-color 0.2s ease;font-family:var(--font-base);font-size:var(--font-size-base);line-height:normal;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}.ttb-form .ttb-form-submit input[type="submit"]:hover,.ttb-form .ttb-form-submit button.ttb-submit-button:hover{background-color:var(--clr-accent-gold-darker)}.ttb-form .ttb-error,.ttb-form .ttb-success,.ttb-form .ttb-info{padding:var(--space-sm);clip-path:var(--chamfer-sm);margin-bottom:var(--space-md)}.ttb-form .ttb-error{background-color:rgba(205,74,74,0.1);border:1px solid #CD4A4A}.ttb-form .ttb-error p{color:#CD4A4A;margin:var(--space-xs) 0}.ttb-form .ttb-success{background-color:rgba(74,205,74,0.1);border:1px solid #4ACD4A}.ttb-form .ttb-success p{color:#4ACD4A;margin:var(--space-xs) 0}.ttb-form .ttb-info{background-color:rgba(var(--clr-accent-blue-highlight),0.1);border:1px solid var(--clr-accent-blue-highlight)}.ttb-form .ttb-info p{color:var(--clr-accent-blue-highlight);margin:var(--space-xs) 0}main.site-main.ttb-create-discussion-page.site-main-empty-content,main.site-main.ttb-single-thread-page.site-main-empty-content,main.site-main.ttb-archive-thread-page.site-main-empty-content,main.site-main.site-main-empty-content:has(>.content-area.content-area-empty-content>.ttb-forum-wrapper){margin-top:0 !important;padding-top:0 !important;margin-left:auto;margin-right:auto;margin-bottom:0}main.site-main.ttb-create-discussion-page.site-main-empty-content>.content-area.content-area-empty-content,main.site-main.ttb-single-thread-page.site-main-empty-content>.content-area.content-area-empty-content,main.site-main.ttb-archive-thread-page.site-main-empty-content>.content-area.content-area-empty-content,main.site-main.site-main-empty-content:has(>.content-area.content-area-empty-content>.ttb-forum-wrapper)>.content-area.content-area-empty-content{padding:0 !important}.ttb-forum-wrapper{margin-top:0;padding-top:0;width:100%;max-width:var(--max-width-forum);margin-left:auto;margin-right:auto}.ttb-content-wrapper-outer{margin:var(--space-md) auto var(--space-lg) auto}/* --- Light Mode --- */ /* Formulaire de Création de Sujet */ html.light-mode .ttb-form::after{background:var(--color-component-background)}html.light-mode .ttb-form label{color:var(--color-text-heading,#4A3B31)}html.light-mode .ttb-form .ttb-form-field .ttb-input-wrap input[type="text"],html.light-mode .ttb-form .ttb-form-field .ttb-input-wrap select{color:var(--color-text)}html.light-mode .ttb-form .ttb-editor{color:var(--color-text)}html.light-mode .ttb-form .ttb-form-submit input[type="submit"]{background-color:var(--clr-accent-gold);color:var(--clr-text-on-accent,#FFFFFF)}html.light-mode .ttb-form .ttb-form-submit input[type="submit"]:hover{background-color:var(--clr-accent-gold-darker)}html.light-mode .ttb-form .ttb-form-submit .ttb-submit-button,html.light-mode .ttb-submit-button{background-color:var(--clr-accent-gold);color:var(--clr-text-on-accent,#FFFFFF)}html.light-mode .ttb-form .ttb-form-submit .ttb-submit-button:hover,html.light-mode .ttb-submit-button:hover{background-color:var(--clr-accent-gold-darker)}/* ========================================================================== Blocs de code dans les commentaires et les sujets ========================================================================== */ /* --- Dark Mode (défaut) --- */ .ttb-comment-text pre.ttb-code-block,.ttb-thread-content pre.ttb-code-block,.ttb-comment-text pre,.ttb-thread-content pre{background-color:#1E2430;border:1px solid #2D3748;border-left:3px solid var(--clr-accent-gold,#CDA158);border-radius:6px;padding:0.875rem 1rem;margin:12px 0;overflow-x:auto;overflow-y:auto;max-height:400px;font-family:'Fira Code','Cascadia Code','JetBrains Mono','Consolas','Monaco',monospace;font-size:0.88em;line-height:1.55;color:var(--clr-text-secondary,#c9d1d9);white-space:pre-wrap;word-break:break-word;tab-size:4;position:relative}/* Label "CODE" en haut à droite du bloc */ .ttb-code-label{display:block;position:sticky;top:0;float:right;background-color:var(--clr-accent-gold,#CDA158);color:#161B22;font-family:var(--font-base,sans-serif);font-size:0.65em;font-weight:700;letter-spacing:0.08em;padding:0.125rem 0.5rem;border-radius:0 6px 0 4px;line-height:1.6;z-index:1;margin:-14px -16px 6px 0;width:fit-content;margin-left:auto;pointer-events:none;user-select:none}html.light-mode .ttb-code-label{color:#24292F}.ttb-comment-text pre code,.ttb-thread-content pre code{background:none;padding:0;border:none;font-size:inherit;color:inherit}/* Code inline (backticks) */ .ttb-comment-text code,.ttb-thread-content code{background-color:rgba(var(--clr-accent-gold-rgb,205,161,88),0.12);border:1px solid rgba(var(--clr-accent-gold-rgb,205,161,88),0.25);border-radius:4px;padding:0.125rem 0.375rem;font-family:'Fira Code','Cascadia Code','Consolas',monospace;font-size:0.88em;color:var(--clr-accent-gold,#CDA158)}/* --- Light Mode --- */ html.light-mode .ttb-comment-text pre.ttb-code-block,html.light-mode .ttb-thread-content pre.ttb-code-block,html.light-mode .ttb-comment-text pre,html.light-mode .ttb-thread-content pre{background-color:#F6F8FA;border-color:#D0D7DE;border-left-color:var(--clr-accent-gold);color:#24292F}html.light-mode .ttb-comment-text code,html.light-mode .ttb-thread-content code{background-color:rgba(var(--clr-accent-gold-rgb,205,161,88),0.1);border-color:rgba(var(--clr-accent-gold-rgb,205,161,88),0.3);color:#8B6914}