/* ==========================================================
   seo.css — audit SEO du 10/10/2026
   Accueil (titres retravaillés + bloc texte) et pages « spécialité »
   (metier.php). Chargé après app.css, versionné dans header_lite.php.
   ========================================================== */

/* ---- Accueil : les balises changent, le rendu reste le même ----
   « L'HUMAIN EN CAPITAL » passe de <h1> à <p> et la phrase d'accroche
   de <p> à <h1> : on reproduit ici ce que chacun héritait de sa balise. */
p.h1home{
  font-weight:500;
  line-height:1.2;
  color:#2d2b37;
  margin:0 0 17px;
}
h1.phome{
  font-family:inherit;
  font-weight:400;
  line-height:1.5;
  margin:0;
}
/* Téléphone (< 576 px) : l'accroche était masquée ; elle s'affiche
   désormais, à sa place dans le flux, au-dessus du bandeau de recherche. */
@media (max-width:575.98px){
  h1.phome{
    display:block !important;
    position:static;
    font-size:15px;
    padding:12px 12px 14px;
  }
}
/* « CONSULTEZ NOS OFFRES D'EMPLOI » : <h1> → <h2>, même rendu */
.consulter-offre h2{
  color:#fff;
  padding:10px 0 0 12px !important;
  margin-bottom:10px;
  font-weight:500;
  line-height:1.2;
}

/* ---- Bloc texte de l'accueil ---- */
.home-seo{
  padding:30px 0 10px;
  border-bottom:1px solid #000;
  color:#444;
  font-size:15px;
  line-height:1.6;
}
.home-seo h2{
  font-size:20px;
  font-weight:500;
  margin:0 0 12px;
}
.home-seo h3{
  font-size:17px;
  font-weight:500;
  margin:18px 0 8px;
}
.home-seo .home-specialites{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:8px 24px;
  list-style:none;
  padding:0;
  margin:6px 0 18px;
}
.home-seo .home-specialites a{
  display:block;
  padding:8px 12px;
  border-left:3px solid #068695;
  background:#f4f6f7;
  color:#2d2b37;
  text-decoration:none;
}
.home-seo .home-specialites a:hover,
.home-seo .home-specialites a:focus-visible{
  background:#e6f1f2;
  text-decoration:underline;
}

/* ---- Pages « spécialité » ---- */
.metier-page{ color:#333; font-size:15px; line-height:1.6; }
body.corporate#metier .metier-page h1{
  font-size:26px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  margin:4px 0 16px !important;
}
.metier-page h2{
  font-size:20px;
  font-weight:500;
  margin:28px 0 10px;
}
.metier-page h3.metier-q{
  font-size:16px;
  font-weight:600;
  margin:16px 0 4px;
}
.metier-intro{ font-size:16px; }

.metier-nav ul{ list-style:none; padding:0; margin:0 0 24px; }
.metier-nav__titre{
  font-weight:600;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.04em;
  color:#068695;
  margin:4px 0 8px;
}
.metier-nav li a{
  display:block;
  padding:7px 10px;
  color:#2d2b37;
  border-left:3px solid transparent;
  text-decoration:none;
}
.metier-nav li a:hover,
.metier-nav li a:focus-visible{ border-left-color:#068695; background:#f4f6f7; }
.metier-nav li.active a{ border-left-color:#068695; background:#e6f1f2; font-weight:600; }

.metier-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 32px;
  padding:14px 16px;
  margin:18px 0 6px;
  background:#068695;
  color:#fff;
}
.metier-cta a{ color:#fff; text-decoration:underline; }

.metier-liste{ padding-left:18px; }
.metier-liste li{ margin-bottom:6px; }

.metier-offres{ list-style:none; padding:0; margin:0 0 14px; }
.metier-offres li{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:2px 16px;
  padding:9px 0;
  border-bottom:1px solid #e4e6e8;
}
.metier-offres li span{ color:#656565; font-size:14px; }

.metier-page .btn{ margin:0 6px 6px 0; }

/* ---- Pied de page : colonne « Nos spécialités » ---- */
.pre-footer .footer-specialites{ list-style:none; padding:0; margin:0; }
.pre-footer .footer-specialites li{ margin-bottom:6px; line-height:1.4; }
.pre-footer .footer-specialites a{ color:#fff; line-height:1.4; }
.pre-footer .footer-specialites a:hover{ color:#7fd3dc; }

/* ---- Espaces employeur / candidat ----
   « NOS CLIENTS » : <h1> → <h2>, même rendu qu'avant. */
body.corporate#espace-employeur .our-clients h2.our-clients__titre,
body.corporate#espace-candidat .our-clients h2.our-clients__titre{
  color:#2d2b37 !important;
  font-size:20px !important;
  font-weight:300 !important;
  line-height:1.2 !important;
  margin-bottom:10px !important;
}
/* Titre principal ajouté à l'accueil de l'espace employeur */
body.corporate#espace-employeur h1.employeur-h1{
  font-size:22px !important;
  font-weight:500 !important;
  margin:0 0 14px !important;
}

/* ---- Logo reCAPTCHA (10/10/2026, demande Benjamin) ----
   Masqué sur tout le site public : il recouvrait le bas de la liste des
   offres sur téléphone. Google l'autorise si la mention « Protégé par
   reCAPTCHA » + liens figure près des formulaires concernés (fait). */
.grecaptcha-badge{ visibility:hidden !important; }
.rc-legal{ display:block; margin-top:6px; color:#656565; font-size:12px; }
.rc-legal a{ color:inherit; text-decoration:underline; }

/* Titres secondaires des espaces : <h1> → <h2>, même rendu que l'ancien h1
   (app.css ~l.1072). Un seul h1 par page (audit SEO 10/10/2026). */
body.corporate#espace-employeur h2.ancien-h1,
body.corporate#espace-candidat h2.ancien-h1{
  color:#2d2b37 !important;
  font-size:20px !important;
  font-weight:300 !important;
  line-height:1.2 !important;
  margin-bottom:12px !important;
}