.elementor-kit-5{--e-global-color-primary:#10251C;--e-global-color-secondary:#0E5A3C;--e-global-color-text:#10251C;--e-global-color-accent:#F2C9C3;--e-global-color-b2cd385:#DDE8D3;--e-global-color-c3f8efc:#F7F3EF;--e-global-typography-primary-font-family:"Archivo";font-weight:300;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-text-font-family:"Newsreader";--e-global-typography-text-font-size:21px;--e-global-typography-accent-font-family:"Newsreader";--e-global-typography-accent-font-style:italic;background-color:var( --e-global-color-c3f8efc );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================================
   loic-legac.fr · charte globale · vert bouteille et rose
   À coller dans Elementor > Réglages du site > CSS personnalisé.
   Les polices sont dans le dossier /polices à la racine du site (cPanel).
   Toutes les classes maison commencent par llg- pour ne rien casser.
   ===================================================================== */

/* ---------- Polices, hébergées sur le site ---------- */
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;
  src:url(/polices/archivo.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(/polices/newsreader.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;
  src:url(/polices/newsreader-italique.woff2) format("woff2")}

/* ---------- Couleurs (les mêmes que les couleurs globales d'Elementor) ---------- */
:root{
  --llg-papier:#F7F3EF;
  --llg-encre:#10251C;
  --llg-bouteille:#0E5A3C;
  --llg-rose:#F2C9C3;
  --llg-jardin:#DDE8D3;
  --llg-sans:"Archivo","Helvetica Neue",Arial,sans-serif;
  --llg-serif:"Newsreader",Georgia,serif;
  --llg-trait:1.5px dashed var(--llg-encre);
}

/* ---------- Base ---------- */
html,body{background:var(--llg-papier);color:var(--llg-encre)}
body{font-family:var(--llg-sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--llg-rose);color:var(--llg-encre)}

/* Titres : Archivo large, capitales serrées */
h1,h2,h3,.elementor-heading-title{font-family:var(--llg-sans);font-weight:800;font-stretch:125%;
  text-transform:uppercase;letter-spacing:-.03em;line-height:.95}
h1{font-size:clamp(40px,6vw,64px)}
h2{font-size:clamp(28px,3.6vw,40px)}
h3{font-size:clamp(20px,2.4vw,26px);letter-spacing:-.01em}

/* Titre d'un article ou d'une page : toujours Archivo large et grasse */
body .elementor-widget-theme-post-title .elementor-heading-title,
body .elementor-widget-theme-archive-title .elementor-heading-title,
body .elementor-widget-theme-page-title .elementor-heading-title{font-family:var(--llg-sans) !important;font-weight:800 !important;font-stretch:125% !important;
  text-transform:uppercase;letter-spacing:-.03em;line-height:.95 !important}

/* Titres des widgets Titre : la charte décide, quels que soient les réglages du widget */
body h1.elementor-heading-title,body h2.elementor-heading-title{font-family:var(--llg-sans) !important;font-weight:800 !important;font-stretch:125% !important;text-transform:uppercase;letter-spacing:-.03em}
body h3.elementor-heading-title{font-family:var(--llg-sans) !important;font-weight:800 !important;font-stretch:112% !important;text-transform:uppercase;letter-spacing:-.02em}

/* Focus clavier visible partout */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--llg-bouteille);outline-offset:2px}

/* ---------- Petits outils ---------- */
.llg-etiquette{font-family:var(--llg-sans);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.llg-italique,.llg-italique p{font-family:var(--llg-serif);font-style:italic;font-weight:300}
.llg-trait-haut{border-top:var(--llg-trait)}
.llg-trait-bas{border-bottom:var(--llg-trait)}
.llg-pointilles{border:var(--llg-trait)}
.llg-fond-jardin{background:var(--llg-jardin)}
body .llg-bouton .elementor-button,body .llg-bouton a{font-family:var(--llg-sans) !important;font-weight:700 !important;font-style:normal !important;font-size:14px !important;
  text-transform:uppercase;letter-spacing:.06em;border-radius:999px !important;padding:14px 22px !important;background:var(--llg-bouteille) !important;color:var(--llg-papier) !important;border:0 !important}
body .llg-bouton .elementor-button:hover,body .llg-bouton a:hover{background:var(--llg-encre) !important;color:var(--llg-papier) !important}

/* ---------- En-tête : nom à gauche, pastilles du menu à droite ---------- */
.llg-entete{border-bottom:var(--llg-trait)}
.llg-entete .elementor-heading-title,.llg-entete .site-title{font-size:24px;letter-spacing:-.01em}
.llg-menu .elementor-nav-menu a.elementor-item{font-family:var(--llg-sans);font-size:13px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-radius:999px;color:var(--llg-encre)}
.llg-menu .elementor-nav-menu a.elementor-item:hover{background:var(--llg-rose);color:var(--llg-encre)}
.llg-menu .elementor-nav-menu a.elementor-item-active,
.llg-menu .elementor-nav-menu .current-menu-item>a{background:var(--llg-bouteille);color:var(--llg-papier)}
.llg-menu .elementor-nav-menu a.elementor-item::before,
.llg-menu .elementor-nav-menu a.elementor-item::after{display:none} /* enlève les soulignés d'Elementor */
.llg-menu .elementor-nav-menu .llg-cadre>a{border:1.5px solid var(--llg-encre)}
.llg-menu .elementor-nav-menu--dropdown{background:var(--llg-papier);border:var(--llg-trait)}

/* ---------- Pied de page ---------- */
.llg-pied{border-top:var(--llg-trait)}
body .llg-pied,body .llg-pied p,body .llg-pied a{font-family:var(--llg-sans) !important;font-size:13px !important;font-weight:700 !important;font-style:normal !important;text-transform:uppercase;letter-spacing:.06em;line-height:1.5 !important;color:var(--llg-encre)}
.llg-pied p{margin:0}
.llg-pied a{text-decoration:none}
.llg-pied a:hover{color:var(--llg-bouteille)}

/* ---------- Un texte (gabarit Article seul) ---------- */
.llg-texte{font-family:var(--llg-serif);font-size:clamp(19px,2vw,22px);line-height:1.6;max-width:38em;margin-inline:auto}
body .llg-texte,body .llg-texte p,body .llg-texte li{font-family:var(--llg-serif) !important;font-size:clamp(19px,2vw,22px) !important;line-height:1.6 !important}
.llg-texte p{margin:0 0 1em}
.llg-texte em,.llg-texte i{font-style:italic}
/* la chute : mettre le dernier paragraphe en italique (bloc Paragraphe > classe llg-chute) */
.llg-texte .llg-chute{font-style:italic;font-size:1.35em;line-height:1.35;color:var(--llg-bouteille)}
/* « Pourquoi cette date » et autres notes : un bloc Citation en fin de texte */
.llg-texte blockquote{margin:2em 0 0;padding:16px 0 0;border:0;border-top:var(--llg-trait);
  font-family:var(--llg-sans);font-size:16px;line-height:1.55;font-style:normal}
.llg-texte blockquote cite,.llg-texte blockquote strong:first-child{display:block;font-size:13px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;font-style:normal}

/* pastille de catégorie (widget Termes / Info de l'article) : seulement sur le lien, pas sur ses enveloppes */
.llg-pastille ul,.llg-pastille li,.llg-pastille span,.llg-formes ul,.llg-formes li,.llg-formes span{border:0 !important;background:none !important;padding:0 !important;margin:0}
.llg-pastille .elementor-icon-list-icon,.llg-formes .elementor-icon-list-icon,.llg-etiquette .elementor-icon-list-icon{display:none !important}
body .llg-pastille a{display:inline-block;font-family:var(--llg-sans) !important;font-size:12px !important;font-weight:700 !important;font-style:normal !important;
  text-transform:uppercase;letter-spacing:.08em;line-height:1.2 !important;padding:6px 10px !important;border-radius:999px;text-decoration:none;
  background:var(--llg-papier);color:var(--llg-encre) !important;border:1.5px solid var(--llg-encre) !important;margin:0 6px 4px 0}

/* navigation entre textes */
body .llg-trait-haut .elementor-post-navigation{padding-top:14px}
body .llg-trait-haut .post-navigation__prev--label,body .llg-trait-haut .post-navigation__next--label{font-family:var(--llg-sans) !important;font-size:13px !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.06em;color:var(--llg-encre)}
body .llg-trait-haut .post-navigation__prev--title,body .llg-trait-haut .post-navigation__next--title{font-family:var(--llg-serif) !important;font-style:italic;font-weight:300 !important;text-transform:none;font-size:18px !important}
body .llg-trait-haut .elementor-post-navigation__separator{background:none;border-left:1.5px dashed var(--llg-encre)}

/* ---------- Le carnet : une ligne par texte ----------
   La ligne est posée en grille par la charte : date 110 px | titre + extrait | pastille 170 px.
   Peu importe les réglages de mise en page du conteneur dans Elementor. */
body .llg-ligne:not(:has(> .e-con-inner)),body .llg-ligne > .e-con-inner{display:grid !important;
  grid-template-columns:110px minmax(0,1fr) 170px !important;column-gap:24px !important;row-gap:6px !important;align-items:baseline !important}
body .llg-ligne{border-top:var(--llg-trait);padding:20px 0 !important;transition:background .2s;width:100%}
body .llg-ligne:not(:has(> .e-con-inner)) > *,body .llg-ligne > .e-con-inner > *{width:auto !important;max-width:none !important;min-width:0}
body .llg-ligne > .e-con-inner{width:100% !important;max-width:none !important;flex:1 1 100% !important}
body .llg-ligne .llg-pastille{justify-self:end}
body .llg-ligne .llg-pastille ul{justify-content:flex-end}
/* le conteneur du milieu ne doit pas porter de trait */
body .llg-ligne .e-con{border:0 !important;padding:0 !important}
.llg-ligne:hover{background:rgba(242,201,195,.25)}
/* toute la ligne est cliquable : le lien du titre s'étend sur la ligne, la pastille reste cliquable au-dessus */
body .llg-ligne{position:relative}
body .llg-ligne .elementor-heading-title a::after{content:"";position:absolute;inset:0;z-index:1}
body .llg-ligne .llg-pastille{position:relative;z-index:2}
body .llg-ligne .elementor-heading-title a{color:inherit;text-decoration:none}
body .llg-ligne .llg-etiquette,body .llg-ligne .llg-etiquette *{font-family:var(--llg-sans) !important;font-size:13px !important;font-weight:700 !important;white-space:nowrap;text-transform:uppercase}
body .llg-ligne .elementor-heading-title{font-stretch:112% !important;font-size:clamp(22px,2.6vw,30px) !important;line-height:1 !important}
.llg-ligne:hover .elementor-heading-title{text-decoration:underline dotted;text-underline-offset:6px}
body .llg-ligne .llg-extrait,body .llg-ligne .llg-extrait p,body .llg-ligne .elementor-widget-theme-post-excerpt p{font-family:var(--llg-serif) !important;font-style:italic;font-weight:300 !important;font-size:20px !important;line-height:1.4 !important;margin:0;text-transform:none}
@media (max-width:760px){
  body .llg-ligne:not(:has(> .e-con-inner)),body .llg-ligne > .e-con-inner{grid-template-columns:1fr !important}
  body .llg-ligne .llg-pastille{justify-self:start}
  body .llg-ligne .llg-pastille ul{justify-content:flex-start}
}
/* le Loop Grid ne double pas les traits */
body .elementor-loop-container{row-gap:0 !important}

/* couleur de la pastille selon le type (catégorie) */
body .llg-pastille a[href*="/le-lundi/"]{background:var(--llg-encre) !important;color:var(--llg-rose) !important;border-color:var(--llg-encre) !important}
body .llg-pastille a[href*="/recettes/"]{background:var(--llg-rose) !important;color:var(--llg-encre) !important;border-color:var(--llg-rose) !important}
body .llg-pastille a[href*="/oiseau/"]{background:var(--llg-jardin) !important;color:var(--llg-encre) !important;border-color:var(--llg-jardin) !important}
body .llg-pastille a[href*="/qui-a-ecrit-ca/"]{background:var(--llg-bouteille) !important;color:var(--llg-papier) !important;border-color:var(--llg-bouteille) !important}

/* les étiquettes de forme (objet, fragment, poème) : discrètes, en pointillé */
body .llg-formes a{display:inline-block;font-family:var(--llg-sans) !important;font-size:12px !important;font-weight:700 !important;font-style:normal !important;line-height:1.2 !important;
  color:var(--llg-encre) !important;text-transform:uppercase;letter-spacing:.08em;padding:5px 9px !important;border-radius:999px;border:1.5px dashed var(--llg-encre) !important;text-decoration:none;margin:0 4px 4px 0}
body .llg-formes a:hover{background:var(--llg-rose)}

/* ---------- Filtres du carnet (widget Taxonomy Filter) ---------- */
body .llg-filtres .e-filter{gap:8px !important;flex-wrap:wrap !important;justify-content:flex-start !important}
body .llg-filtres .e-filter-item{font-family:var(--llg-sans) !important;font-weight:700 !important;font-size:13px !important;text-transform:uppercase;letter-spacing:.06em;
  padding:10px 16px !important;border-radius:999px !important;border:1.5px solid var(--llg-encre) !important;background:transparent !important;color:var(--llg-encre) !important;cursor:pointer}
body .llg-filtres .e-filter-item:hover{background:var(--llg-rose) !important}
body .llg-filtres .e-filter-item[aria-pressed="true"]{background:var(--llg-encre) !important;color:var(--llg-papier) !important}

/* ---------- Vignettes (oiseau, lectures) ---------- */
.llg-vignette{transition:transform .3s}
.llg-vignette:hover{transform:rotate(-1.5deg)}
.llg-vignette img{aspect-ratio:1/1;object-fit:cover;width:100%}

/* ---------- Un Onni affiché dans une page ---------- */
.llg-onni{width:100%}

/* ---------- Rubrique active aussi sur les pages enfants (Onnis > La terrasse) ---------- */
.llg-menu .elementor-nav-menu .current-menu-ancestor>a,.llg-menu .elementor-nav-menu .current-page-ancestor>a,.llg-menu .elementor-nav-menu .current-menu-parent>a{background:var(--llg-bouteille);color:var(--llg-papier)}

/* intertitres dans un texte */
body .llg-texte h3{font-family:var(--llg-sans) !important;font-size:15px !important;font-weight:700 !important;font-stretch:100% !important;letter-spacing:.06em;margin:1.6em 0 .4em}

/* ---------- Correctifs widgets ---------- */
/* une étiquette posée dans un Éditeur de texte reste une étiquette */
body .llg-etiquette,body .llg-etiquette p{font-family:var(--llg-sans) !important;font-size:13px !important;font-weight:700 !important;font-style:normal !important;text-transform:uppercase;letter-spacing:.08em;line-height:1.3 !important;margin:0}
/* bouton rose, pour les blocs verts */
body .llg-bouton-rose .elementor-button{background:var(--llg-rose) !important;color:var(--llg-encre) !important}
body .llg-bouton-rose .elementor-button:hover{background:var(--llg-papier) !important}
/* message d'une rubrique vide */
body .e-loop-nothing-found-message{font-family:var(--llg-serif) !important;font-style:italic;font-size:22px;text-align:left !important;padding:24px 0;border-top:var(--llg-trait)}

/* pastilles multiples : pas de virgule entre elles */
body .llg-pastille .elementor-post-info__terms-list,body .llg-formes .elementor-post-info__terms-list{font-size:0 !important;display:inline-flex;flex-wrap:wrap;gap:6px}
body .llg-pastille .elementor-post-info__terms-list a,body .llg-formes .elementor-post-info__terms-list a{margin:0 !important}

/* menu du téléphone : un panneau posé par-dessus la page, en capitales */
body .llg-menu{position:relative}
body .llg-menu .elementor-menu-toggle{background:transparent !important;color:var(--llg-encre) !important}
body .llg-menu nav.elementor-nav-menu--dropdown{position:absolute !important;right:0;left:auto !important;top:calc(100% + 10px);width:min(300px,calc(100vw - 32px)) !important;z-index:60;padding:10px !important;background:var(--llg-papier) !important;border:var(--llg-trait) !important;box-shadow:0 18px 40px -24px rgba(16,37,28,.5)}
body .llg-menu nav.elementor-nav-menu--dropdown a{font-family:var(--llg-sans) !important;font-style:normal !important;font-weight:700 !important;font-size:15px !important;text-transform:uppercase;letter-spacing:.05em;padding:12px 14px !important;border-radius:999px;color:var(--llg-encre) !important;justify-content:flex-start !important}
body .llg-menu nav.elementor-nav-menu--dropdown a.elementor-item-active,body .llg-menu nav.elementor-nav-menu--dropdown .current-menu-item>a,body .llg-menu nav.elementor-nav-menu--dropdown .current-menu-ancestor>a{background:var(--llg-bouteille) !important;color:var(--llg-papier) !important}

/* ---------- Mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  .llg-ligne,.llg-vignette{transition:none}
  .llg-vignette:hover{transform:none}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-display: auto;
	src: url('https://loic-legac.fr/wp-content/uploads/2026/10/Archivo-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Newsreader';
	font-display: auto;
	src: url('https://loic-legac.fr/wp-content/uploads/2026/10/Newsreader-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */