/*
dClauzel — surcharge personnelle pour Ductile2026
Ne reprend que ce qui n'est ni la mise en page ni la palette de couleurs
déjà identiques par défaut entre ductile et Ductile2026, ni gérable par
le panneau de configuration du thème (Ductile2026 n'a pas d'écran de
configuration pour les couleurs/polices de titres et liens, contrairement
à ductile : ces valeurs viennent de ductile_style en base et sont
reproduites ici en dur).
Les polices sont chargées via <link rel="stylesheet"> dans
dClauzel_user_head.html plutôt que par @import ici, pour un chargement
parallèle (les @import CSS sont bloquants et séquentiels).
*/

:root {
	color-scheme: light dark;
	--font-serif: "Garamond Premier Pro", Georgia, serif;
	--font-sans: "Helvetica Neue LT Pro", "DejaVu Sans", sans-serif;
	--font-sans-2: "Helvetica Neue LT Pro", "DejaVu Sans", sans-serif;
}

body {
	background: light-dark(#FAFAFA, var(--clr-bk));
}

/* Ductile2026 fixe ces éléments sur une police en dur (Charter) ou bascule
   le libellé de menu vers --font-sans : on revient à Garamond pour rester
   fidèle au rendu ductile d'origine */
.comment-info,
#comments .me,
.comment-number,
.simple-menu li a span {
	font-family: var(--font-serif);
}

/* Élargissement condensé du sans-serif personnel, partout où ductile
   utilisait sa propre police condensée par défaut (mêmes sélecteurs que
   ceux utilisant var(--font-sans)/--font-sans-2 dans le thème natif) */
#blogdesc,
.supranav,
#prelude,
#content-info,
#subcategories,
#comments,
#comment-form,
#ping-url,
#comments-feed,
.field input,
.field textarea,
#sidebar h2,
#sidebar summary,
#sidebar h3,
#footer,
.arch-block h4 {
	font-stretch: condensed;
}

.field input,
.field textarea {
	background: light-dark(#fff, #363636);
}

/* -----------------------------------------------------------------
   Couleurs de titres et liens (ex-ductile_style en base, sans écran
   de configuration équivalent dans Ductile2026). Identité visuelle
   perso conservée en mode sombre via light-dark() : le bleu marine
   des titres devient un bleu clair désaturé (contraste AA sur fond
   sombre) plutôt que d'être remplacé par la teinte du thème de base.
------------------------------------------------------------------ */

/* blog_title_c */
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:focus {
	color: light-dark(#191970, #9494e0);
}

/* post_title_c : lien de titre de billet (listes). Le thème de base ne met
   en italique que .post-title a (titre lien) : on le garde ici aussi. */
.post-title a:link,
.post-title a:visited,
.post-title a:hover,
.post-title a:focus {
	color: light-dark(#191970, #9494e0);
	font-style: italic;
}

/* post_title_c / cohérence avec post_simple_title_c : titre de billet
   sans lien (vue single/page), aligné sur la même couleur et le même
   italique que ci-dessus (le thème de base ne met l'italique que sur
   .post-title a, absent quand le titre n'est pas un lien) */
.post-title {
	color: light-dark(#191970, #9494e0) !important;
	font-style: italic;
}

/* post_link_v_c, post_link_f_c : liens dans le corps des billets.
   #14709E est déjà la valeur claire de --clr-typo-title/--clr-link-focus
   du thème de base : on réutilise sa variable plutôt que de dupliquer
   la teinte, pour garder une seule source de vérité en mode sombre. */
.post-excerpt a:link,
.post-excerpt a:visited,
.post-content a:link,
.post-content a:visited {
	color: var(--clr-typo-title);
}

/* Hover : aligné sur la couleur de texte courant (--clr-typo) plutôt
   qu'un noir fixe, invisible sur fond sombre */
.post-excerpt a:hover,
.post-excerpt a:active,
.post-excerpt a:focus,
.post-content a:hover,
.post-content a:active,
.post-content a:focus {
	color: var(--clr-typo);
}

/* -----------------------------------------------------------------
   Logo : taille affichée fixe (l'image /Phoque-logo.svg déclare
   width="64" height="55.484138" ; Ductile2026 impose nativement
   width:100%/max-height:4.5em sur #logo a img, ce qui l'étire)
------------------------------------------------------------------ */
#logo a img {
	width: 64px;
	height: 55px;
	max-height: none;
	object-fit: contain;
}

/* -----------------------------------------------------------------
   Stickers : les PNG (44x58) sont remplacés par des SVG (ratio 70:96)
   dans Ductile2026 ; on plafonne la hauteur affichée pour rester
   proche du rendu précédent (~58px de haut)
------------------------------------------------------------------ */
#stickers img {
	width: auto;
	height: auto;
	max-height: 58px;
}

/* -----------------------------------------------------------------
   Masque le TEXTE "Propulsé par Dotclear" du pied de page sans
   supprimer la boîte : #footer n'a pas de hauteur propre dans le
   thème natif (style.css:1515), c'est le padding de "#footer p" qui
   dessine le bandeau. display:none sur .poweredby effondrait donc
   tout le bandeau à 0px ; visibility:hidden garde la boîte (et son
   fond --clr-bk-footer, clair/sombre) tout en rendant le texte/lien
   invisible.
------------------------------------------------------------------ */
.poweredby {
	visibility: hidden;
}

/* -----------------------------------------------------------------
   h-card microformats2 du footer : masqué visuellement (données déjà
   présentes en clair dans le profil FoaF), classe dédiée plutôt que
   style inline pour rester compatible avec une CSP stricte
------------------------------------------------------------------ */
.h-card-hidden {
	display: none;
}