/*
========================================
 SINGLE PRODUCT STYLING (GLASLAYOUT)
 Pas hieronder vooral waarden aan bij:
 - background (glaseffect)
 - border-radius (afronding)
 - color (tekstkleur)
 - padding (ruimte)
========================================
*/

/* TABS / NAVIGATIEKNOPPEN BOVEN DE SECTIES */
body.single-product a.fusion-button.progenion-product-tab-button,
body.single-product a.fusion-button[data-progenion-hash="#Specificaties"],
body.single-product a.fusion-button[data-progenion-hash="#reviews"],
body.single-product a.fusion-button[data-progenion-hash="#Accessoires"],
body.single-product a.fusion-button[data-progenion-hash="#Downloads"],
body.single-product a.fusion-button[data-progenion-hash="#Veelgesteldevragen"],
body.single-product a.fusion-button[href="#Specificaties"],
body.single-product a.fusion-button[href="#reviews"],
body.single-product a.fusion-button[href="#Accessoires"],
body.single-product a.fusion-button[href="#Downloads"],
body.single-product a.fusion-button[href="#Veelgesteldevragen"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px;
    padding: 12px 22px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.58) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.22) 100%) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 10px 24px rgba(72, 109, 160, 0.12) !important;
    color: #5b7eab !important;
    font-family: "Nunito Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
}

body.single-product a.fusion-button.progenion-product-tab-button[data-progenion-hash="#Specificaties"],
body.single-product a.fusion-button[data-progenion-hash="#Specificaties"],
body.single-product a.fusion-button[href="#Specificaties"] {
    background: linear-gradient(135deg, #67adf0 0%, #4f95de 100%) !important;
    border-color: rgba(103, 173, 240, 0.85) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(79, 149, 222, 0.26) !important;
}

body.single-product a.fusion-button.progenion-product-tab-button .fusion-button-text,
body.single-product a.fusion-button[href="#Specificaties"] .fusion-button-text,
body.single-product a.fusion-button[href="#reviews"] .fusion-button-text,
body.single-product a.fusion-button[href="#Accessoires"] .fusion-button-text,
body.single-product a.fusion-button[href="#Downloads"] .fusion-button-text,
body.single-product a.fusion-button[data-progenion-hash="#Specificaties"] .fusion-button-text,
body.single-product a.fusion-button[data-progenion-hash="#reviews"] .fusion-button-text,
body.single-product a.fusion-button[data-progenion-hash="#Accessoires"] .fusion-button-text,
body.single-product a.fusion-button[data-progenion-hash="#Downloads"] .fusion-button-text,
body.single-product a.fusion-button[data-progenion-hash="#Veelgesteldevragen"] .fusion-button-text,
body.single-product a.fusion-button[href="#Veelgesteldevragen"] .fusion-button-text {
    color: inherit !important;
    font: inherit !important;
}

body.single-product a.fusion-button[data-progenion-hash="#reviews"]:hover,
body.single-product a.fusion-button[data-progenion-hash="#reviews"]:focus,
body.single-product a.fusion-button[data-progenion-hash="#Accessoires"]:hover,
body.single-product a.fusion-button[data-progenion-hash="#Accessoires"]:focus,
body.single-product a.fusion-button[data-progenion-hash="#Downloads"]:hover,
body.single-product a.fusion-button[data-progenion-hash="#Downloads"]:focus,
body.single-product a.fusion-button[data-progenion-hash="#Veelgesteldevragen"]:hover,
body.single-product a.fusion-button[data-progenion-hash="#Veelgesteldevragen"]:focus,
body.single-product a.fusion-button[href="#reviews"]:hover,
body.single-product a.fusion-button[href="#reviews"]:focus,
body.single-product a.fusion-button[href="#Accessoires"]:hover,
body.single-product a.fusion-button[href="#Accessoires"]:focus,
body.single-product a.fusion-button[href="#Downloads"]:hover,
body.single-product a.fusion-button[href="#Downloads"]:focus,
body.single-product a.fusion-button[href="#Veelgesteldevragen"]:hover,
body.single-product a.fusion-button[href="#Veelgesteldevragen"]:focus {
    background: linear-gradient(135deg, rgba(103, 173, 240, 0.92) 0%, rgba(79, 149, 222, 0.92) 100%) !important;
    border-color: rgba(103, 173, 240, 0.85) !important;
    color: #ffffff !important;
}

/* PRODUCTTEKST ONDER DE TABS: geïntegreerde glass look */
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.12) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.52) !important;
    border-radius: 30px !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 18px 42px rgba(92, 129, 175, 0.12) !important;
    overflow: hidden;
    padding: 18px 16px !important;
}

body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-36>.fusion-column-wrapper,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-37>.fusion-column-wrapper,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-38>.fusion-column-wrapper,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-39>.fusion-column-wrapper,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-40>.fusion-column-wrapper,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-41>.fusion-column-wrapper,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion_builder_column_1_2>.fusion-column-wrapper {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 14px 14px 10px !important;
}

body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-text,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-title {
    background: transparent !important;
}

body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container h2,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container h3,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-title-heading {
    color: #5b7eab !important;
    font-family: "Nunito Sans", "Open Sans", Arial, sans-serif !important;
}

body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container p,
body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container li {
    color: #5f7190 !important;
}

body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-imageframe {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.42) !important;
    box-shadow: none !important;
}

/* GROTE GLASPANELEN VOOR SPECIFICATIES / ACCESSOIRES / DOWNLOADS / REVIEWS */
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties),
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires),
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads),
body.single-product #reviews>.fusion-fullwidth {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.14) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.54) !important;
    border-radius: 28px !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 18px 48px rgba(80, 116, 164, 0.14) !important;
    overflow: hidden;
    padding: 18px 16px !important;
}

body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties) .fusion-column-wrapper,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires) .fusion-column-wrapper,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads) .fusion-column-wrapper,
body.single-product #reviews>.fusion-fullwidth .fusion-column-wrapper {
    background: transparent !important;
    box-shadow: none !important;
}

/* BINNENSTE KAARTEN / BLOKKEN IN GLASSTIJL */
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties) .fusion-layout-column[style*="--awb-border"],
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires) .fusion-layout-column[style*="--awb-border"],
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads) .fusion-layout-column[style*="--awb-border"],
body.single-product #reviews>.fusion-fullwidth .fusion-layout-column[style*="--awb-border"],
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires) ul.products li.product .fusion-product-wrapper {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

/* TEKST EN TABELLEN NETTER OP SINGLE PRODUCT */
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties) h2,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties) h3,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires) h2,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires) h3,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads) h2,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads) h3,
body.single-product #reviews>.fusion-fullwidth h2,
body.single-product #reviews>.fusion-fullwidth h3 {
    color: #5b7eab !important;
    font-family: "Nunito Sans", "Open Sans", Arial, sans-serif !important;
}

body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties) p,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires) p,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads) p,
body.single-product #reviews>.fusion-fullwidth p,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties) li,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires) li,
body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads) li,
body.single-product #reviews>.fusion-fullwidth li {
    color: #5f7190 !important;
}

body.single-product .fusion-woo-additional-info-tb table,
body.single-product .fusion-woo-additional-info-tb th,
body.single-product .fusion-woo-additional-info-tb td {
    background: rgba(255, 255, 255, 0.22) !important;
    border-color: rgba(202, 225, 244, 0.6) !important;
}

body.single-product .fusion-woo-additional-info-tb th {
    color: #5b7eab !important;
}

body.single-product .fusion-woo-additional-info-tb td {
    color: #5f7190 !important;
}

@media (max-width: 900px) {

    body.single-product a.fusion-button.progenion-product-tab-button,
    body.single-product a.fusion-button[data-progenion-hash="#Specificaties"],
    body.single-product a.fusion-button[data-progenion-hash="#reviews"],
    body.single-product a.fusion-button[data-progenion-hash="#Accessoires"],
    body.single-product a.fusion-button[data-progenion-hash="#Downloads"],
    body.single-product a.fusion-button[data-progenion-hash="#Veelgesteldevragen"],
    body.single-product a.fusion-button[href="#Specificaties"],
    body.single-product a.fusion-button[href="#reviews"],
    body.single-product a.fusion-button[href="#Accessoires"],
    body.single-product a.fusion-button[href="#Downloads"],
    body.single-product a.fusion-button[href="#Veelgesteldevragen"] {
        width: 100% !important;
        min-height: 42px;
        font-size: 14px !important;
        padding: 10px 16px !important;
    }

    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container {
        border-radius: 24px !important;
        padding: 12px 10px !important;
    }

    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion_builder_column_1_2>.fusion-column-wrapper,
    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-36>.fusion-column-wrapper,
    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-37>.fusion-column-wrapper,
    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-38>.fusion-column-wrapper,
    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-39>.fusion-column-wrapper,
    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-40>.fusion-column-wrapper,
    body.single-product .fusion-content-tb .fusion-fullwidth.fusion-flex-container .fusion-builder-column-41>.fusion-column-wrapper {
        border-radius: 0 !important;
        padding: 10px 8px 8px !important;
    }

    body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Specificaties),
    body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Accessoires),
    body.single-product .fusion-fullwidth:has(.fusion-menu-anchor#Downloads),
    body.single-product #reviews>.fusion-fullwidth {
        padding: 14px 10px !important;
        border-radius: 22px !important;
    }
}