/**
 * YT Number Icons - Bibliothèque d'icônes pour Elementor
 * La couleur est modifiable via les contrôles Elementor grâce à mask-image
 */

/* ===== BASE ===== */
.ytb-ico {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    vertical-align: middle;
    margin-right: 0.4em;
}

/* Fix alignement dans l'éditeur Elementor */
.elementor-icons-manager__tab__item__content {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* ============================================
   CERCLE OUTLINE (ytb-ico-co-*)
   ============================================ */
.ytb-ico.ytb-ico-co-0 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-1 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-2 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-3 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-4 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-5 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-6 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-7 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-8 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-co-9 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); }

/* ============================================
   CERCLE FILLED (ytb-ico-cf-*) - Chiffre en découpe
   ============================================ */
.ytb-ico.ytb-ico-cf-0 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E0%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E0%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-1 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E1%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E1%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-2 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E2%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E2%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-3 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E3%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E3%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-4 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E4%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E4%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-5 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E5%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E5%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-6 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E6%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E6%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-7 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E7%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E7%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-8 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E8%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E8%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-cf-9 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E9%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Ccircle cx='50' cy='50' r='48' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E9%3C/text%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='48' mask='url(%23m)'/%3E%3C/svg%3E"); }

/* ============================================
   CARRÉ OUTLINE (ytb-ico-so-*)
   ============================================ */
.ytb-ico.ytb-ico-so-0 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-1 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-2 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-3 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-4 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-5 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-6 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-7 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-8 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-so-9 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); }

/* ============================================
   CARRÉ FILLED (ytb-ico-sf-*) - Chiffre en découpe
   ============================================ */
.ytb-ico.ytb-ico-sf-0 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E0%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E0%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-1 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E1%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E1%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-2 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E2%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E2%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-3 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E3%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E3%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-4 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E4%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E4%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-5 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E5%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E5%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-6 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E6%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E6%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-7 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E7%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E7%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-8 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E8%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E8%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-sf-9 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E9%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E9%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' mask='url(%23m)'/%3E%3C/svg%3E"); }

/* ============================================
   ARRONDI OUTLINE (ytb-ico-ro-*)
   ============================================ */
.ytb-ico.ytb-ico-ro-0 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-1 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-2 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-3 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-4 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-5 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-6 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-7 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-8 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-ro-9 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='5' y='5' width='90' height='90' rx='15' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); }

/* ============================================
   ARRONDI FILLED (ytb-ico-rf-*) - Chiffre en découpe
   ============================================ */
.ytb-ico.ytb-ico-rf-0 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E0%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E0%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-1 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E1%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E1%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-2 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E2%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E2%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-3 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E3%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E3%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-4 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E4%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E4%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-5 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E5%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E5%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-6 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E6%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E6%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-7 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E7%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E7%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-8 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E8%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E8%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-rf-9 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E9%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' rx='15' fill='white'/%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='50' font-weight='bold' fill='black'%3E9%3C/text%3E%3C/mask%3E%3C/defs%3E%3Crect width='100' height='100' rx='15' mask='url(%23m)'/%3E%3C/svg%3E"); }

/* ============================================
   SIMPLE (ytb-ico-s-*)
   ============================================ */
.ytb-ico.ytb-ico-s-0 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E0%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-1 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E1%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-2 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E2%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-3 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E3%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-4 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E4%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-5 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E5%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-6 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E6%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-7 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E7%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-8 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E8%3C/text%3E%3C/svg%3E"); }
.ytb-ico.ytb-ico-s-9 { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dy='.35em' font-family='Arial' font-size='90' font-weight='bold'%3E9%3C/text%3E%3C/svg%3E"); }