/* WS skillshop : blocs branches sur WooCommerce (WSFP_New_Woo). Polices et couleurs de la fiche. */
.wsfp-wp__t{margin:14px 0 8px;font-family:var(--font-title,'Archivo',sans-serif);font-size:calc(13px * var(--wsfp-scale,1));font-weight:700;color:var(--ink,#141413)}
.wsfp-cross .wsfp-wp__ligne,.wsfp-wp__ligne{display:flex!important;flex-direction:row!important;width:auto!important;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line,#e6e2d8);text-decoration:none;color:inherit}
.wsfp-wp__ligne:last-child{border-bottom:1px solid var(--line,#e6e2d8)}
.wsfp-wp__ligne .wsfp-wp__img{flex:0 0 52px;width:52px;height:52px}
.wsfp-wp__img{display:block;border-radius:8px;overflow:hidden;background:#f3f1ec}
.wsfp-wp__img img{display:block;width:100%;height:100%;object-fit:cover}
.wsfp-wp__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.wsfp-wp__nom{font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(13.5px * var(--wsfp-scale,1));font-weight:600;color:var(--ink,#141413);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsfp-wp__prix{font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(13px * var(--wsfp-scale,1));color:var(--ink-soft,#4a4a46)}
.wsfp-wp__prix del{opacity:.6;margin-right:4px}
.wsfp-wp__ligne:hover .wsfp-wp__nom,.wsfp-wp__carte:hover .wsfp-wp__nom{text-decoration:underline}

.wsfp-fbt,.wsfp-recents{padding:40px 0}
.wsfp-recents[hidden]{display:none}
.wsfp-wp__in{max-width:1280px;margin:0 auto;padding:0 24px}
.wsfp-wp__h{margin:0 0 18px;font-family:var(--font-title,'Archivo',sans-serif);font-size:var(--h2-size,28px);font-weight:700;color:var(--h2-color,#141413)}
.wsfp-wp__grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.wsfp-wp__carte{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}
.wsfp-wp__carte .wsfp-wp__img{aspect-ratio:1/1;border-radius:12px}
@media (max-width:900px){.wsfp-wp__grille{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* `.ws-buy .ws-mod` impose une colonne et des liens en bloc : on reprend la main. */
.ws-mod.wsfp-tags,.wsfp-tags{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0}
.wsfp-tags .wsfp-tags__p{display:inline-block!important;width:auto!important;flex:0 0 auto;padding:4px 10px;border:1px solid var(--line,#e6e2d8);border-radius:100px;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(12px * var(--wsfp-scale,1));color:var(--ink-soft,#4a4a46);text-decoration:none}
.wsfp-tags__p:hover{border-color:var(--ink,#141413);color:var(--ink,#141413)}
/* Premiere etiquette mise en avant (Apparence du bloc, s1) et clic qui descend a la partie qui en parle (s2). */
.wsfp-tags[data-u-s1="oui"] .wsfp-tags__p:first-child{background:var(--u-c1,#111)!important;border-color:var(--u-c1,#111)!important;color:var(--u-c2,#fff)!important;font-weight:600}
.wsfp-tags[data-u-s2="va"] .wsfp-tags__p{cursor:pointer}
.wsfp-tags.wsfp-u-c3 .wsfp-tags__p{background:var(--u-c3)!important;border-color:var(--u-c3)!important}
.wsfp-tags.wsfp-u-c4 .wsfp-tags__p{color:var(--u-c4)!important}
.wsfp-cible{background:color-mix(in srgb,var(--accent,#a94e64) 14%,transparent)!important;border-radius:8px;transition:background .5s}

.wsfp-stk{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:10px 0 0;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(13px * var(--wsfp-scale,1));font-weight:600}
.wsfp-stk__pt{width:8px;height:8px;border-radius:50%;flex:0 0 8px}
.wsfp-stk--ok{color:#1e7a4d}.wsfp-stk--ok .wsfp-stk__pt{background:#1e7a4d;box-shadow:0 0 0 3px rgba(30,122,77,.15)}
.wsfp-stk--peu{color:#a35c00}.wsfp-stk--peu .wsfp-stk__pt{background:#e08a00;box-shadow:0 0 0 3px rgba(224,138,0,.15)}
.wsfp-stk--cmd{color:#3c5a99}.wsfp-stk--cmd .wsfp-stk__pt{background:#3c5a99}
.wsfp-stk--non{color:#b32d2e}.wsfp-stk--non .wsfp-stk__pt{background:#b32d2e}

.ws-mod.wsfp-xfois,.wsfp-xfois{display:block!important;margin:6px 0 0;font-family:var(--font-text,'Manrope',sans-serif);font-size:calc(13px * var(--wsfp-scale,1));color:var(--ink-soft,#4a4a46)}
.wsfp-xfois b{color:var(--ink,#141413)}

/* La phrase avant les etiquettes (texte `tagsTitre` du modele, 0.86.88) : sur sa propre ligne. */
.wsfp-tags .wsfp-tags__t{flex:0 0 100%;margin:0 0 2px;font-family:var(--font-title,inherit);font-size:calc(13px * var(--wsfp-scale,1));font-weight:600;line-height:1.35;color:var(--ink,#141413)}
.wsfp-tags .wsfp-tags__t[hidden]{display:none}