/* Tabs
-------------------------------------------------------------- */
.sc_tabs .sc_tabs_titles {
	overflow:hidden;
	margin:0;
	padding:0;
    display:flex;
    gap: 0.5em;
    flex-wrap: wrap;
}
.sc_tabs .sc_tabs_titles li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sc_tabs .sc_tabs_titles li:before {
	display:none;
}
.sc_tabs .sc_tabs_titles li a {
    display: inline-block;
    padding: .5em 1em;
    border: 1px solid #e4e7e8;
    background: #fff;
    text-decoration: none;
}

.sc_tabs .sc_tabs_titles li.ui-tabs-active a {
    background: #f9fafb;
    border-bottom-color: transparent;
}

.sc_tabs .sc_tabs_content {
	display: none;
	overflow:hidden;
}

/* Style 1 */
.sc_tabs.sc_tabs_style_1 .sc_tabs_content {
	margin-top:-1px;
	padding: 1.5em;
	border: 1px solid #e4e7e8;
    background: #fff;
}

/* Style 2 */
.sc_tabs.sc_tabs_style_2 .sc_tabs_titles li a {
    border-radius: 20px;
    background: #f3f5f6;
    border-color: #e4e7e8;
}
.sc_tabs.sc_tabs_style_2 .sc_tabs_content {
	padding: 1.5em;
	border: 1px solid #e4e7e8;
    background: #fff;
}

.sc_tabs .sc_tabs_titles li a,
.sc_tabs .sc_tabs_titles li a.theme_button,
.sc_tabs .sc_tabs_titles li a.sc_tab_link { border-radius:0 !important; }

/* Enlève tout soulignement sur les onglets */
.sc_tabs .sc_tabs_titles li a,
.sc_tabs .sc_tabs_titles li a:visited,
.sc_tabs .sc_tabs_titles li a:hover,
.sc_tabs .sc_tabs_titles li a:focus,
.sc_tabs .sc_tabs_titles li a:active,
.sc_tabs .sc_tabs_titles li.active a,
.sc_tabs .sc_tabs_titles li.ui-tabs-active a {
  text-decoration: none !important;
  box-shadow: none !important;      /* au cas où le thème simule une underline en shadow */
  border-bottom: none !important;    /* au cas où le thème met une bordure basse */
  background-image: none !important; /* au cas où le thème dessine une ligne via gradient */
}

/* Si le thème dessine une “underline” via un pseudo-élément */
.sc_tabs .sc_tabs_titles li a::after {
  display: none !important;
  content: none !important;
}

/* ============================================
   Améliorations pour le comportement des tabs
   ============================================ */

/* Curseur pointer sur les liens d'onglets */
.sc_tabs .sc_tab_link {
    cursor: pointer;
}

/* Style pour l'onglet actif (en plus de ui-tabs-active) */
.sc_tabs .sc_tabs_titles li.active a {
    background: #f9fafb;
    font-weight: 600;
}

/* Pour le style 2 - onglet actif */
.sc_tabs.sc_tabs_style_2 .sc_tabs_titles li.active a,
.sc_tabs.sc_tabs_style_2 .sc_tabs_titles li.ui-tabs-active a {
    background: #fff;
    border-color: #d0d5d8;
}

/* Affichage initial - tous les contenus cachés */
.sc_tabs .sc_tabs_content {
    display: none;
}

/* Contenu actif visible */
.sc_tabs .sc_tabs_content.active {
    display: block;
}

/* Animation douce pour l'apparition du contenu */
.sc_tabs .sc_tabs_content.active {
    animation: trxTabFadeIn 0.25s ease-in-out;
}

@keyframes trxTabFadeIn {
    from { 
        opacity: 0;
        transform: translateY(-5px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

/* Empêche le "flash" de contenu au chargement */
.sc_tabs:not(.trx-tabs-initialized) .sc_tabs_content {
    visibility: hidden;
}

.sc_tabs.trx-tabs-initialized .sc_tabs_content {
    visibility: visible;
}

/* Support pour le scroll dans les tabs */
.sc_tab_inner.sc_tab_scroll {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Scrollbar personnalisée (optionnel) */
.sc_tab_inner.sc_tab_scroll::-webkit-scrollbar {
    width: 8px;
}

.sc_tab_inner.sc_tab_scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.sc_tab_inner.sc_tab_scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.sc_tab_inner.sc_tab_scroll::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Accessibilité - contenu caché pour les lecteurs d'écran */
.sc_tabs_content[aria-hidden="true"] {
    display: none !important;
}

.sc_tabs_content[aria-hidden="false"] {
    display: block !important;
}

/* Fix pour certains thèmes qui ajoutent des transitions */
.sc_tabs .sc_tabs_titles li a {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Empêche la sélection de texte lors du double-clic rapide */
.sc_tabs .sc_tabs_titles li a {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}