/* https://docs.hyva.io/hyva-themes/working-with-tailwindcss/sharing-common-css-between-themes.html */

:root{
    /***** Colours *****/
    /* Default */
    --color-primary: oklch(0.5122 0.2302 323.08);

    /* Light Shades (10 lighter -> 90 lightest) */
    --color-primary-light10: oklch(0.5462 0.2225 323.51);
    --color-primary-light20: oklch(0.586 0.2054 323.37);
    --color-primary-light30: oklch(0.631 0.1846 323.49);
    --color-primary-light40: oklch(0.6798 0.1586 323.12);
    --color-primary-light50: oklch(0.7307 0.1331 323.18);
    --color-primary-light60: oklch(0.7818 0.1054 323.24);
    --color-primary-light70: oklch(0.837 0.0777 323.42);
    --color-primary-light80: oklch(0.8902 0.0515 322.96);
    --color-primary-light90: oklch(0.9464 0.0249 323.77);

    /* Dark Shades (10 darker -> 90 darkest) */
    --color-primary-dark10: oklch(0.4744 0.212 323.24);
    --color-primary-dark20: oklch(0.4365 0.1941 323.05);
    --color-primary-dark30: oklch(0.3971 0.175 323.24);
    --color-primary-dark40: oklch(0.3575 0.156 322.99);
    --color-primary-dark50: oklch(0.3162 0.1354 323.23);
    --color-primary-dark60: oklch(0.2727 0.115 323.62);
    --color-primary-dark70: oklch(0.2289 0.0936 323.27);
    --color-primary-dark80: oklch(0.1819 0.0703 323.93);
    --color-primary-dark90: oklch(0.1315 0.0472 323.52);

    /* Footer */
    --color-footer-primary: black;
    --color-footer-divider: var(--color-neutral-800);

    /***** Typography *****/
    /* Title */
    --title-family: 'Inter';
    --title-weight: var(--font-medium);
    --title-color: black;
}/* https://www.industrialempathy.com/perfect-ish-font-fallback/ */
@font-face {
    font-family: "Inter-fallback";
    size-adjust: 107%;
    src: local("Arial");
}

@font-face{
    font-family: 'Inter';
    src: url('../../frontend/FlavourWarehouse/VampireVape/en_GB/fonts/Inter-VariableFont_slnt\,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    display: swap;
}
@font-face{
    font-family: 'Inter';
    src: url('../../frontend/FlavourWarehouse/VampireVape/en_GB/fonts/Inter-Italic-VariableFont_opsz\,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    display: swap;
}

body {
  font-family: "Inter", "Inter-fallback";
}/* Category View */
.catalog-category-view,
.catalogsearch-result-index{
    .mg-lipscore-rating-wrapper{
        .lipscore-rating-small{
            display: flex;
            align-items: center;
            gap: 2px;

            svg{
                fill: var(--color-yellow-400);
                stroke: unset;
            }

            .lipscore-rating-small-votes{
                font-size: 12px;
                line-height: 12px;
                margin-bottom: -2px;
            }
        }
    }
}

/* Product View */
#lipscore-reviews-section{
    .lipscore-clearfix,
    .lipscore-rating-review-link,
    .lipscore-original-text-btn-wrapper,
    .lipscore-review-product-info{
        display: none;
    }

    #js-lipscore-reviews-tab{
        display: flex;
    }

    .mg-lipscore-rating-wrapper{
        #lipscore-rating{
            display: flex;
            align-items: center;
            gap: 4px;
        }
        .lipscore-rating-slider-readonly{
            display: flex;
            align-items: center;
            gap: 4px;

            .lipscore-rating-star{
                width: 18px;
                height: 18px;
            }
        }

        .lipscore-compact-rating-votes{
        display: none;
        }
    }

    .lipscore-review-list-box-container{
        .lipscore-review-box{
            padding: 0;
            border: none;
            border-top: 1px solid var(--color-neutral-200);
            margin-top: 16px;
            padding-top: 16px;
            display: flex;
            flex-direction: column;
            gap: 8px;

            &:is(:first-child){
                margin-top: 0;
                padding-top: 0;
                border: none;
            }

            .lipscore-review-header{
                padding: 0;

                .lipscore-review-info-wrapper{
                    padding: 0;
                    display: flex;
                    flex-direction: column-reverse;
                    gap: 8px;

                    .lipscore-review-rating-stars-wrapper{
                        display: flex;
                        align-items: center;
                        gap: 4px;
                    }

                    .lipscore-review-author{
                        text-transform: capitalize;
                        font-weight: 500;
                        font-size: 14px;
                    }

                    .lipscore-review-created-at{
                        font-size: 14px;
                    }
                }
            }

            .lipscore-review-content{
                background: none;
                padding: 0;

                .lipscore-review-content-wrapper{
                    background: none;
                    padding: 0;

                    .lipscore-review-text{
                        font-size: 14px;
                        color: var(--color-neutral-600);
                    }
                }
            }

            .lipscore-review-footer,
            .lipscore-review-footer-wrapper{
                display: none;
            }
        }
    }
}