/* annexes-2509.css — Lot C (25/09/2026) : Contact (nouveau gabarit), pages auteur (author.php),
 * filet de la recherche sans résultat, formulaire de recherche (.sb-form, partagé, non stylé
 * ailleurs — grep vide sur style.css/css/*.css/socle avant d'écrire ici).
 * Tokens repris de style.css (--accent, --accent2, --titre, --courant, --rayon, --ombre, --doux…),
 * même largeur de conteneur que le reste du site (.sd-enveloppe : min(1220px,100% - 2.6rem)).
 * ui-ux-pro-max invoqué pour : Contact, pages auteur, filet de recherche, .sb-form.
 * Préfixes .sd-ctc- / .sd-au- / .sd-src- : n'affectent aucune autre page.
 */

/* =========================== CONTACT =========================== */
.sd-ctc{display:block;padding-bottom:3rem}
.sd-ctc-c{width:min(1220px,100% - 2.6rem);margin-inline:auto}
.sd-ctc-tete{max-width:68ch;margin-top:1.2rem}
.sd-ctc-h1{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.01em;margin-top:.4rem}
.sd-ctc-chapo{margin-top:.7rem;font-size:17px;line-height:1.6;color:var(--doux)}

.sd-ctc-grille{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:1.8rem;align-items:stretch;margin-top:2.2rem;
}
.sd-ctc-confiance{
  position:relative;border-radius:var(--rayon);overflow:hidden;min-height:340px;
  display:flex;align-items:flex-end;box-shadow:var(--ombre-f);background:var(--nuit);
}
.sd-ctc-confiance-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.sd-ctc-confiance-in{
  position:relative;z-index:1;width:100%;padding:1.6rem 1.5rem 1.7rem;
  background:linear-gradient(180deg,rgba(10,18,19,0) 0%,rgba(10,18,19,.62) 38%,rgba(10,18,19,.86) 100%);
  color:#fff;
}
.sd-ctc-confiance-liste{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem;font-size:15px}
.sd-ctc-confiance-liste li{display:flex;align-items:flex-start;gap:.55rem;line-height:1.4}
.sd-ctc-confiance-ico{flex:0 0 auto;width:20px;height:20px;color:#DAC069}
.sd-ctc-confiance-ico svg{width:100%;height:100%}
.sd-ctc-confiance-mail{margin:0;font-size:14.5px;color:#E8F0EF}
.sd-ctc-confiance-mail a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}

.sd-ctc-carte{
  background:var(--fond);border:1px solid var(--filet);border-radius:var(--rayon);
  box-shadow:var(--ombre);padding:1.7rem 1.7rem 1.6rem;
}
.sd-ctc-form{display:grid;gap:1.05rem}
.sd-ctc-champ{display:grid;gap:.4rem}
.sd-ctc-champ label{font-family:var(--courant);font-size:14px;font-weight:600;color:var(--encre)}
.sd-ctc-champ input,.sd-ctc-champ textarea{
  font-family:var(--courant);font-size:16px;color:var(--encre);background:var(--surf);
  border:1.5px solid var(--filet);border-radius:var(--rayon-s);padding:.75rem .9rem;
  min-height:44px;resize:vertical;
}
.sd-ctc-champ textarea{min-height:110px}
.sd-ctc-champ input:focus-visible,.sd-ctc-champ textarea:focus-visible{
  outline:2px solid var(--accent-txt);outline-offset:1px;border-color:var(--accent);
}
.sd-ctc-err{margin:0;font-size:13.5px;color:#B3261E;font-weight:600}
:root[data-theme="dark"] .sd-ctc-err{color:#FF8A80}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .sd-ctc-err{color:#FF8A80}
}
.sd-ctc-alerte{border-radius:var(--rayon-s);padding:.85rem 1rem;font-size:14.5px;line-height:1.5}
.sd-ctc-alerte--ok{background:color-mix(in srgb, #1F5866 12%, var(--surf));color:var(--accent-txt);font-weight:600}
.sd-ctc-alerte--err{background:color-mix(in srgb, #B3261E 10%, var(--surf));color:#B3261E;font-weight:600}
.sd-ctc-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sd-ctc-envoyer{width:100%;text-align:center;min-height:48px;border:0;cursor:pointer}
.sd-ctc-envoyer:disabled{opacity:.65;cursor:not-allowed}

/* =========================== PAGES AUTEUR =========================== */
.sd-au{display:block;padding-bottom:3rem}
.sd-au-c{width:min(1220px,100% - 2.6rem);margin-inline:auto}
.sd-au-hero{
  display:grid;grid-template-columns:160px minmax(0,1fr);gap:1.8rem;align-items:start;
  margin-top:1.6rem;padding-bottom:2rem;border-bottom:1px solid var(--filet);
}
.sd-au-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;box-shadow:var(--ombre-f)}
.sd-au-nom{font-size:clamp(26px,3.2vw,38px);margin-top:.3rem}
.sd-au-role{margin-top:.45rem;font-family:var(--courant);font-size:15px;font-weight:600;color:var(--accent-txt)}
.sd-au-bio{margin-top:.8rem;max-width:64ch;font-size:16.5px;line-height:1.65;color:var(--doux)}
.sd-au-nb{margin-top:.7rem;font-size:14px;color:var(--doux)}
.sd-au-rubs{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem}
.sd-au-rubs a{
  display:inline-flex;align-items:center;gap:.35rem;font-family:var(--courant);font-size:13px;font-weight:600;
  padding:.4rem .75rem;border-radius:99px;background:var(--surf);color:var(--accent-txt);
}
.sd-au-rubs a span{color:var(--doux);font-weight:500}
.sd-au-section{padding-top:2.4rem}
.sd-au-titre-liste{font-size:clamp(22px,2.6vw,28px)}

/* =========================== FILET DE RECHERCHE (0 résultat) =========================== */
.sd-src-vide{margin-top:1.4rem;padding:1.6rem 1.5rem;border-radius:var(--rayon);background:var(--surf)}
.sd-src-vide-txt{margin:0;font-size:17px;color:var(--encre)}
.sd-src-vide-form{margin-top:1rem;max-width:420px}
.sd-src-section{margin-top:2.6rem}
.sd-src-soustitre{font-size:clamp(20px,2.4vw,26px);margin-bottom:1.1rem}
.sd-src-rubriques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.sd-src-rub{
  display:flex;flex-direction:column;gap:.3rem;padding:1.05rem 1.1rem;border-radius:var(--rayon-s);
  background:var(--surf);border:1px solid var(--filet);
}
.sd-src-rub:hover{border-color:var(--accent);text-decoration:none}
.sd-src-rub-nom{font-family:var(--titre);font-weight:600;font-size:16.5px;color:var(--encre)}
.sd-src-rub-n{font-size:13px;color:var(--doux)}
.sd-src-pop{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.sd-src-pop li{border-bottom:1px solid var(--filet);padding-bottom:.65rem}
.sd-src-pop a{font-size:16px;font-weight:600}

/* =========================== .sb-form (barre de recherche partagée) =========================== */
.sb-form{display:flex;align-items:stretch;gap:.5rem}
.sb-form label{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sb-form input[type="search"]{
  flex:1 1 auto;min-width:0;min-height:44px;font-family:var(--courant);font-size:15px;
  color:var(--encre);background:var(--fond);border:1.5px solid var(--filet);
  border-radius:var(--rayon-s);padding:.6rem .9rem;
}
.sb-form input[type="search"]:focus-visible{outline:2px solid var(--accent-txt);outline-offset:1px;border-color:var(--accent)}
.sb-form button{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:44px;min-height:44px;
  padding:0 .9rem;border:0;border-radius:var(--rayon-s);background:var(--accent);color:var(--sur-accent);
  font-family:var(--courant);font-weight:600;font-size:14px;cursor:pointer;
}
.sb-form button:hover{box-shadow:var(--ombre)}
.sb-form .sd-src-btn-ico{width:18px;height:18px;flex:0 0 auto}
.sb-form .sd-src-btn-ico svg{width:100%;height:100%}
/* Dans le pied de page, seule la loupe reste visible (place restreinte) ; le libellé texte
   du bouton, lui, reste dans le DOM pour les lecteurs d'écran. */
.sd-pied-loupe .sd-src-btn-txt{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sd-pied-loupe .sb-form button{padding:0;width:44px}

@media (prefers-reduced-motion:reduce){
  .sd-src-rub,.sb-form button{transition:none}
}

/* =========================== RESPONSIVE =========================== */
@media (max-width:900px){
  .sd-ctc-grille{grid-template-columns:1fr}
  .sd-ctc-confiance{min-height:220px}
  .sd-au-hero{grid-template-columns:96px minmax(0,1fr);gap:1.1rem}
  .sd-au-photo{width:96px;height:96px}
}
@media (max-width:620px){
  .sd-src-rubriques{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .sd-ctc-c,.sd-au-c{width:min(100% - 1.8rem,100%)}
  .sd-ctc-carte{padding:1.3rem 1.2rem}
  .sd-src-rubriques{grid-template-columns:1fr}
  .sd-au-hero{grid-template-columns:1fr;text-align:left}
}