/* =========================================================
   PROMOLAB — TÉLÉCHARGEMENTS DESIGN FINAL
========================================================= */

body.single-product .promolab-downloads-area {
    width: 100%;
    color: #17384b;
    font-family: "Inter", Arial, sans-serif;
}

body.single-product .promolab-downloads-area * {
    box-sizing: border-box;
}


/* =========================================================
   BLOC FILTRES
========================================================= */

body.single-product .promolab-download-filters {
    overflow: hidden !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dce8ef !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 25px rgba(13, 55, 78, 0.07) !important;
}


/* Titre des filtres */

body.single-product .promolab-filter-title {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 11px 17px !important;
    color: #ffffff !important;
    background: linear-gradient(
        135deg,
        #078fc7 0%,
        #09acef 100%
    ) !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
}

body.single-product .promolab-filter-title span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border-radius: 50% !important;
    font-size: 11px !important;
}

body.single-product .promolab-filter-title strong {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}


/* Zone des champs */

body.single-product .promolab-filter-controls {
    display: grid !important;
    grid-template-columns:
        minmax(220px, 1fr)
        minmax(220px, 1fr)
        auto !important;
    gap: 15px !important;
    align-items: end !important;
    margin: 0 !important;
    padding: 18px !important;
    background: #f8fbfd !important;
}


/* Labels */

body.single-product .promolab-filter-controls label {
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product
.promolab-filter-controls
label > span {
    display: block !important;
    margin: 0 !important;
    color: #496471 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
}


/* Selects */

body.single-product
.promolab-filter-controls
select {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 42px 0 13px !important;
    color: #17384b !important;
    background-color: #ffffff !important;
    background-image:
        linear-gradient(
            45deg,
            transparent 50%,
            #66808e 50%
        ),
        linear-gradient(
            135deg,
            #66808e 50%,
            transparent 50%
        ) !important;
    background-position:
        calc(100% - 18px) 18px,
        calc(100% - 13px) 18px !important;
    background-size: 5px 5px, 5px 5px !important;
    background-repeat: no-repeat !important;
    border: 1px solid #cddde6 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: 0.2s ease !important;
}

body.single-product
.promolab-filter-controls
select:hover {
    border-color: #8dcce7 !important;
}

body.single-product
.promolab-filter-controls
select:focus {
    border-color: #09acef !important;
    box-shadow: 0 0 0 3px rgba(9, 172, 239, 0.12) !important;
}


/* Bouton effacer */

body.single-product .promolab-reset-filters {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 105px !important;
    height: 43px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    color: #ffffff !important;
    background: #0b2d42 !important;
    border: 1px solid #0b2d42 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: 0.2s ease !important;
}

body.single-product
.promolab-reset-filters:hover {
    color: #ffffff !important;
    background: #09acef !important;
    border-color: #09acef !important;
    transform: translateY(-1px);
}


/* =========================================================
   GROUPE DE DOCUMENTS
========================================================= */

body.single-product .promolab-document-group {
    overflow: hidden !important;
    margin: 0 0 25px !important;
    background: #ffffff !important;
    border: 1px solid #dce8ef !important;
    border-radius: 10px !important;
    box-shadow: 0 7px 22px rgba(14, 52, 73, 0.06) !important;
}


/* Titre Manuels, Brochures... */

body.single-product
.promolab-document-group-title {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 17px !important;
    color: #ffffff !important;
    background: #078fc7 !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* =========================================================
   TABLEAU
========================================================= */

body.single-product
.promolab-document-table-wrapper {
    width: 100% !important;
    overflow-x: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
}

body.single-product
table.promolab-document-table {
    width: 100% !important;
    min-width: 760px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
}


/* En-tête tableau */

body.single-product
table.promolab-document-table
thead {
    background: #edf7fb !important;
}

body.single-product
table.promolab-document-table
thead th {
    padding: 13px 15px !important;
    color: #17384b !important;
    background: #edf7fb !important;
    border: 0 !important;
    border-right: 1px solid #d8e6ed !important;
    border-bottom: 1px solid #d8e6ed !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

body.single-product
table.promolab-document-table
thead th:last-child {
    border-right: 0 !important;
}


/* Lignes */

body.single-product
table.promolab-document-table
tbody tr {
    background: #ffffff !important;
    transition: background 0.2s ease !important;
}

body.single-product
table.promolab-document-table
tbody tr:nth-child(even) {
    background: #fbfdfe !important;
}

body.single-product
table.promolab-document-table
tbody tr:hover {
    background: #f0f9fd !important;
}


/* Cellules */

body.single-product
table.promolab-document-table
tbody td {
    padding: 14px 15px !important;
    color: #506873 !important;
    background: transparent !important;
    border: 0 !important;
    border-right: 1px solid #e2ebf0 !important;
    border-bottom: 1px solid #e2ebf0 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 450 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    vertical-align: middle !important;
}

body.single-product
table.promolab-document-table
tbody td:last-child {
    border-right: 0 !important;
}

body.single-product
table.promolab-document-table
tbody tr:last-child td {
    border-bottom: 0 !important;
}


/* Largeurs */

body.single-product
table.promolab-document-table
th:nth-child(1) {
    width: 38% !important;
}

body.single-product
table.promolab-document-table
th:nth-child(2) {
    width: 12% !important;
}

body.single-product
table.promolab-document-table
th:nth-child(3) {
    width: 15% !important;
}

body.single-product
table.promolab-document-table
th:nth-child(4) {
    width: 12% !important;
}

body.single-product
table.promolab-document-table
th:nth-child(5) {
    width: 12% !important;
}

body.single-product
table.promolab-document-table
th:nth-child(6) {
    width: 11% !important;
}


/* Nom du document */

body.single-product
.promolab-document-name a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #078fc7 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
}

body.single-product
.promolab-document-name a::before {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    color: #09acef !important;
    background: #e8f7fd !important;
    border-radius: 6px !important;
    content: "↓" !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

body.single-product
.promolab-document-name a:hover {
    color: #055f87 !important;
    text-decoration: underline !important;
}


/* Badge du type PDF */

body.single-product .promolab-file-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 27px !important;
    padding: 0 8px !important;
    color: #ffffff !important;
    background: #e24c4b !important;
    border-radius: 5px !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: 0.4px !important;
}


/* Aucun résultat */

body.single-product .promolab-no-documents {
    margin: 20px 0 0 !important;
    padding: 17px !important;
    color: #59717d !important;
    background: #f7fafc !important;
    border: 1px solid #dce8ef !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    text-align: center !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    body.single-product
    .promolab-filter-controls {
        grid-template-columns: 1fr !important;
        gap: 13px !important;
        padding: 15px !important;
    }

    body.single-product
    .promolab-reset-filters {
        width: 100% !important;
    }

    body.single-product
    .promolab-filter-title {
        padding: 11px 14px !important;
        font-size: 13px !important;
    }

    body.single-product
    .promolab-document-group-title {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }

    body.single-product
    table.promolab-document-table
    th,
    body.single-product
    table.promolab-document-table
    td {
        padding: 11px 12px !important;
        font-size: 12px !important;
    }

    body.single-product
    .promolab-document-table-wrapper {
        scrollbar-width: thin;
        scrollbar-color: #09acef #edf4f7;
    }
}
/*
Theme Name: Fana Child
Theme URI: https://el4.thembaydev.com/fana
Author: Thembay
Description: This is a child theme for Fana
Version: 1.0
Author URI: https://thembay.com/
Template: fana
Text Domain: fana-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */


/* =========================================================
   PROMOLAB — ONGLETS PRODUIT
========================================================= */
/* =========================================================
   PROMOLAB — ONGLETS PRODUIT
========================================================= */
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-tabs.wc-tabs-wrapper {
    width: 100%;
    margin-top: 38px;
    font-family: "Inter", Arial, sans-serif;
}

body.single-product .woocommerce-tabs ul.tabs,
body.single-product .woocommerce-tabs ul.wc-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 34px !important;
    overflow-x: auto;
    margin: 0 0 28px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d9e3e9 !important;
    background: transparent !important;
    list-style: none !important;
}

body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs::after,
body.single-product .woocommerce-tabs ul.wc-tabs::before,
body.single-product .woocommerce-tabs ul.wc-tabs::after {
    display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product .woocommerce-tabs ul.wc-tabs li {
    position: relative;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after,
body.single-product .woocommerce-tabs ul.wc-tabs li::before,
body.single-product .woocommerce-tabs ul.wc-tabs li::after {
    display: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .woocommerce-tabs ul.wc-tabs li a {
    display: block !important;
    padding: 0 0 14px !important;
    color: #7a858c !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4;
    text-decoration: none !important;
    white-space: nowrap;
}

body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.wc-tabs li.active a {
    color: #0b2d42 !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active::after,
body.single-product .woocommerce-tabs ul.wc-tabs li.active::after {
    display: block !important;
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: #09acef;
    content: "";
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel,
body.single-product .woocommerce-tabs .wc-tab {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* =========================================================
   PROMOLAB — ZONE TÉLÉCHARGEMENTS
========================================================= */
body.single-product .promolab-downloads-area {
    width: 100%;
    color: #18384b;
    font-family: "Inter", Arial, sans-serif;
}

body.single-product .promolab-downloads-area * {
    box-sizing: border-box;
}

/* Bloc filtres */
body.single-product .promolab-download-filters {
    overflow: hidden;
    margin: 0 0 26px !important;
    border: 1px solid #d7e4eb !important;
    border-radius: 4px;
    background: #f7fafc !important;
}

body.single-product .promolab-filter-title {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 15px;
    color: #ffffff !important;
    background: #079ed8 !important;
    font-size: 14px;
    line-height: 1.4;
}

body.single-product .promolab-filter-title strong {
    color: inherit !important;
    font-weight: 650;
}

body.single-product .promolab-filter-controls {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
    gap: 16px;
    align-items: end;
    padding: 16px;
}

body.single-product .promolab-filter-controls label {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 6px;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product .promolab-filter-controls label > span {
    display: block;
    color: #4c6370;
    font-size: 12px;
    font-weight: 600;
}

body.single-product .promolab-filter-controls select {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 38px 0 12px !important;
    color: #263f4e !important;
    border: 1px solid #cbdbe4 !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    font-size: 13px !important;
}

body.single-product .promolab-reset-filters {
    min-width: 100px;
    min-height: 40px;
    margin: 0 !important;
    padding: 0 18px !important;
    color: #ffffff !important;
    border: 1px solid #079ed8 !important;
    border-radius: 3px !important;
    background: #079ed8 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 38px !important;
    cursor: pointer;
    transition: 0.2s ease;
}

body.single-product .promolab-reset-filters:hover {
    border-color: #087fae !important;
    background: #087fae !important;
}

/* Groupes */
body.single-product .promolab-document-group {
    margin: 0 0 24px !important;
}

body.single-product .promolab-document-group[hidden] {
    display: none !important;
}

body.single-product .promolab-document-group-title {
    display: block;
    margin: 0 !important;
    padding: 9px 13px !important;
    color: #ffffff !important;
    border: 0 !important;
    background: #079ed8 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
    text-transform: none !important;
}

body.single-product .promolab-document-table-wrapper {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d7e4eb;
    border-top: 0;
    background: #ffffff;
}

body.single-product table.promolab-document-table {
    width: 100% !important;
    min-width: 780px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    table-layout: fixed;
    background: #ffffff !important;
}

body.single-product table.promolab-document-table thead,
body.single-product table.promolab-document-table tbody,
body.single-product table.promolab-document-table tr {
    border: 0 !important;
    background: transparent;
}

body.single-product table.promolab-document-table th,
body.single-product table.promolab-document-table td {
    height: auto !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    color: #405965 !important;
    border: 0 !important;
    border-right: 1px solid #e4edf2 !important;
    border-bottom: 1px solid #e0e9ee !important;
    background: transparent !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
    vertical-align: middle !important;
    text-transform: none !important;
}

body.single-product table.promolab-document-table thead th {
    color: #ffffff !important;
    background: #058fc5 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}

body.single-product table.promolab-document-table th:last-child,
body.single-product table.promolab-document-table td:last-child {
    border-right: 0 !important;
}

body.single-product table.promolab-document-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.single-product table.promolab-document-table tbody tr:nth-child(even) {
    background: #f9fbfc !important;
}

body.single-product table.promolab-document-table tbody tr:hover {
    background: #eef8fc !important;
}

body.single-product table.promolab-document-table tr[hidden] {
    display: none !important;
}

body.single-product table.promolab-document-table th:nth-child(1) {
    width: 40%;
}

body.single-product table.promolab-document-table th:nth-child(2) {
    width: 9%;
}

body.single-product table.promolab-document-table th:nth-child(3) {
    width: 15%;
}

body.single-product table.promolab-document-table th:nth-child(4) {
    width: 11%;
}

body.single-product table.promolab-document-table th:nth-child(5) {
    width: 13%;
}

body.single-product table.promolab-document-table th:nth-child(6) {
    width: 12%;
}

body.single-product .promolab-document-name a {
    color: #078fca !important;
    font-weight: 550 !important;
    text-decoration: none !important;
}

body.single-product .promolab-document-name a:hover {
    color: #056d99 !important;
    text-decoration: underline !important;
}

body.single-product .promolab-file-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    min-height: 25px;
    padding: 3px 7px;
    color: #ffffff !important;
    border-radius: 3px;
    background: #e34b4b !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    letter-spacing: 0.25px;
    line-height: 1;
}

body.single-product .promolab-no-documents {
    margin: 18px 0 0 !important;
    padding: 16px !important;
    color: #5f737e !important;
    border: 1px solid #d7e4eb !important;
    border-radius: 3px;
    background: #f7fafc !important;
    font-size: 13px;
    text-align: center;
}

/* =========================================================
   ACCESSOIRES
========================================================= */
body.single-product .promolab-accessories-tab {
    width: 100%;
}

body.single-product .promolab-accessories-tab .woocommerce,
body.single-product .promolab-accessories-tab ul.products {
    width: 100%;
}

body.single-product .promolab-accessories-tab ul.products {
    margin-top: 0 !important;
}

/* Masquer Produits associés seulement quand l’onglet
   Accessoires est actif, et seulement sur desktop. */
@media (min-width: 992px) {
    body.single-product.promolab-accessories-active #product-related,
    body.single-product.promolab-accessories-active .related.products,
    body.single-product.promolab-accessories-active section.related.products {
        display: none !important;
    }
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 991px) {
    body.single-product .promolab-filter-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.single-product .promolab-reset-filters {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 767px) {
    body.single-product .woocommerce-tabs ul.tabs,
    body.single-product .woocommerce-tabs ul.wc-tabs {
        gap: 24px !important;
        margin-bottom: 22px !important;
    }

    body.single-product .woocommerce-tabs ul.tabs li a,
    body.single-product .woocommerce-tabs ul.wc-tabs li a {
        padding-bottom: 12px !important;
        font-size: 14px !important;
    }

    body.single-product .promolab-filter-controls {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
    }

    body.single-product .promolab-reset-filters {
        grid-column: auto;
    }

    body.single-product .promolab-document-group-title {
        font-size: 12px !important;
    }

    body.single-product table.promolab-document-table th,
    body.single-product table.promolab-document-table td {
        padding: 10px !important;
        font-size: 11px !important;
    }
}