/* RecycleTek — typographie des textes SEO (pages CMS, pages modèle, fiches produit)
   Même charte que le blog (rt-blog.css). Chargé uniquement sur les pages cms, category et product. */

/* ---------- Pages CMS ---------- */
html body#cms:not(#rt-x) #content.x_content{max-width:820px;margin:0 auto;padding:8px 0 48px;color:#26332f;font-size:16.5px;line-height:1.75}
html body#cms:not(#rt-x) #content.x_content h1{margin:24px 0 20px!important;font-size:38px!important;line-height:1.18!important;font-weight:800!important;color:#10302c!important;letter-spacing:0!important;text-transform:none!important}

/* ---------- Pages modèle / catégories ---------- */
html body#category:not(#rt-x) #category-description{max-width:860px;color:#26332f;font-size:16px;line-height:1.75}

/* ---------- Fiches produit (description) ---------- */
html body#product:not(#rt-x) .product-description{color:#26332f;font-size:16px;line-height:1.75}

/* ---------- Règles communes ---------- */
html body#cms:not(#rt-x) #content.x_content h2,
html body#category:not(#rt-x) #category-description h2,
html body#product:not(#rt-x) .product-description 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;letter-spacing:0!important;text-transform:none!important;text-align:left!important}
html body#cms:not(#rt-x) #content.x_content h3,
html body#category:not(#rt-x) #category-description h3,
html body#product:not(#rt-x) .product-description h3{margin:26px 0 8px!important;padding:0!important;font-size:18px!important;line-height:1.4!important;font-weight:700!important;color:#10302c!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important}
html body#category:not(#rt-x) #category-description > h2:first-child,
html body#product:not(#rt-x) .product-description > h2:first-child,
html body#product:not(#rt-x) .product-description > h3:first-child{margin-top:8px!important}
html body#cms:not(#rt-x) #content.x_content p,
html body#category:not(#rt-x) #category-description p,
html body#product:not(#rt-x) .product-description p{margin:0 0 16px!important;font-size:inherit!important;line-height:1.75!important;color:#26332f}
html body#cms:not(#rt-x) #content.x_content ul,html body#cms:not(#rt-x) #content.x_content ol,
html body#category:not(#rt-x) #category-description ul,html body#category:not(#rt-x) #category-description ol,
html body#product:not(#rt-x) .product-description ul,html body#product:not(#rt-x) .product-description ol{margin:0 0 18px!important;padding-left:22px!important}
html body#cms:not(#rt-x) #content.x_content ul{list-style:disc}
html body#category:not(#rt-x) #category-description ul,html body#product:not(#rt-x) .product-description ul{list-style:disc}
html body#cms:not(#rt-x) #content.x_content li,
html body#category:not(#rt-x) #category-description li,
html body#product:not(#rt-x) .product-description li{margin:0 0 8px!important;line-height:1.65!important;font-size:inherit!important}
html body#cms:not(#rt-x) #content.x_content li::marker,
html body#category:not(#rt-x) #category-description li::marker,
html body#product:not(#rt-x) .product-description li::marker{color:#14853f}
html body#cms:not(#rt-x) #content.x_content strong,
html body#category:not(#rt-x) #category-description strong,
html body#product:not(#rt-x) .product-description strong{color:#10302c}
html body#cms:not(#rt-x) #content.x_content a,
html body#category:not(#rt-x) #category-description a,
html body#product:not(#rt-x) .product-description a{color:#14853f;font-weight:600;text-decoration:none}
html body#cms:not(#rt-x) #content.x_content a:hover,
html body#category:not(#rt-x) #category-description a:hover,
html body#product:not(#rt-x) .product-description a:hover{color:#0a5a2a;text-decoration:underline}
html body#cms:not(#rt-x) #content.x_content table,
html body#category:not(#rt-x) #category-description table,
html body#product:not(#rt-x) .product-description table{width:100%;margin:8px 0 24px;border-collapse:collapse;border:1px solid #dde6e2;font-size:14.5px;line-height:1.55}
html body#cms:not(#rt-x) #content.x_content th,html body#cms:not(#rt-x) #content.x_content td,
html body#category:not(#rt-x) #category-description th,html body#category:not(#rt-x) #category-description td,
html body#product:not(#rt-x) .product-description th,html body#product:not(#rt-x) .product-description td{padding:12px 16px;text-align:left;vertical-align:top;border:0;border-top:1px solid #e3ebe8}
html body#cms:not(#rt-x) #content.x_content thead th,
html body#category:not(#rt-x) #category-description thead th,
html body#product:not(#rt-x) .product-description thead th{background:#10302c;color:#fff;font-weight:700}
html body#cms:not(#rt-x) #content.x_content tbody tr:nth-child(even),
html body#category:not(#rt-x) #category-description tbody tr:nth-child(even),
html body#product:not(#rt-x) .product-description tbody tr:nth-child(even){background:#f6f8f7}
html body#cms:not(#rt-x) #content.x_content hr,
html body#category:not(#rt-x) #category-description hr{border:0;border-top:1px solid #e3ebe8;margin:32px 0}

/* ---------- Mobile ---------- */
@media (max-width:575px){
  html body#cms:not(#rt-x) #content.x_content h1{font-size:28px!important}
  html body#cms:not(#rt-x) #content.x_content h2,
  html body#category:not(#rt-x) #category-description h2,
  html body#product:not(#rt-x) .product-description h2{font-size:21px!important}
  html body#cms:not(#rt-x) #content.x_content,html body#category:not(#rt-x) #category-description{font-size:15.5px}
}