/* RecycleTek — habillage du blog PrestaBlog (rt-blog.css, chargé uniquement sur les pages du blog)
   Remplace custom-blog.css. Généré le 02/10/2026. */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
.material-icons{font-family:'Material Icons'!important;font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}

/* ---------- Mise en page : pleine largeur, sans colonne vide ---------- */
#module-prestablog-blog #content-wrapper *,#module-prestablog-blog #content-wrapper *::before,#module-prestablog-blog #content-wrapper *::after{box-sizing:border-box}
#module-prestablog-blog #left-column{display:none!important}
#module-prestablog-blog #content-wrapper{flex:0 0 100%!important;max-width:100%!important;width:100%!important;float:none!important}
#module-prestablog-blog #wrapper .container{max-width:1180px}
#module-prestablog-blog #content-wrapper{color:#1b2a27;display:flex;flex-direction:column}
#module-prestablog-blog #content-wrapper > h1{order:-1}
#module-prestablog-blog #content-wrapper:has(#prestablogfront) #prestablog_menu_cat{display:none!important}
#module-prestablog-blog #content-wrapper a{color:#14853f;text-decoration:none}
#module-prestablog-blog #content-wrapper a:hover{color:#0a5a2a}

/* ---------- Filtres (catégories du blog) ---------- */
#prestablog_menu_cat{background:none!important;border:0!important;margin:8px 0 0!important;padding:0!important;box-shadow:none!important}
#prestablog_menu_cat #menu-mobile{display:none!important}
#prestablog_menu_cat nav{display:block!important;background:none!important}
#prestablog_menu_cat nav ul{display:flex!important;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;background:none!important}
#prestablog_menu_cat nav ul li{float:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#prestablog_menu_cat nav ul li a{display:inline-flex!important;align-items:center;min-height:40px;padding:8px 18px!important;border:1px solid #ccd8d4;border-radius:999px;background:#fff!important;color:#10302c!important;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap}
#prestablog_menu_cat nav ul li a:hover{border-color:#10302c}
#prestablog_menu_cat nav ul li a .material-icons{font-size:0!important}
#prestablog_menu_cat nav ul li a .material-icons::before{content:"Tous les guides";font-family:inherit;font-size:14px;font-weight:600}
#prestablog_menu_cat nav ul li a[href$="guides-c1"]{display:none!important}
#prestablog_menu_cat nav ul ul{display:none!important}

/* ---------- Page liste ---------- */
#module-prestablog-blog #content-wrapper > h1{margin:28px 0 22px;font-size:40px;line-height:1.15;font-weight:800;color:#10302c;text-transform:none;letter-spacing:0}
#module-prestablog-blog #content-wrapper > h1::before{content:"Conseils de l'atelier";display:block;margin-bottom:12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#14853f}
#module-prestablog-blog #content-wrapper > h1 br,#module-prestablog-blog #content-wrapper > h1 span{display:none}
ul#blog_list_1-7{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 48px!important;padding:0!important;list-style:none}
ul#blog_list_1-7 > li.blog-grid{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
ul#blog_list_1-7 .block_cont{height:100%;display:flex;flex-direction:column;gap:12px;padding:26px!important;border:1px solid #dde6e2!important;border-radius:16px;background:#fff!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
ul#blog_list_1-7 .block_cont:hover{border-color:#b9cdc6!important;box-shadow:0 6px 18px rgba(16,48,44,.08)!important}
ul#blog_list_1-7 .block_top{display:none!important}
ul#blog_list_1-7 .block_bas{flex-grow:1;padding:0!important;background:none!important}
ul#blog_list_1-7 h3{margin:0!important;font-size:19px!important;line-height:1.35!important;font-weight:700!important;text-transform:none!important}
ul#blog_list_1-7 h3 > a{color:#10302c!important}
ul#blog_list_1-7 h3 br{display:none}
ul#blog_list_1-7 .date_blog-cat{display:block;margin-top:10px;font-size:12.5px!important;font-weight:500;color:#5b6b67!important;line-height:1.4}
ul#blog_list_1-7 .date_blog-cat a{color:#0f6b34!important;font-weight:700}
ul#blog_list_1-7 .prestablog_desc{margin:12px 0 0!important;font-size:14.5px!important;line-height:1.6!important;color:#4a5a55!important}
ul#blog_list_1-7 .prestablog_more{margin:0!important;padding:0!important;background:none!important;text-align:left!important}
ul#blog_list_1-7 .prestablog_more a.blog_link{display:inline-block;padding:0!important;background:none!important;border:0!important;color:#14853f!important;font-size:14px;font-weight:700}
ul#blog_list_1-7 .prestablog_more a.blog_link .material-icons{display:none}
ul#blog_list_1-7 .prestablog_more a.blog_link::after{content:" →"}
/* premier article mis en avant */
ul#blog_list_1-7 > li.blog-grid:first-child{grid-column:1/-1}
ul#blog_list_1-7 > li.blog-grid:first-child .block_cont{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:40px;padding:0!important;overflow:hidden;border-radius:18px}
ul#blog_list_1-7 > li.blog-grid:first-child .block_top{display:block!important;grid-row:1/3;min-height:240px;background:#10302c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%237fe0a3' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='2.5'/%3E%3Cline x1='10.5' y1='18.5' x2='13.5' y2='18.5'/%3E%3C/svg%3E") 40px 40px no-repeat!important}
ul#blog_list_1-7 > li.blog-grid:first-child .block_bas{grid-column:2;grid-row:1;padding:40px 40px 0 0!important;align-self:end}
ul#blog_list_1-7 > li.blog-grid:first-child h3{font-size:28px!important;font-weight:800!important}
ul#blog_list_1-7 > li.blog-grid:first-child .prestablog_desc{font-size:16px!important}
ul#blog_list_1-7 > li.blog-grid:first-child .prestablog_more{grid-column:2;grid-row:2;padding:14px 40px 40px 0!important}

/* ---------- Article : en-tête ---------- */
#prestablogfront{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;column-gap:56px;align-items:start;margin:24px 0 56px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#prestablogfront > *{grid-column:1;min-width:0}
#prestablogfront > time.date{grid-row:1;order:0;display:block;margin:0 0 10px!important;padding:0!important;background:none!important;color:#5b6b67!important;font-size:13px;font-weight:600;position:static!important;float:none!important;width:auto!important;height:auto!important;border:0!important}
#prestablogfront > time.date span{background:none!important;color:inherit!important;padding:0!important;font-size:inherit!important}
#prestablogfront > h1#prestablog_article{grid-row:2;margin:0 0 12px!important;font-size:38px!important;line-height:1.18!important;font-weight:800!important;color:#10302c!important;text-transform:none!important;letter-spacing:0!important}
#prestablogfront > .info_blog{grid-row:3;margin:0 0 28px!important;padding:0 0 24px!important;border:0!important;border-bottom:1px solid #e3ebe8!important;background:none!important;font-size:13.5px;color:#5b6b67}
#prestablogfront > .info_blog a{display:inline-block;margin-left:4px;padding:4px 11px;border-radius:999px;background:#eaf6ee;color:#0f6b34!important;font-size:12px;font-weight:700}
#prestablogfront > .info_blog::after{content:"Par l'équipe technique RecycleTek, atelier de Ris-Orangis";display:block;margin-top:8px}

/* ---------- Article : sommaire en colonne ---------- */
#prestablogfront > #prestablog-toc-container{grid-column:2;grid-row:4;position:sticky;top:24px;margin:0!important}
.prestablog-toc{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:20px!important;border:1px solid #dde6e2!important;border-radius:14px;background:#fff!important;box-shadow:none!important}
.prestablog-toc-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important;font-size:0!important;color:#5b6b67!important}
.prestablog-toc-title::before{content:"Sommaire";font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.prestablog-toc-toggle{display:none!important}
.prestablog-toc-list,.prestablog-toc.collapsed .prestablog-toc-list{display:block!important;max-height:none!important;height:auto!important;overflow:visible!important;opacity:1!important;visibility:visible!important;margin:0!important;padding:0!important;list-style:none!important}
.prestablog-toc-item{margin:0!important;padding:0!important;list-style:none!important;background:none!important}
.prestablog-toc-item::before,.prestablog-toc-item::marker{content:none!important}
.prestablog-toc-level-3{display:none!important}
.prestablog-toc-link{display:block;padding:6px 0!important;color:#3d4d48!important;font-size:14px!important;line-height:1.45!important;font-weight:500}
.prestablog-toc-link:hover{color:#10302c!important}
.prestablog-toc-item:first-child .prestablog-toc-link{font-weight:700;color:#10302c!important}

/* ---------- Article : texte ---------- */
#prestablogfront > #prestablogfont{grid-row:4;max-width:760px;font-size:16.5px;line-height:1.75;color:#26332f}
#prestablogfont p{margin:0 0 16px;font-size:16.5px;line-height:1.75;color:#26332f}
#prestablogfont h2{margin:40px 0 14px!important;padding:0!important;border:0!important;background:none!important;font-size:24px!important;line-height:1.3!important;font-weight:800!important;color:#10302c!important;text-transform:none!important;scroll-margin-top:24px}
#prestablogfont h3{margin:26px 0 8px!important;font-size:18px!important;line-height:1.4!important;font-weight:700!important;color:#10302c!important;text-transform:none!important;scroll-margin-top:24px}
#prestablogfont ul,#prestablogfont ol{margin:0 0 18px;padding-left:22px}
#prestablogfont li{margin:0 0 8px;line-height:1.65}
#prestablogfont ul li::marker{color:#14853f}
#prestablogfont strong{color:#10302c}
#prestablogfont hr{border:0;border-top:1px solid #e3ebe8;margin:32px 0}
#prestablogfont em{color:#5b6b67}
.rt-bref{margin:0 0 28px;padding:20px 24px;border-radius:14px;background:#eaf6ee}
.rt-bref p{margin:0!important}
.rt-bref strong:first-child{display:block;margin-bottom:6px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0f6b34}
.rt-table-wrap{margin:8px 0 24px;overflow-x:auto;border:1px solid #dde6e2;border-radius:12px;-webkit-overflow-scrolling:touch}
.rt-table-wrap table{width:100%;min-width:520px;margin:0;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.rt-table-wrap th,.rt-table-wrap td{padding:12px 16px;text-align:left;vertical-align:top;border:0;border-top:1px solid #e3ebe8}
.rt-table-wrap thead th{border-top:0;background:#10302c;color:#fff;font-weight:700}
.rt-table-wrap tbody tr:nth-child(even){background:#f6f8f7}
.rt-table-wrap tbody th{width:32%;color:#10302c;font-weight:700;background:#f6f8f7}
/* encadré d'achat */
.rt-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:32px 0;padding:20px 24px;border:1px solid #e3ebe8;border-radius:14px;background:#f6f8f7}
.rt-cta p{flex:1 1 260px;margin:0!important;font-size:15px!important;line-height:1.55!important}
.rt-cta a.rt-btn{display:inline-block;padding:12px 20px;border-radius:10px;background:#14853f;color:#fff!important;font-size:14px;font-weight:700;white-space:nowrap}
.rt-cta a.rt-btn:hover{background:#0f6b34;color:#fff!important}
/* à lire aussi */
.rt-related{margin:48px 0 8px;padding-top:28px;border-top:1px solid #e3ebe8}
.rt-related > p:first-child{margin:0 0 16px!important;font-size:22px!important;font-weight:800;color:#10302c!important}
.rt-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rt-related-grid a{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #dde6e2;border-radius:14px;color:#10302c!important;font-weight:700;line-height:1.4;font-size:15px}
.rt-related-grid a:hover{border-color:#b9cdc6;box-shadow:0 6px 18px rgba(16,48,44,.08)}
.rt-related-grid a span{font-size:12px;font-weight:700;color:#0f6b34}

/* ---------- Partage ---------- */
#prestablogfront > p.prestablogtitle{margin:28px 0 8px!important;padding:0!important;background:none!important;border:0!important;font-size:13px!important;font-weight:700!important;color:#5b6b67!important;text-transform:none!important}
#prestablogfront ul.blogsoc-buttons{display:flex;gap:8px;margin:0!important;padding:0!important;list-style:none}
#prestablogfront ul.blogsoc-buttons li{float:none!important;margin:0!important}
#prestablogfront ul.blogsoc-buttons .blogsoc-icon-container{width:38px!important;height:38px!important;border-radius:10px!important;background:#f1f5f3!important;display:flex;align-items:center;justify-content:center}
#prestablogfront ul.blogsoc-buttons svg{width:18px;height:18px;fill:#10302c}
#module-prestablog-blog .clearfix:empty{display:none}

/* ---------- Mobile ---------- */
@media (max-width:991px){
  #prestablogfront{display:block!important}
  #prestablogfront > #prestablog-toc-container{position:static;margin:0 0 24px!important}
  .prestablog-toc-level-3{display:none!important}
  ul#blog_list_1-7{grid-template-columns:repeat(2,minmax(0,1fr))}
  ul#blog_list_1-7 > li.blog-grid:first-child .block_cont{grid-template-columns:1fr}
  ul#blog_list_1-7 > li.blog-grid:first-child .block_top{grid-row:auto;min-height:120px}
  ul#blog_list_1-7 > li.blog-grid:first-child .block_bas,ul#blog_list_1-7 > li.blog-grid:first-child .prestablog_more{grid-column:1;grid-row:auto}
  ul#blog_list_1-7 > li.blog-grid:first-child .block_bas,ul#blog_list_1-7 > li.blog-grid:first-child .prestablog_more{padding-left:28px!important;padding-right:28px!important}
  .rt-related-grid{grid-template-columns:1fr}
}
@media (max-width:575px){
  #module-prestablog-blog #content-wrapper > h1{font-size:30px}
  #prestablogfront > h1#prestablog_article{font-size:28px!important}
  #prestablogfont h2{font-size:21px!important}
  ul#blog_list_1-7{grid-template-columns:1fr}
  ul#blog_list_1-7 > li.blog-grid:first-child h3{font-size:22px!important}
  #prestablog_menu_cat nav ul{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
}

/* ---------- Neutralise Masonry (positions absolues posées par le script du module) ---------- */
ul#blog_list_1-7{height:auto!important;position:static!important}
ul#blog_list_1-7 > li.blog-grid{position:static!important;left:auto!important;top:auto!important;transform:none!important;height:auto!important}

/* Libellé « Tous les guides » : police du site au lieu de la police d'icônes */
#prestablog_menu_cat nav ul li a .material-icons::before{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;font-feature-settings:normal!important;-webkit-font-feature-settings:normal!important;text-transform:none!important;letter-spacing:0!important;line-height:1.2}

/* « Tous les guides » : on masque l'icône maison et on écrit le libellé sur le lien */
#prestablog_menu_cat nav ul li a .material-icons{display:none!important}
#prestablog_menu_cat nav ul li a[href$="/blog"]::before{content:"Tous les guides";font-family:inherit;font-size:14px;font-weight:600;color:#10302c}