/**
 * YTB Number Icons for Elementor
 * Styles CSS pour le widget Icône Numéro
 */

/* ===== BASE ===== */
.ytb-number-icon-wrapper {
    display: block;
    line-height: 1;
}

.ytb-number-icon-wrapper a {
    text-decoration: none;
    display: inline-block;
}

.ytb-number-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transition: all 0.3s ease;
    box-sizing: border-box;
    line-height: 1;
}

/* ===== STYLES DE FORME ===== */

/* Cercle Outline */
.ytb-number-icon.ytb-style-circle-outline {
    border-radius: 50%;
    border-style: solid;
    background: transparent;
}

/* Cercle Plein */
.ytb-number-icon.ytb-style-circle-filled {
    border-radius: 50%;
    color: #ffffff !important;
}

/* Carré Outline */
.ytb-number-icon.ytb-style-square-outline {
    border-radius: 0;
    border-style: solid;
    background: transparent;
}

/* Carré Plein */
.ytb-number-icon.ytb-style-square-filled {
    border-radius: 0;
    color: #ffffff !important;
}

/* Carré Arrondi Outline */
.ytb-number-icon.ytb-style-rounded-outline {
    border-style: solid;
    background: transparent;
}

/* Carré Arrondi Plein */
.ytb-number-icon.ytb-style-rounded-filled {
    color: #ffffff !important;
}

/* Simple (chiffre seul) */
.ytb-number-icon.ytb-style-simple {
    width: auto !important;
    height: auto !important;
    background: transparent;
    border: none;
}


/* ===== TYPOGRAPHIES ===== */

.ytb-number-icon.ytb-font-arial {
    font-family: Arial, Helvetica, sans-serif;
}

.ytb-number-icon.ytb-font-georgia {
    font-family: Georgia, 'Times New Roman', serif;
}

.ytb-number-icon.ytb-font-times {
    font-family: 'Times New Roman', Times, serif;
}

.ytb-number-icon.ytb-font-courier {
    font-family: 'Courier New', Courier, monospace;
}

.ytb-number-icon.ytb-font-impact {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.ytb-number-icon.ytb-font-trebuchet {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.ytb-number-icon.ytb-font-verdana {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.ytb-number-icon.ytb-font-palatino {
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

.ytb-number-icon.ytb-font-system {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}


/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
    .ytb-number-icon {
        /* Les tailles sont gérées par Elementor responsive */
    }
}