/* FSA Inox : pages catégories (refonte 07/11/2026, charte « Bleu pétrole »), chargé par templates/catalog/listing/category.tpl */

/* Titre : casse normale, encre */
body#category h1.fsa-cat-h1{text-transform:none !important;letter-spacing:0 !important;font-size:30px !important;line-height:1.2 !important;font-weight:700 !important;color:var(--fsa-ink,#102a33) !important;margin:6px 0 14px !important}

/* Haut de page : introduction courte. Le reste est déplacé en bas par fsa-category.js ; masqué d'ici là pour éviter le saut de page */
html:not(.fsa-cat-ready) .fsa-cat-intro :is(hr,h2),html:not(.fsa-cat-ready) .fsa-cat-intro :is(hr,h2) ~ *{display:none !important}
.fsa-cat-intro{max-width:920px;font-size:15.5px;line-height:1.6;color:#36505a;margin:0 0 18px}
.fsa-cat-intro p{margin:0 0 10px}
.fsa-cat-intro .category-description{margin:0}

/* Encadré d'annonce (ancien encadré rouge « NOUVEAU ») : carte pétrole, pastille moutarde, bouton ambre */
.fsa-cat div[style*="solid #E2001A" i],.fsa-cat .fsa-cat-promo{display:flow-root;border:1px solid var(--fsa-line,#d7e6e9) !important;border-left:5px solid var(--fsa-petrol,#0e5e6f) !important;border-radius:12px !important;background:var(--fsa-tint,#e3f1f3) !important;padding:14px 18px !important;margin:0 0 18px !important;line-height:1.6 !important;max-width:920px}
.fsa-cat span[style*="background: #E2001A" i]{background:#fbf0d4 !important;color:#6b4a00 !important;border:1px solid #e0a82e;border-radius:999px !important;font-size:11.5px !important;letter-spacing:.4px;padding:2px 10px !important;margin-right:6px !important}
.fsa-cat .fsa-cat-promo strong,.fsa-cat .fsa-cat-promo span[style*="2c3e50" i]{color:var(--fsa-ink,#102a33) !important;font-size:15.5px}
.fsa-cat .fsa-cat-promo span[style*="5b6b7b" i]{color:#4a6169 !important}
.fsa-cat a[style*="#E2001A" i]{display:inline-flex;align-items:center;float:right;margin:2px 0 2px 16px;background:var(--fsa-amber,#f59e0b);color:#1a1a1a !important;border-radius:8px;padding:8px 16px;font-weight:700;text-decoration:none !important;white-space:nowrap}
.fsa-cat a[style*="#E2001A" i]:hover{background:var(--fsa-amber-dark,#d98a06)}
/* Rouge restant dans les descriptions (pastilles, liens) */
.style_content [style*="background: #E2001A" i]{background:#fbf0d4 !important;color:#6b4a00 !important}
.style_content [style*="color: #E2001A" i]:not([style*="background" i]){color:var(--fsa-link,#0e7490) !important}
.style_content [style*="solid #E2001A" i]{border-color:var(--fsa-petrol,#0e5e6f) !important}

/* Boutons de diamètre et pastilles de l'introduction */
.fsa-cat-intro .diameter-links{margin:10px 0 4px;line-height:2.4}
.fsa-cat-intro .diameter-btn,.fsa-cat-more .diameter-btn{display:inline-block;padding:4px 14px;margin:0 6px 6px 0;border:1px solid var(--fsa-petrol,#0e5e6f);border-radius:999px;background:#fff;color:var(--fsa-petrol,#0e5e6f) !important;font-weight:700;text-decoration:none !important;line-height:1.6}
.fsa-cat-intro .diameter-btn:hover,.fsa-cat-more .diameter-btn:hover{background:var(--fsa-petrol,#0e5e6f);color:#fff !important}

/* Sous-catégories : cartes */
.fsa-subcats{margin:6px 0 22px}
.fsa-subcats-lbl{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#4a6169;margin:0 0 8px}
.fsa-subcats-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.fsa-subcats-grid li{margin:0;padding:0}
.fsa-subcat{display:flex;align-items:center;gap:12px;height:100%;min-height:58px;box-sizing:border-box;padding:10px 14px 10px 16px;background:#fff;border:1px solid var(--fsa-line,#d7e6e9);border-left:4px solid var(--fsa-petrol,#0e5e6f);border-radius:12px;color:var(--fsa-ink,#102a33) !important;text-decoration:none !important;transition:border-color .15s,box-shadow .15s}
.fsa-subcat:has(img){padding-left:10px}
.fsa-subcat:hover{border-color:var(--fsa-link,#0e7490);box-shadow:0 6px 18px rgba(14,116,144,.12)}
.fsa-subcat img{flex:0 0 64px;width:64px;height:64px;object-fit:contain;border-radius:8px;background:#f4f8f9}
.fsa-subcat-ico{display:none}
.fsa-subcat-name{flex:1 1 auto;font-size:14.5px;font-weight:700;line-height:1.3}
.fsa-subcat-go{flex:0 0 auto;font-size:22px;line-height:1;color:var(--fsa-petrol,#0e5e6f)}

/* Catégorie sans produit en propre (seulement des sous-catégories) : pas de message « aucun produit » */
#main:has(.fsa-subcats) #js-product-list .alert-warning{display:none}

/* Bas de page : description complète, sans troncature */
.fsa-cat-more{max-width:980px;margin:34px 0 10px;padding-top:24px;border-top:1px solid var(--fsa-line,#d7e6e9);font-size:15px;line-height:1.65;color:#36505a}
.fsa-cat-more:empty{display:none}
.fsa-cat-more h2{font-size:22px;margin:26px 0 10px;color:var(--fsa-ink,#102a33);text-transform:none}
.fsa-cat-more h2:first-child{margin-top:0}
.fsa-cat-more h3{font-size:17px;margin:18px 0 6px;color:var(--fsa-ink,#102a33);text-transform:none}
.fsa-cat-more hr{border:0;border-top:1px solid var(--fsa-line,#d7e6e9);margin:24px 0}
.fsa-cat-more table{border:1px solid var(--fsa-line,#d7e6e9);border-radius:10px;overflow:hidden}
.fsa-cat-more tr[style*="f8f9fa" i]{background:#f4f8f9 !important}
.fsa-cat-more td{border-top:1px solid var(--fsa-line,#d7e6e9)}
.fsa-cat-more [style*="background: #f4f6f8" i]{background:var(--fsa-tint,#e3f1f3) !important;border-radius:0 10px 10px 0}
.fsa-cat-more a:not([style*="background" i]):not(.diameter-btn){color:var(--fsa-link,#0e7490)}

@media (max-width:767px){
body#category h1.fsa-cat-h1{font-size:24px !important}
.fsa-cat-intro{font-size:15px}
.fsa-cat div[style*="solid #E2001A" i],.fsa-cat .fsa-cat-promo{padding:12px 14px !important}
.fsa-cat a[style*="#E2001A" i]{float:none;display:flex;margin:10px 0 0;width:100%;box-sizing:border-box;justify-content:center}
.fsa-subcats-grid{grid-template-columns:1fr;gap:8px}
.fsa-subcat img{flex-basis:52px;width:52px;height:52px}
.fsa-cat-more{margin-top:24px;font-size:14.5px}
}