/***************************************
* Woo Variables
****************************************/
:root {
    /* Color */
    --woo-color-surface:none; /* block, form, table */
    --woo-color-surface-highlight:var(--vii-color-primary); /* on hover, active */

    /* Color Notification */
    --woo-color-error:var(--vii-color-error, #f00);
    --woo-color-info:#000;
    --woo-color-message:#000;
    --woo-color-gray:#ccc;

    /* Table */
    --woo-table-bg:none;
    --woo-thumbnail-size:85px;

    /* Form input */
    --woo-field-bg:none;
    --woo-field-bg-hover:var(--woo-field-bg);
    --woo-field-color:var(--vii-color-text, #000);
    --woo-field-size:var(--form-font-size);
    --woo-field-font:var(--form-font);
    --woo-field-placeholder:rgba(0, 0, 0, .3);
    --woo-field-placeholder-hover:rgba(0, 0, 0, .1);

    /* Border */
    --woo-radius:4px;
    --woo-border:1px solid rgba(0, 0, 0, .2);

    /* Gap */
    --woo-gap-field:4px;

    /* Icon */
    --woo-icon-error:"\e943";
    --woo-icon-info:"\e935";
    --woo-icon-message:"\e932";
    --woo-icon-clear:"\e946";
    --woo-icon-restore:"\e944";
    --woo-icon-discount:"\e94c";
    --woo-icon-shipping:"\e94d";
    --woo-icon-cart:"\e921";
}

@media only screen and (max-width:1023px) {
    :root {
        --woo-thumbnail-size:65px;
    }
}

/* hide all place holder */
body.vii-disable-woo-placeholder {
    --woo-field-placeholder:rgba(0, 0, 0, 0);
    --woo-field-placeholder-hover:rgba(0, 0, 0, 0);
}