/*
Theme Name: Floxographie Evolution
Theme URI: https://lagalerietechnique.fr/
Description: Thème enfant Astra pour le portfolio Floxographie (phase 1).
Author: Floxographie
Template: astra
Version: 0.2.7
Requires PHP: 7.4
Text Domain: floxographie-evolution
*/
:root { --floxo-sidebar: 218px; --floxo-black: #111; --floxo-white: #fafafa; }
body { background:var(--floxo-black)!important; color:#f4f4f4; }
/* Ne pas afficher l'en-tête standard Astra : navigation latérale dédiée. */
#masthead, .site-header { display:none!important; }
#page { min-height:100vh; background:var(--floxo-black); }
#content, #colophon { margin-left:var(--floxo-sidebar); }
#content .ast-container { max-width:1360px; padding:50px clamp(20px,5vw,80px); }
.entry-title, .entry-content, .site-content, .ast-archive-description, .page-title { color:#f4f4f4; }
.entry-content a { color:#eaeaea; text-decoration:underline; text-underline-offset:3px; }
.entry-content img { max-width:100%; height:auto; }
.floxo-sidebar { position:fixed; z-index:1000; inset:0 auto 0 0; width:var(--floxo-sidebar); padding:37px 24px; background:var(--floxo-white); color:#151515; overflow-y:auto; }
.floxo-brand { display:block; color:#151515; font-size:19px; font-weight:700; text-decoration:none; letter-spacing:.035em; line-height:1.25; overflow-wrap:anywhere; margin-bottom:35px; }
.floxo-brand:hover,.floxo-sidebar a:hover{color:#686868;}
.floxo-sidebar .menu, .floxo-sidebar .children {list-style:none; margin:0; padding:0;}
.floxo-sidebar li {margin:0 0 13px; padding:0;}
.floxo-sidebar a {color:#242424; text-decoration:none; font-size:14px; line-height:1.4;}
.floxo-sidebar .current-menu-item > a, .floxo-sidebar .current_page_item > a {font-weight:700;}
.floxo-sidebar .sub-menu,.floxo-sidebar .children {list-style:none; padding:10px 0 0 13px; margin:0;}
.floxo-menu-toggle {display:none;}
.floxo-content-title {margin:0 0 26px;}
/* Les composants de galeries seront ajoutés au moment de l'import de contenu. */
@media(max-width:920px) {
 :root {--floxo-sidebar:0px;}
 #content,#colophon {margin-left:0;}
 #content .ast-container {padding:78px 18px 30px;}
 .floxo-menu-toggle {position:fixed; z-index:1102; top:12px; left:12px; display:flex; align-items:center; gap:8px; padding:9px 13px; border:1px solid #d8d8d8; border-radius:3px; background:#fafafa; color:#111; cursor:pointer; font-size:15px;}
 .floxo-sidebar {width:min(82vw,300px); transform:translateX(-105%); transition:transform .2s ease; box-shadow:2px 0 18px rgba(0,0,0,.15);}
 body.floxo-nav-open .floxo-sidebar {transform:translateX(0);}
 body.floxo-nav-open:before {content:'';position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:999;}
}
@media(prefers-reduced-motion:reduce){.floxo-sidebar{transition:none;}}

/* Navigation de travail réservée aux éditeurs ; aucun brouillon n’est publié. */
.floxo-preview-menu .floxo-section-break{border-top:1px solid #dedede;margin:22px 0 18px;min-height:0}
.floxo-preview-menu .floxo-pending span{font-size:14px;color:#808080;cursor:default}
.floxo-preview-note{font-size:11px;color:#777;line-height:1.5;margin-top:24px}
/* Retirer le footer Astra uniquement sur ce thème de développement. */
#colophon{display:none!important}

.floxo-page-note{display:block;color:#777;font-size:10px;line-height:1.4;margin:2px 0 0}

/* Identité et copyright : restitution de la navigation historique FloXographie. */
.floxo-sidebar {
 display:flex;
 flex-direction:column;
 box-sizing:border-box;
 border-top-left-radius:18px;
 /* Le rayon seul n’était pas visible : découper réellement le coin de la colonne. */
 clip-path:none;
 overflow:hidden;
 top:8px;
 bottom:0;
 padding:35px 10px 22px;
}
.floxo-sidebar .floxo-brand {
 display:block;
 flex:0 0 auto;
 width:100%;
 margin:0 0 35px;
 padding-top:17px;
 color:#111;
 font-size:22px;
 font-weight:700;
 letter-spacing:-.045em;
 line-height:1.4;
 text-align:center;
 text-transform:none;
 white-space:nowrap;
 overflow-wrap:normal;
}
.floxo-sidebar nav {flex:0 0 auto; min-width:0;}
.floxo-copyright {
 margin-top:auto;
 padding:38px 8px 0;
 color:#9b9b9b;
 font-size:11px;
 line-height:1.65;
 text-align:left;
 flex:0 0 auto;
}
@media(max-width:920px) {
 .floxo-sidebar {border-top-left-radius:18px; clip-path:none;
 overflow:hidden;
 top:8px;
 bottom:0;}
}

/* Le bandeau d'administration WP masquait le coin supérieur de la navigation.
   Placer le bord arrondi SOUS ce bandeau dans les vues connectées. */
body.admin-bar .floxo-sidebar { top:40px; }
@media(max-width:782px) { body.admin-bar .floxo-sidebar { top:54px; } }

/* v0.2.7 — colonne à 280px et retrait historique des rubriques. */
@media (min-width: 921px) {
 :root { --floxo-sidebar: 280px; }
 .floxo-sidebar { padding-left: 24px; padding-right: 24px; }
 .floxo-sidebar nav { padding-left: 22px; padding-right: 10px; }
 .floxo-sidebar .floxo-copyright { padding-left: 22px; }
}
/* Conserver une navigation lisible sur mobile sans élargir le panneau au-delà de l'écran. */
@media (max-width: 920px) {
 .floxo-sidebar { width:min(88vw,280px); padding-left:20px; padding-right:20px; }
 .floxo-sidebar nav { padding-left:14px; }
 .floxo-sidebar .floxo-copyright { padding-left:14px; }
 .floxo-sidebar .floxo-brand { font-size:clamp(17px,5vw,22px); }
}