/* Styles propres au site de La Luciole Digitale. Chaque règle porte « CUSTOM: raison ». */

/*
 * CUSTOM: boutons au rendu de l'ancien site (réglages globaux Breakdance) : 16 px,
 * graisse 500, sans espacement de lettres, 14 × 24 px de marge intérieure, et un
 * survol plus foncé (#B54B5E) là où le thème éclaircit la couleur principale.
 * Le thème expose ces valeurs en variables : rien d'autre à surcharger.
 */
:root {
  --btn-font-size: 1rem;
  --btn-font-weight: 500;
  --btn-letter-spacing: normal;
  --btn-padding-y: 0.875rem;
  --btn-padding-x: 1.5rem;
  --color-action-hover: #B54B5E;
}

/*
 * CUSTOM: voiles sur image plus légers (essai d'octobre 2026), pour deviner la
 * photo derrière le texte. Les voiles se règlent dans le thème (variables
 * --ilucid-voile-*). La couleur vient de l'option du thème « Couleur des
 * voiles » (noir par défaut depuis ilucid-v2 1.83.0 ; La Luciole a choisi la
 * couleur secondaire, le bleu nuit). Seule l'intensité est réglée ici.
 * Intensité 0,65 : chaque nuance du voile perd 35 %, les images estompées
 * ressortent d'autant. Sous 768 px le texte occupe toute la largeur, y compris
 * le côté clair du dégradé : voile plus dense (0,8). Retour à l'intensité
 * d'origine : retirer ce bloc.
 */
/* Couleur des voiles : le bleu nuit le plus sombre de la charte (#17222d), plus
 * profond que la couleur secondaire (#253542) que donne l'option du thème. Le
 * double :root l'emporte sur les variables écrites en ligne par le thème. */
:root:root {
  --ilucid-voile-couleur: #17222d;
}
:root {
  --ilucid-voile-intensite: 0.65;
}
@media (max-width: 767px) {
  :root {
    --ilucid-voile-intensite: 0.8;
  }
}
/*
 * CUSTOM: les en-têtes des pages liste (blog, réalisations, FAQ) gardent un
 * voile à pleine intensité (celle d'origine) : leur photo sert de fond
 * d'ambiance, pas d'illustration. Même réglage pour l'entête des articles.
 * Demande de Julien du 20 octobre 2026 (« trop clair, la photo est trop
 * visible »). Mêmes valeurs pour les trois, pour un rendu égal.
 */
.ilucid-blog-archive--moderne,
.ilucid-realisations-archive--moderne,
.ilucid-faq-archive--moderne,
.ilucid-blog-single--moderne > section:first-of-type,
.luciole-entete-contact {
  --ilucid-voile-intensite: 0.9;
}
/*
 * CUSTOM: carrousel de l'accueil et bandeaux d'appel (pages et fiches
 * réalisations) un peu plus denses que les heros : à 0,65 le texte manquait de
 * tenue sur les photos claires (Julien, 20 octobre 2026).
 */
.luciole-carrousel,
.luciole-cta,
.ilucid-realisation-cta {
  --ilucid-voile-intensite: 0.82;
}
@media (max-width: 767px) {
  .luciole-carrousel,
  .luciole-cta,
  .ilucid-realisation-cta {
    --ilucid-voile-intensite: 0.9;
  }
}