/* Smartphone Guide — habillage complementaire au theme.json. */

/* --- Sommaire ancre --------------------------------------------------- */
.sg-sommaire{
  background:var(--wp--preset--color--base-2);
  border-left:4px solid var(--wp--preset--color--accent);
  border-radius:0 8px 8px 0;
  padding:1.25rem 1.5rem;margin:0 0 2.5rem}
.sg-sommaire__titre{
  font-family:var(--wp--preset--font-family--titre);
  font-weight:600;color:var(--wp--preset--color--contrast);
  margin:0 0 .6rem;font-size:1.05rem;letter-spacing:-.01em}
.sg-sommaire ol{margin:0;padding-left:1.2rem;line-height:1.6}
.sg-sommaire li{margin:.3rem 0}
.sg-sommaire a{color:var(--wp--preset--color--contrast-2);text-decoration:none}
.sg-sommaire a:hover{color:var(--wp--preset--color--accent);text-decoration:underline}

/* --- Tableaux : ils debordent sans conteneur a defilement -------------- */
.sg-tableau{overflow-x:auto;margin:2rem 0;-webkit-overflow-scrolling:touch}
.sg-tableau table{border-collapse:collapse;width:100%;min-width:32rem;font-size:1rem}
.sg-tableau th,.sg-tableau td{
  border:1px solid var(--wp--preset--color--bordure);padding:.7rem .9rem;text-align:left}
.sg-tableau th{
  background:var(--wp--preset--color--contrast);color:var(--wp--preset--color--base);
  font-family:var(--wp--preset--font-family--titre);font-weight:600}
.sg-tableau tbody tr:nth-child(even){background:var(--wp--preset--color--base-2)}

/* --- Encadres de procedure -------------------------------------------- */
.sg-etapes,.sg-retenir,.sg-alerte{
  border-radius:8px;padding:1.15rem 1.4rem;margin:2rem 0;font-size:1.05rem}
.sg-retenir{background:var(--wp--preset--color--base-2);
  border-left:4px solid var(--wp--preset--color--contrast)}
.sg-etapes{background:#EAF5F3;border-left:4px solid var(--wp--preset--color--accent)}
.sg-alerte{background:#FBF1E8;border-left:4px solid var(--wp--preset--color--alerte);
  font-size:.98rem;color:#4A3421}
.sg-retenir p:last-child,.sg-etapes p:last-child,.sg-alerte p:last-child{margin-bottom:0}
.sg-retenir strong,.sg-etapes strong{color:var(--wp--preset--color--contrast)}
.sg-etapes ol{counter-reset:sg;list-style:none;padding-left:0;margin:.6rem 0 0}
.sg-etapes ol li{counter-increment:sg;position:relative;padding-left:2.2rem;margin:.7rem 0}
.sg-etapes ol li::before{
  content:counter(sg);position:absolute;left:0;top:.05rem;
  width:1.6rem;height:1.6rem;border-radius:50%;
  background:var(--wp--preset--color--accent);color:#fff;
  font-family:var(--wp--preset--font-family--titre);font-weight:600;font-size:.9rem;
  display:flex;align-items:center;justify-content:center}

/* --- Bloc auteur et sources ------------------------------------------- */
.sg-auteur{
  border-top:2px solid var(--wp--preset--color--bordure);
  margin-top:3.5rem;padding-top:1.5rem;font-size:.95rem;
  color:var(--wp--preset--color--discret)}
.sg-auteur__nom{
  font-family:var(--wp--preset--font-family--titre);font-weight:600;
  color:var(--wp--preset--color--contrast);font-size:1.05rem;margin:0 0 .3rem}

/* --- Grille de la une : cibler l ARTICLE, pas le conteneur de requete -- */
.sg-une .wp-block-post{
  display:grid;grid-template-columns:1.05fr .95fr;gap:2.2rem;align-items:center}
.sg-une .wp-block-post-featured-image img{
  border-radius:12px;aspect-ratio:16/9;object-fit:cover;width:100%}
@media(max-width:900px){
  .sg-une .wp-block-post{grid-template-columns:1fr;gap:1.2rem}
  .sg-une .wp-block-post-featured-image img{aspect-ratio:16/9!important;max-height:42vh}
}

/* --- Cartes de rubrique ----------------------------------------------- */
.sg-cartes .wp-block-post{
  background:var(--wp--preset--color--base);
  border:1px solid var(--wp--preset--color--bordure);
  border-radius:12px;padding:1.35rem;
  box-shadow:0 1px 3px rgba(20,48,74,.07);
  transition:box-shadow .18s ease,transform .18s ease}
.sg-cartes .wp-block-post:hover{
  box-shadow:0 8px 22px rgba(20,48,74,.13);transform:translateY(-2px)}
.sg-cartes .wp-block-post-featured-image img{
  border-radius:8px;aspect-ratio:16/9;object-fit:cover;width:100%}
.sg-cartes .wp-block-post-title{font-size:1.15rem;line-height:1.28;margin:.8rem 0 .4rem}
.sg-cartes .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--contrast)}
.sg-cartes .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}
.sg-cartes .wp-block-post-excerpt{font-size:.95rem;color:var(--wp--preset--color--discret)}

/* --- En-tete et pied -------------------------------------------------- */
.sg-entete{border-bottom:1px solid var(--wp--preset--color--bordure)}
.sg-entete .wp-block-site-title a{
  font-family:var(--wp--preset--font-family--titre);font-weight:700;
  font-size:1.4rem;letter-spacing:-.02em;
  color:var(--wp--preset--color--contrast);text-decoration:none}
.sg-entete .wp-block-navigation a{
  color:var(--wp--preset--color--contrast-2);text-decoration:none;font-weight:500}
.sg-entete .wp-block-navigation a:hover{color:var(--wp--preset--color--accent)}
.sg-pied{background:var(--wp--preset--color--contrast);color:#C9D6E0}
.sg-pied a{color:#FFFFFF}
.sg-pied .wp-block-heading{color:#FFFFFF}

/* --- Confort de lecture ----------------------------------------------- */
.wp-block-post-content>p{margin-block:1.15em}
.wp-block-post-content li{margin-block:.4em}
:where(.wp-block-post-content) img{border-radius:10px}

/* Le titre de la une heritait de la couleur de lien : un titre entier en ambre.
   L accent reste aux liens et aux reperes, jamais a un titre. */
.sg-une .wp-block-post-title a{
  color:var(--wp--preset--color--contrast);text-decoration:none}
.sg-une .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}
.sg-une .wp-block-post-terms a{
  color:var(--wp--preset--color--discret);text-decoration:none;font-weight:600}
.sg-une .wp-block-post-terms a:hover{color:var(--wp--preset--color--accent)}
.sg-cartes .wp-block-post-terms a{
  color:var(--wp--preset--color--discret);text-decoration:none;font-weight:600}

/* --- Portes d entree des rubriques, en accueil ------------------------- */
.sg-portes .wp-block-columns{gap:1rem}
.sg-porte{
  background:var(--wp--preset--color--base-2);
  border:1px solid var(--wp--preset--color--bordure);
  border-radius:12px;padding:1.1rem 1.2rem;height:100%;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.sg-porte:hover{
  border-color:var(--wp--preset--color--accent);transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(20,48,74,.10)}
.sg-porte__titre{
  font-family:var(--wp--preset--font-family--titre);font-weight:600;
  font-size:1.08rem;line-height:1.25;margin:0 0 .45rem;letter-spacing:-.01em}
.sg-porte__titre a{color:var(--wp--preset--color--contrast);text-decoration:none}
.sg-porte:hover .sg-porte__titre a{color:var(--wp--preset--color--accent)}
.sg-porte__texte{
  font-size:.94rem;line-height:1.55;color:var(--wp--preset--color--discret);margin:0}
@media(max-width:781px){
  .sg-portes .wp-block-columns{gap:.8rem}
  .sg-porte{padding:.95rem 1.05rem}
}