/*
Theme Name: Tunnel de Vente
Theme URI: https://tunneldevente.com/
Author: Tunneldevente.com
Description: Gabarit minimal du site tunneldevente.com. Le menu, le pied de page et les styles viennent des options tdv_* imprimees par le snippet WPCode.
Version: 1.0.2
Requires at least: 6.5
Requires PHP: 7.4
License: Proprietaire
Text Domain: tunneldevente
*/

/* ---- base (ce qu'Avada fournissait implicitement) ---- */
html{box-sizing:border-box;-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0;padding:0}
body{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;
  color:oklch(0.38 0.015 285);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;overflow-x:hidden}
img,video,iframe,embed,object{max-width:100%}
img{height:auto;border:0;vertical-align:middle}
a{color:#7349EC}
h1,h2,h3,h4,h5,h6{font-family:"Inter",system-ui,sans-serif;font-weight:600;color:oklch(0.23 0.02 285);line-height:1.22}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;
  overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* ---- bandeau de titre ---- */
body .tdv-bandeau.fusion-page-title-bar{min-height:160px;display:flex;align-items:center;padding-top:24px;padding-bottom:24px}
.tdv-bandeau .fusion-page-title-row{width:100%;max-width:1200px;margin:0 auto;padding:0 30px}
.tdv-bandeau h1{margin:0}

/* ---- colonne de lecture des articles ---- */
body.single-post #content{padding-top:44px;padding-bottom:56px}

/* ---- grille de cartes (blog, archives, articles similaires) ---- */
.tdv-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1200px;
  margin:0 auto;padding:26px 18px 8px}
.tdv-grille .fusion-post-grid{padding:12px;margin:0}
.tdv-grille .fusion-post-wrapper{display:flex;flex-direction:column;background:#fff;
  border:1px solid oklch(0.92 0.008 285);border-radius:16px;overflow:hidden;height:100%}
.tdv-grille .fusion-image-wrapper{position:relative;aspect-ratio:16/9;overflow:hidden;background:oklch(0.96 0.03 290)}
.tdv-grille .fusion-image-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tdv-grille .fusion-post-content-wrapper{flex:1;display:flex;flex-direction:column;padding:20px 20px 22px}
.tdv-grille .fusion-post-content{flex:1}
.tdv-grille .entry-title{margin:0 0 .5rem;font-size:1.16rem;line-height:1.28;letter-spacing:-.03em}
.tdv-grille .entry-title a{color:oklch(0.23 0.02 285);text-decoration:none}
.tdv-grille .fusion-meta-info{margin-top:.6rem;padding-top:.8rem;border-top:1px solid oklch(0.92 0.008 285)}
.tdv-grille .fusion-read-more{text-decoration:none;font-weight:600;font-size:.86rem;color:#7349EC}
.tdv-grille-3{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;max-width:none;margin:0 -12px}
@media(max-width:900px){.tdv-grille-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .tdv-grille,.tdv-grille-3{grid-template-columns:minmax(0,1fr)}
  .tdv-grille{padding:16px 6px 4px}
  .tdv-bandeau .fusion-page-title-row{padding:0 18px}
  body .tdv-bandeau.fusion-page-title-bar{min-height:120px}
}

/* ---- articles similaires ---- */
.tdv-similaires{margin-top:2.6em;padding-top:1.8em;border-top:1px solid oklch(0.92 0.008 285)}
.tdv-similaires-titre{font-size:1.3rem;margin:0 0 .6em;letter-spacing:-.03em}

/* ---- pagination ---- */
.fusion-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:2rem auto 4rem;padding:0 18px}
.fusion-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;
  padding:0 12px;border:1px solid oklch(0.92 0.008 285);border-radius:10px;background:#fff;
  font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:.92rem;color:oklch(0.38 0.015 285);text-decoration:none}
.fusion-pagination .page-numbers.current{background:#7349EC;border-color:#7349EC;color:#fff}
.fusion-pagination a.page-numbers:hover{border-color:#7349EC;color:#7349EC}
.fusion-pagination .dots{border:0;background:none}

/* ---- pages vides (404, aucun resultat) ---- */
.tdv-vide{max-width:768px;margin:0 auto;padding:44px 24px 80px;font-size:1.06rem}

/* ---- images des anciens articles (convertis depuis Avada) ----
   Elles etaient en colonne a cote du texte : en pleine largeur, les portraits
   devenaient immenses. Seuls les anciens articles ont des <img> dans un <p>. */
body.single-post .post-content p>img{display:block;width:auto;max-height:480px;margin:1.2em auto}

/* ---- anciens boutons Avada convertis ---- */
body.single-post .post-content .tdv-btn-wrap{margin:1.8em 0;text-align:center}
body.single-post .post-content a.tdv-btn{display:inline-block;background:#7349EC;color:#fff!important;
  text-decoration:none!important;padding:.85em 1.7em;border-radius:999px;font-family:"Inter",system-ui,sans-serif;
  font-weight:600;line-height:1.3;transition:background .18s,transform .18s}
body.single-post .post-content a.tdv-btn:hover{background:#5B36C7;transform:translateY(-1px)}

/* ---- WordPress : alignements et legendes ---- */
.alignleft{float:left;margin:.3em 1.4em 1em 0}
.alignright{float:right;margin:.3em 0 1em 1.4em}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:.86rem;color:oklch(0.55 0.01 285)}