/*
Theme Name: Aménagement & Travaux
Theme URI: https://amenagement-design.fr
Description: Thème bloc du média Aménagement & Travaux. Archétype « Guides et comparatifs ». Gutenberg natif, aucun page builder, polices auto-hébergées.
Author: La rédaction
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.5
Tested up to: 6.8
License: GNU General Public License v2 or later
Text Domain: amenagement-travaux
*/

/* Lisibilité du corps éditorial */
.entry-content > * { margin-block: var(--wp--preset--spacing--40); }
.entry-content h2 { margin-block-start: var(--wp--preset--spacing--60); }
.entry-content h3 { margin-block-start: var(--wp--preset--spacing--50); }
.entry-content p { max-width: 68ch; }

/* Tableaux comparatifs : lisibles, chiffres alignés */
.wp-block-table table { border-collapse: collapse; font-variant-numeric: tabular-nums; }
.wp-block-table th {
  background: var(--wp--preset--color--brique);
  color: #fff; font-family: var(--wp--preset--font-family--titre);
  text-align: left; padding: .7rem .9rem; font-weight: 700;
}
.wp-block-table td { padding: .7rem .9rem; border-bottom: 1px solid var(--wp--preset--color--bordure); }
.wp-block-table tr:nth-child(even) td { background: var(--wp--preset--color--sable); }

/* Encadrés éditoriaux */
.at-encadre { border-left: 4px solid var(--wp--preset--color--brique);
  background: var(--wp--preset--color--sable); padding: 1.1rem 1.3rem; border-radius: 2px; }
.at-encadre--attention { border-left-color: var(--wp--preset--color--alerte); }
.at-encadre--positif   { border-left-color: var(--wp--preset--color--valide); }
.at-encadre__titre { font-family: var(--wp--preset--font-family--titre); font-weight: 700;
  font-size: .82rem; letter-spacing: .06em; text-transform: uppercase;
  color: var(--wp--preset--color--brique); margin: 0 0 .4rem; }

/* Sommaire */
.at-sommaire { border: 1px solid var(--wp--preset--color--bordure); border-radius: 3px; padding: 1rem 1.2rem; }
.at-sommaire ol { margin: .4rem 0 0; padding-left: 1.1rem; }
.at-sommaire li { margin: .25rem 0; }

/* Méta d'article */
.at-meta { font-size: .88rem; color: var(--wp--preset--color--gris); }
.at-meta a { color: inherit; }

/* Bloc auteur et sources */
.at-auteur { border-top: 2px solid var(--wp--preset--color--bordure); padding-top: 1.2rem; }
.at-sources ol { font-size: .92rem; }

/* Cartes */
.at-carte { border: 1px solid var(--wp--preset--color--bordure); border-radius: 3px; overflow: hidden; background: #fff; }
.at-carte img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; }
.at-carte__corps { padding: .9rem 1rem 1.1rem; }
.at-badge { display: inline-block; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase;
  font-weight: 700; color: var(--wp--preset--color--brique); }

/* Images : jamais de débordement, ratio stable */
img { max-width: 100%; height: auto; }

/* ─── accueil : raccourcis d'entrée ─── */
.at-raccourcis{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.at-raccourcis a{display:inline-block;padding:.6rem 1.1rem;border:1px solid var(--wp--preset--color--bordure);
  border-radius:2rem;text-decoration:none;font-weight:600;font-size:.95rem;color:var(--wp--preset--color--encre)}
.at-raccourcis a:first-child{background:var(--wp--preset--color--brique);border-color:var(--wp--preset--color--brique);color:#fff}
.at-raccourcis a:hover{border-color:var(--wp--preset--color--brique);color:var(--wp--preset--color--brique)}
.at-raccourcis a:first-child:hover{background:var(--wp--preset--color--brique-fonce);color:#fff}

/* ─── grille des guides essentiels ─── */
.at-guides{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:900px){.at-guides{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.at-guides{grid-template-columns:1fr}}
.at-guide{border:1px solid var(--wp--preset--color--bordure);border-radius:.5rem;padding:1.25rem;background:#fff}
.at-guide:hover{border-color:var(--wp--preset--color--brique)}
.at-guide__num{font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem;letter-spacing:.08em;
  color:var(--wp--preset--color--brique);display:block;margin-bottom:.5rem}
.at-guide h3{margin:0 0 .4rem;font-size:1.05rem;line-height:1.3}
.at-guide h3 a{text-decoration:none;color:var(--wp--preset--color--encre)}
.at-guide h3 a:hover{color:var(--wp--preset--color--brique)}
.at-guide p{margin:0;font-size:.92rem;color:var(--wp--preset--color--gris);line-height:1.5}

/* ─── cartes comparatives avec mini-tableau ─── */
.at-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:900px){.at-compare{grid-template-columns:1fr}}
.at-compare__carte{border:1px solid var(--wp--preset--color--bordure);border-radius:.5rem;overflow:hidden;background:#fff}
.at-compare__titre{margin:0;padding:.9rem 1.1rem;background:var(--wp--preset--color--sable);
  font-size:1rem;font-weight:700;border-bottom:1px solid var(--wp--preset--color--bordure)}
.at-compare table{width:100%;border-collapse:collapse;font-size:.88rem;font-variant-numeric:tabular-nums}
.at-compare th,.at-compare td{padding:.55rem .7rem;border-bottom:1px solid var(--wp--preset--color--bordure);text-align:left}
.at-compare thead th{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--wp--preset--color--gris)}
.at-compare td:first-child{color:var(--wp--preset--color--gris)}
.at-compare .oui{color:var(--wp--preset--color--valide);font-weight:600}
.at-compare .non{color:var(--wp--preset--color--alerte);font-weight:600}
.at-compare__lien{display:block;padding:.8rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;
  color:var(--wp--preset--color--brique);border-top:1px solid var(--wp--preset--color--bordure)}
.at-compare__lien:hover{background:var(--wp--preset--color--sable)}

/* ─── questions fréquentes ─── */
.at-faq details{border-bottom:1px solid var(--wp--preset--color--bordure);padding:.95rem 0}
.at-faq summary{cursor:pointer;font-weight:600;font-size:1.02rem;list-style:none;position:relative;padding-right:2rem}
.at-faq summary::-webkit-details-marker{display:none}
.at-faq summary::after{content:"+";position:absolute;right:.25rem;top:-.1rem;font-size:1.4rem;
  color:var(--wp--preset--color--brique);line-height:1}
.at-faq details[open] summary::after{content:"−"}
.at-faq details p{margin:.7rem 0 0;color:var(--wp--preset--color--gris);line-height:1.6;max-width:62ch}
/* ─── barre de rubriques ─── */
.at-rubriques{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.4rem;
  border-top:2px solid var(--wp--preset--color--encre);border-bottom:1px solid var(--wp--preset--color--bordure);
  padding:.7rem 0;margin:0 0 2rem}
.at-rubriques__label{background:var(--wp--preset--color--encre);color:#fff;font-size:.72rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;padding:.35rem .7rem;margin-right:.6rem}
.at-rubriques a{text-decoration:none;font-weight:600;font-size:.98rem;color:var(--wp--preset--color--encre)}
.at-rubriques a:hover{color:var(--wp--preset--color--brique)}

/* ─── article de tete : titre incruste sur la photo ─── */
.at-une{position:relative;margin-bottom:3rem}
.at-une .wp-block-post-featured-image{margin:0}
.at-une .wp-block-post-featured-image img{width:100%;object-fit:cover;display:block}
.at-une__texte{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 2rem 1.6rem;
  background:linear-gradient(to top,rgba(20,18,16,.92) 25%,rgba(20,18,16,.55) 70%,rgba(20,18,16,0));
  color:#fff}
.at-une__texte .wp-block-post-title{margin:.5rem 0 .5rem;line-height:1.2}
.at-une__texte .wp-block-post-title a{color:#fff;text-decoration:none}
.at-une__texte .wp-block-post-title a:hover{text-decoration:underline;text-underline-offset:.18em}
.at-une__texte .wp-block-post-excerpt{margin:0;color:rgba(255,255,255,.85);max-width:60ch}
.at-une__texte .wp-block-post-excerpt__more-text{display:none}
@media(max-width:640px){
  .at-une__texte{position:static;background:var(--wp--preset--color--encre);padding:1.4rem}
}

/* ─── pastille de rubrique ─── */
.at-badge,.at-badge a{font-size:.72rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  text-decoration:none;color:var(--wp--preset--color--brique)}
.at-badge{margin:0 0 .15rem}
.at-badge--clair,.at-badge--clair a{color:#fff;background:var(--wp--preset--color--brique);
  display:inline-block;padding:.28rem .6rem}

/* ─── grille de cartes ─── */
.at-grille{margin-bottom:3rem}
.at-grille .wp-block-post{display:flex;flex-direction:column}
.at-grille .wp-block-post-featured-image{margin:0 0 .85rem;overflow:hidden;background:var(--wp--preset--color--sable)}
.at-grille .wp-block-post-featured-image img{width:100%;object-fit:cover;display:block;
  transition:transform .4s ease}
.at-grille .wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.04)}
.at-grille .wp-block-post-title{margin:.15rem 0 .45rem;line-height:1.28}
.at-grille .wp-block-post-title a{text-decoration:none;color:var(--wp--preset--color--encre)}
.at-grille .wp-block-post-title a:hover{color:var(--wp--preset--color--brique)}
.at-grille .wp-block-post-excerpt{margin:0;line-height:1.55}
.at-grille .wp-block-post-excerpt__more-text{display:none}

/* la grille de Gutenberg reste a 3 colonnes quelle que soit la largeur : on la replie */
@media(max-width:900px){
  .at-grille .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .at-grille .wp-block-post-template.is-layout-grid{grid-template-columns:1fr!important}
}