/* ================================
   LISTE DES ONGLETS
================================ */

.tab-list-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/* ================================
   WRAPPER GLOBAL
================================ */

.tabs-carredas-wrapper .tabs-inner {
    display: flex;
    width: 100%;
}

.tabs-carredas-block-title p {
    margin: 0;
    padding: 0;
}

/* box-sizing sécurisé */
.tabs-carredas-wrapper *,
.tabs-inner *,
.tab-list-wrapper *,
.tab-content-wrapper *,
.tab-list-item *,
.tab-icon *,
.tab-icon-inner *,
.tab-list-item-txt *,
.tab-name *,
.tab-baseline *,
.tab-content-item * {
    box-sizing: border-box;
}

/* ================================
   CONTENU
================================ */

.tab-content-wrapper {
    width: 100%;
	box-sizing: content-box;
}

/* ================================
   TRANSITIONS
================================ */

.tab-list-item,
.tab-list-item .tab-icon,
.tab-list-item .tab-icon-inner,
.tab-list-item .tab-name,
.tab-list-item .tab-baseline,
.tab-content-wrapper .tab-content-item {
    transition: all .3s ease;
}

/* ================================
   TEXTE ONGLET
================================ */

.tab-list-item-txt {
    display: flex;
    flex-wrap: wrap;
}

.tab-name,
.tab-baseline {
    width: 100%;
}

/* ================================
   BLOC ICÔNE / NUMBER (BLOC EXTERNE)
================================ */

.tabs-carredas-wrapper .tab-icon,
.tabs-carredas-wrapper .tab-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
}
.tabs-carredas-wrapper .tab-icon {
    line-height: 0;
}


/* ================================
   INNER (ANIMATION + CONTENU)
================================ */

.tab-icon-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transform-origin: center center;
}

/* ================================
   FIX SVG ELEMENTOR
================================ */

.tab-icon-inner svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    display: block;
}

/* Images */
.tab-icon-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* Icon font */
.tab-icon-inner i {
    font-size: 100%;
    line-height: 1;
}

/* ================================
   VERSION NUMBER
================================ */

.tab-number {
    display: flex;
    align-items: center;
    justify-content: center;
}
/* ================================
   MOBILE ACCORDION
================================ */

.carredas-accordion .tabs-inner {
    flex-direction: column;
}

.carredas-accordion .tab-list-item {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}


.carredas-accordion .tab-content-item {
    width: 100%;
    margin-top: 15px;
}