/* Correctif final visuels : chargé après tous les autres CSS.
   - Portfolio : captures réelles via .portfolio-shot + CSS, car StaticPage supprime les styles inline.
   - Blog : images injectées en HTML via .post-visual.
*/

/* BLOG : neutralise les anciens pseudo-éléments et affiche le span HTML réel. */
body.page-blog-archive .post-row::before{
  display:none !important;
  content:none !important;
  background:none !important;
}

body.page-blog-archive .post-row{
  display:grid !important;
  grid-template-rows:auto auto 1fr auto !important;
  gap:0 !important;
  padding:0 !important;
}

body.page-blog-archive .post-visual{
  display:block !important;
  width:100% !important;
  min-height:170px !important;
  margin:0 0 0 !important;
  background-size:cover !important;
  background-position:center !important;
  border-bottom:1px solid rgba(26,22,18,.12) !important;
}

body.page-blog-archive .post-row .date,
body.page-blog-archive .post-row > div,
body.page-blog-archive .post-row .more{
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:clamp(20px,4vw,34px) !important;
  padding-right:clamp(20px,4vw,34px) !important;
}

body.page-blog-archive .post-row .date{
  padding-top:clamp(24px,4vw,34px) !important;
  padding-bottom:12px !important;
}

body.page-blog-archive .post-row > div{
  padding-bottom:clamp(18px,3vw,28px) !important;
}

body.page-blog-archive .post-row .more{
  display:inline-flex !important;
  align-items:center !important;
  justify-self:start !important;
  align-self:end !important;
  width:auto !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:clamp(24px,4vw,34px) !important;
  color:#C8501A !important;
  -webkit-text-fill-color:#C8501A !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

/* PORTFOLIO : les styles inline des fragments sont nettoyés par StaticPage, donc les captures sont définies ici. */
body.rb-theme-portfolio .portfolio-cases-grid{
  align-items:stretch !important;
}

body.rb-theme-portfolio .portfolio-case{
  overflow:hidden !important;
  padding:0 !important;
}

body.rb-theme-portfolio .portfolio-case::before{
  display:none !important;
  content:none !important;
}

body.rb-theme-portfolio .portfolio-shot{
  display:flex !important;
  align-items:flex-end !important;
  width:100% !important;
  min-height:clamp(190px,30vw,280px) !important;
  padding:18px 20px !important;
  margin:0 0 22px !important;
  background-color:#151a1f !important;
  background-size:cover !important;
  background-position:top center !important;
  background-repeat:no-repeat !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(26,22,18,.12) !important;
}

body.rb-theme-portfolio .portfolio-case:nth-child(1) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Fopenlang.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(2) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Fcollector-briques.com%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(3) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Fmouluparfait.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(4) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Flesensdelafete.com%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(5) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Fcybereva.com%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(6) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Favocat-alencon.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(7) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.depannetonterrain.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(8) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Fnds-expertise.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(9) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Fpreciousplastictouraine.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(10) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Femtyconsulting.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(11) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Faf-esprit-deco.fr%2F?w=1200') !important;}
body.rb-theme-portfolio .portfolio-case:nth-child(12) .portfolio-shot{background-image:linear-gradient(180deg,rgba(16,22,27,0) 0%,rgba(16,22,27,.10) 50%,rgba(16,22,27,.78) 100%),url('https://s.wordpress.com/mshots/v1/https%3A%2F%2Ffdvconseil.com%2F?w=1200') !important;}

body.rb-theme-portfolio .rb-inner-content .portfolio-case .portfolio-shot span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  background:rgba(16,22,27,.82) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

body.rb-theme-portfolio .portfolio-case > :not(.portfolio-shot){
  margin-left:clamp(20px,2.8vw,34px) !important;
  margin-right:clamp(20px,2.8vw,34px) !important;
}

body.rb-theme-portfolio .portfolio-case > :last-child{
  margin-bottom:clamp(22px,2.8vw,34px) !important;
}

@media(max-width:760px){
  body.page-blog-archive .post-visual{min-height:145px !important;}
  body.page-blog-archive .post-row .date,
  body.page-blog-archive .post-row > div,
  body.page-blog-archive .post-row .more{
    padding-left:22px !important;
    padding-right:22px !important;
  }
  body.page-blog-archive .post-row .more{
    padding-bottom:30px !important;
  }
  body.rb-theme-portfolio .portfolio-shot{min-height:210px !important;}
}