/**
 * Styles the EPO configuration default options.
 * CSS class .is-default comes from default-option.js
 * 
 */

:root {

    --border-color-default: #eee;
    --border-color-highlight: #9df;

    --color-default: #767676;
    --color-black: #334047;

    --font-weight-default: 400;
    --font-weight-black: 700;

}

/*Product page*/
#top #tm-extra-product-options-fields .tmcp-field-wrap .tc-label-text,
#top #tm-extra-product-options-fields .tmcp-field-wrap .tc-price,
#top #tm-extra-product-options-fields .tmcp-field-wrap .tc-price bdi,
#top #tm-extra-product-options-fields .tmcp-field-wrap .tc-price .woocommerce-Price-currencySymbol {
    color: var(--color-default);
    font-weight: var(--font-weight-default);
}

#top #tm-extra-product-options-fields .tmcp-field-wrap.tc-active .tc-label-text,
#top #tm-extra-product-options-fields .tmcp-field-wrap.tc-active .tc-price,
#top #tm-extra-product-options-fields .tmcp-field-wrap.tc-active .tc-price bdi,
#top #tm-extra-product-options-fields .tmcp-field-wrap.tc-active .tc-price .woocommerce-Price-currencySymbol {
    color: var(--color-black);
    font-weight: var(--font-weight-black);
}

/*Product page dropdown-element*/
#top #tm-extra-product-options-fields .tmcp-select.is-default {
    border-color: var(--border-color-default);
    color: var(--color-default);
    font-weight: var(--font-weight-default);
}

#top #tm-extra-product-options-fields .tmcp-select.is-not-default {
    border-color: var(--border-color-highlight);
    color: var(--color-black);
    font-weight: var(--font-weight-black);
}

#top #tm-extra-product-options-fields .tc-price.is-default-price,
#top #tm-extra-product-options-fields .tc-price.is-default-price bdi,
#top #tm-extra-product-options-fields .tc-price.is-default-price .woocommerce-Price-currencySymbol {
    color: var(--color-default);
    font-weight: var(--font-weight-default);
}

#top #tm-extra-product-options-fields .tc-price.is-not-default-price,
#top #tm-extra-product-options-fields .tc-price.is-not-default-price bdi,
#top #tm-extra-product-options-fields .tc-price.is-not-default-price .woocommerce-Price-currencySymbol {
    color: var(--color-black);
    font-weight: var(--font-weight-black);
}

/*Cart, Checkout*/
#top.woocommerce-cart .tc-epo-metadata .tc-name.is-default,
#top.woocommerce-cart .tc-epo-metadata .tc-value.is-default,
#top.woocommerce-checkout .tc-epo-metadata .tc-name.is-default,
#top.woocommerce-checkout .tc-epo-metadata .tc-value.is-default {
    color: var(--color-default);
    font-weight: var(--font-weight-default);
}

#top.woocommerce-cart .tc-epo-metadata .tc-name,
#top.woocommerce-cart .tc-epo-metadata .tc-value,
#top.woocommerce-checkout .tc-epo-metadata .tc-name,
#top.woocommerce-checkout .tc-epo-metadata .tc-value {
    color: var(--color-black);
    font-weight: var(--font-weight-black);
}

/*Mini-cart*/
#top .woocommerce-mini-cart-item .tc-epo-metadata .tc-name.is-default,
#top .woocommerce-mini-cart-item .tc-epo-metadata .tc-value.is-default {
    color: var(--color-default);
    font-weight: var(--font-weight-default);
}

#top .woocommerce-mini-cart-item .tc-epo-metadata .tc-name,
#top .woocommerce-mini-cart-item .tc-epo-metadata .tc-value {
    color: var(--color-black);
    font-weight: var(--font-weight-black);
}

/*Order-received, Account-page*/
.order_details ul.wc-item-meta li.is-default,
.order_details ul.wc-item-meta strong.wc-item-meta-label.is-default {
    color: var(--color-default);
    font-weight: var(--font-weight-default);
}

.order_details ul.wc-item-meta li {
    color: var(--color-black);
    font-weight: var(--font-weight-black);
}