/*
 * OY - 04/2026
 * Allways show tabs in products
 */
.woocommerce-Tabs-panel {
    display: block !important;
}

/*
 * OY - 04/2026
 * Make tabs sticky
 */
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}

/* Bring under adminbar if visible */
body.admin-bar.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs {
    top: 32px;
}

/* Make scroll smooth */
html {
    scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 16px;
}

/* Tabs Headers */
/* html body .wp-block-woocommerce-product-details.is-style-minimal ul */
#desc-section .wc-tabs {
    height: 64px;
    color: var(--wp--preset--color--custom-gris-3);
    display: flex;
    gap: 64px;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;

    .woocommerce div.product .woocommerce-tabs & {
        background: var(--wp--preset--color--custom-gris-1);
    }

    & li {
        height: 32px;
    }

    & li a {
        padding: 0 0 8px 0;
    }

    & li.active {
        color: var(--wp--preset--color--custom-bleu-medicateg);
        border-bottom-color: var(--wp--preset--color--custom-vert-medicateg);
    }
}

/* Tab Content */
#tab-description {
    font-family: Figtree;
    font-size: 16px;
    font-weight: 500;
}

/* Tableau Donnée logistiques */
#desc-section {
    ul {
        padding-left: 25px;
    }

    h2 {
        color: var(--wp--preset--color--custom-vert-medicateg);

        padding-top: 48px;
        margin: 0 0 12px 0;
    }

    h3 {
        color: var(--wp--preset--color--custom-bleu-medicateg);

        margin: 0 !important;
    }

    table,
    th,
    td {
        font-size: 16px;

        border: 1px solid var(--wp--preset--color--custom-gris-2);
        border-collapse: collapse;

        &:not(table) {
            padding: 13px 18px;
        }
    }

    th {
        text-align: left;
        width: 248px;
        font-weight: 700;
    }

    tr:nth-child(odd) {
        background-color: var(--wp--preset--color--custom-gris-1);
        height: 48px;
    }

    .fiche-technique {
        display: inline-flex;
        height: 48px;
        padding: 0 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        text-decoration: none;
        cursor: pointer;

        border: 1px solid var(--wp--preset--color--custom-gris-2);
        background: var(--wp--preset--color--custom-gris-1);
        font-weight: 700;

        color: var(--wp--preset--color--custom-bleu-soutenu);
        text-align: center;
    }
}