/*
Theme Name: voedingscentrum
Theme URI: 
Author: Amazing
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voedingscentrum
Tags: 

/* VARIABLES */
:root {
    --icon-arrow-up-right-from-square-regular-full: "\ea01";
    --icon-basket-shopping-light-full: "\ea02";
    --icon-book-open-regular-full: "\ea03";
    --icon-chevron-left-light-full: "\ea04";
    --icon-chevron-left-regular-full: "\ea05";
    --icon-chevron-right-light-full: "\ea06";
    --icon-chevron-right-regular-full: "\ea07";
    --icon-circle-check-solid-full: "\ea08";
    --icon-circle-info-light-full: "\ea09";
    --icon-comment-solid-full: "\ea0a";
    --icon-download-regular-full: "\ea0b";
    --icon-house-light-full: "\ea0c";
    --icon-magnifying-glass-light-full: "\ea0d";
    --icon-phone-flip-solid-full: "\ea0e";
    --icon-square-facebook-brands-solid-full: "\ea0f";
    --icon-square-instagram-brands-solid-full: "\ea10";
    --icon-square-linkedin-brands-solid-full: "\ea11";
    --icon-user-light-full: "\ea12";
    --icon-users-light-full: "\ea13";
}

.has-primary-color {
    color: var(--wp--custom--color--primary) !important;
}

.has-primary-background-color {
    background-color: var(--wp--custom--color--primary) !important;
}

.has-primary-border-color {
    border-color: var(--wp--custom--color--primary) !important;
}

/* BASICS */
html {
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    scroll-behavior: smooth;
    
    hyphens: auto;
    hyphenate-limit-chars: 10 4 4;
    text-wrap: pretty;
    scrollbar-gutter: stable;
}

ul,
ol {
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.375rem) * 0.303), 1.125rem);
    font-weight: 300;
}

::selection,
::target-text {
    background: var(--wp--custom--color--primary);
    color: var(--wp--preset--color--white);
}


/* PAGE VIEW TRANSITIONS */
@view-transition {
    navigation: auto; // Zorgt voor fadeIn bij pageload
}

/* MICRO INTERACTIONS */
a,
input,
button {
    transition: all .2s ease-in-out;
}

/* ACCESSIBILITY */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--wp--preset--color--white);
    border-radius: 0.25rem;
    clip: auto !important;
    clip-path: none;
    color: var(--wp--preset--color--text);
    display: block;
    font-size: 1rem;
    height: auto;
    left: 0.75rem;
    line-height: normal;
    padding: 0.75rem 1rem;
    top: 0.75rem;
    width: auto;
    z-index: 100000;
}

.skip-link:focus {
    text-decoration: none;
}

/* FOCUS */
/* :where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [role="button"],
    [tabindex]:not([tabindex="-1"])
):focus {
    outline: 3px solid var(--wp--custom--color--primary);
    outline-offset: 2px;
}

:where(
    a,
    button,
    input,
    select,
    textarea,
    summary,
    [role="button"],
    [tabindex]:not([tabindex="-1"])
):focus:not(:focus-visible) {
    outline: none;
} */ /* TA: default houden */

/* HEADER */
header.wp-block-template-part {
    .custom-logo-link {
        width: 220px;
    }
}

/* REAPPEARING NAVBAR */
header.wp-block-template-part:has(.is-position-sticky) {
    position: sticky;
    top: 0;
    z-index: 999;
    will-change: transform;
    transition: all 0.5s ease-in-out;

    body.topbar-pre-show & {
        position: sticky;
        transform: translateY(-100%);
        left: 0;
        right: 0;
        width: 100%;
        background: var(--wp--preset--color--white);
    }

    body.topbar-show & {
        transform: translateY(0);
        background: var(--wp--preset--color--white);
        box-shadow: var(--wp--custom--box-shadow);

    }

    body.topbar-show.logged-in.admin-bar & {
        top: 32px;
    }

    .main-navigation-search {
        @media (min-width: 992px) {
            max-width: 185px;
        }
    }
}

/* NAVIGATION */
.wp-block-navigation__responsive-container {
    /* Mobile only */
    @media (max-width: 600px) {
        bottom: unset;
        min-height: 100dvh;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    header.wp-block-template-part:has(.is-position-sticky) {
        transition: none;
    }
}

/* HELPERS */
.position-relative {
    position: relative;
    z-index: 1;
}
.h-100 {
    height: 100%;
}
.w-100 {
    width: 100%;
}
.mt-auto {
    margin-top: auto !important;
}
.ml-auto {
    margin-left: auto !important;
}
.mr-auto {
    margin-right: auto !important;
}
.mb-auto {
    margin-bottom: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.breakout-right {
    @media (min-width: 962px) {
        margin-right: calc(-50vw + 50%);
    }
}
.row-gap-xs {
    row-gap: 0.125rem;
}
.row-gap-s {
    row-gap: 0.25rem;
}
.row-gap-m {
    row-gap: 0.5rem;
}
.row-gap-l {
    row-gap: 0.75rem;
}
.row-gap-xl {
    row-gap: 1rem;
}
.row-gap-xxl {
    row-gap: 1.25rem;
}

/* ALIGN */
/* Align full on mobile */
.alignwide:has( > .alignfull) {
  @media (max-width: calc(768px)) {
      margin-left: calc(var(--wp--style--root--padding-left) * -1)!important;
      margin-right: calc(var(--wp--style--root--padding-right) * -1)!important;
  }
}

/* BLOCKSTYLES */

/*------------------- COMPONENTS -------------------*/
/* BUTTONS */
/* .wp-block-button__link:not(.has-background):hover {
    background-color: var(--wp--preset--color--secondair-dark);
}

.wp-block-button__link.has-custom-tertiaire-background-color:hover {
    background-color: var(--wp--preset--color--tertiaire-dark) !important;
} */

/* PAGINATION */ 
[class$="pagination-numbers"] {
    display: flex;
    gap: 0.5rem;
}

[class$="pagination-numbers"] .page-numbers {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

[class$="pagination-numbers"] .page-numbers:hover,
[class$="pagination-numbers"] .page-numbers.current {
    background-color: var(--wp--preset--color--gray-200) !important;
}

[class$="-pagination-next"],
[class$="-pagination-previous"] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    font-weight: 500;
    transition: all .2s ease-in-out;

    @media (max-width: 768px) {
        gap: 0;
        font-size: 0;
    }
}

[class$="-pagination-next"]:after,
[class$="-pagination-previous"]:before {
    display: inline-block;
    font-family: "voedingscentrum" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    vertical-align: -.125em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
}

[class$="-pagination-next"]:after {
    content: var(--icon-chevron-right-light-full);
}

[class$="-pagination-previous"]:before {
    content: var(--icon-chevron-left-light-full);
}

/**
 * VENDORS STYLING 
 */

/* Gravity Forms */
.gform_wrapper {
    
    label {
        font-size: 1rem !important;
    }

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="phone"],
	input[type="number"],
	input[type="search"],
	input[type="tel"],
	input[type="url"],
	textarea,
	select {
		border-radius: 0 !important;
    }
}

/* YITH - BADGE */
.yith-wcbm-badge {
	width: auto !important;
	height: auto !important;
	margin: 0!important;
	font-size: 0.9rem !important;
	font-weight: 700 !important;
	text-transform: lowercase !important;
	box-shadow: 0.3em 0.3em 0 0 rgba(239, 239, 239, 0.8) !important;
	line-height: 1.25 !important;
	letter-spacing: 0.2px !important;
	border-radius: 100% !important;
	aspect-ratio: 1 / 1 !important;
	min-width: 60px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding-top: 0.25em!important;
	padding-bottom: 0.25em!important;
	padding-left: 0.25em!important;
	padding-right: 0.25em!important;
}
.onsale,
.yith-wcbm-badge .yith-wcbm-badge__wrap {
	&:after {
		content: '' !important;
		padding-top: 100% !important;
	}

	* {
		font-family: inherit !important;
	}
}

/* YITH - WAITLIST */
.yith-wcwtl-output {
    .yith-wcwtl-msg h4 {
        margin-top: 0;
        margin-bottom: 0.5rem;
        color: var(--wp--preset--color--danger) !important;

        span {
            color: inherit !important;
        }
    }
    form,
    form input {
        font-size: 1rem !important;
    }
    form {
        margin-bottom: 0 !important;
    }
    form input {
        margin: 0.5rem 0;
        padding: 0.75rem !important;
        border-radius: 0.3rem !important;
        box-shadow: none;
        border: 1px solid var(--wp--preset--color--gray-200);
    }
    label[for="yith-wcwtl-policy-check"] {
        display: flex !important;
        column-gap: 0.5rem;
        align-items: center;

        span {
            font-size: 0.875rem !important;
        }
    }
    .button[type="submit"] {
        background-color: var(--wp--preset--color--primary-dark) !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important; 
        cursor: pointer;

        &:hover {
            background-color: var(--wp--preset--color--hover) !important;
        }
    }
    a.button-leave.yith-wcwtl-submit {
        background-color: var(--wp--preset--color--primary-dark) !important;
        padding: 0.75rem 1.5rem !important;
        cursor: pointer;
        font-size: 1rem;

        &:hover {
            text-decoration: none;
            background-color: var(--wp--preset--color--hover) !important;
        }
    }

    &.success, .yith-wcwtl-output.subscribed {
        background-color: #f7fae2 !important;
        color: var(--wp--custom--color--primary) !important;
    }
}

.yith-wcwtl-output .yith-wcwtl-msg {
    margin-bottom: 0 !important;
}

/* WOOCOMMERCE */
.wp-block-woocommerce-product-collection > .wc-block-catalog-sorting,
.wp-block-woocommerce-product-collection > .wc-block-catalog-sorting {
    flex: 0 1 auto;
}
.wp-block-woocommerce-product-collection > .wc-block-components-notices {
    flex: 0 0 100%;
    width: 100%;
}
.wp-block-woocommerce-product-collection > .form-wppp-select {
    flex: 0 1 auto;
    float: none !important;
    margin-left: auto !important;
    text-align: right;
}
.wp-block-woocommerce-product-collection > ul.wp-block-woocommerce-product-template {
    flex: 0 0 100%;
    width: 100%;
    clear: none;
}

.wc-block-components-radio-control__option-layout {
    
    span span {
        width: 100%;
        justify-content: space-between !important;
    }
    
    img {
        max-height: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 600px) {
    .wp-block-woocommerce-product-collection {
        align-items: stretch;
    }
    .wp-block-woocommerce-product-collection > wc-block-catalog-sorting,
    .wp-block-woocommerce-product-collection > .wc-block-catalog-sorting,
    .wp-block-woocommerce-product-collection > .form-wppp-select {
        width: 100%;
        margin-left: 0 !important;
        text-align: left;
    }
}

.woocommerce-Tabs-panel {
    h2,
    h3,
    h4 {
        color: var(--wp--custom--color--text) !important;
        font-family: var(--wp--preset--font-family--ubuntu);
        font-size: 1rem;
    }
    h2 {
        font-size: var(--wp--preset--font-size--heading-3) !important;
    }
}

.woocommerce table.shop_attributes {  
    td {
        font-style: normal !important;
        font-weight: 300 !important;
    }
    th {
        text-align: left;
    }
}

/* Product GRID */
li.wc-block-product > a {
    * {
        transition: all 0.2s ease;
    }
    &:hover {
        .has-border-color {
            border-color: var(--wp--preset--color--gray-700) !important;
        }
        .wp-block-post-title {
            color: var(--wp--preset--color--quaternary-dark) !important;
        }
    }
}

.wc-block-product-gallery-large-image {
    border: 1px solid var(--wp--preset--color--gray-400) !important;
    padding: 1rem;
    width: auto;
}
.container-image-and-badge {
    height: 250px;
}
.container-image-and-badge.voedingscentrum-product-gallery-badge-wrapper {
    height: auto;
    line-height: normal;
}
.container-image-and-badge.voedingscentrum-product-gallery-badge-wrapper .wc-block-product-gallery-large-image {
    position: relative;
}
.container-image-and-badge.voedingscentrum-product-gallery-badge-wrapper > .yith-wcbm-badge {
    z-index: 60;
}
.wc-block-grid__product-price {
    del span.amount {
        color: hsl(0, 0%, 46%) !important;
        font-weight: 300 !important;
    }
}
.text-center {
    text-align: center;
}
.wp-element-button {
    border-radius: 6px;
}
.wc-block-product-template__responsive {
    clear: both;
}
.woocommerce.single-product div.product {

    .woocommerce-tabs ul.tabs li {
        border-bottom: solid 7px #efefef;
        margin: -2px !important;
    }

    .woocommerce-tabs ul.tabs li:hover {
        background-color: #efefef;
        border-bottom: solid 7px #efefef;
        text-decoration: none;
    }

    .woocommerce-tabs ul.tabs li.active {
        border-bottom: solid 7px var(--wp--custom--color--primary);
        border-radius: 0;
    }

    @media (max-width: 782px) {
        .woocommerce-tabs ul.tabs li {
            border-left-width: 0 !important;
        }
    }
}
.woocommerce.archive ul.wp-block-categories-list {
    list-style: none;
    margin: 0;
    padding: 0;

    .cat-item {
        &.current-cat a {
            color: var(--wp--preset--color--quaternary-dark);
        }

        a {
            display: block;
            color: inherit;
            line-height: 1.3;
            padding-top: 1rem;
            padding-bottom: 1rem;
            border-bottom: solid 1px var(--wp--preset--color--gray-200);
        }
    }

    ~ .wp-block-categories-show-all {
        display: none;
    }
    &:has(.current-cat) ~ .wp-block-categories-show-all {
        display: block;
    }
}
.wp-block-add-to-cart-form p.stock {
    font-weight: 600;
    
    &.in-stock {
        color: var(--wp--preset--color--quaternary-dark);    
    }
    &.out-of-stock {
        color: var(--wp--preset--color--danger);
    }
}
.voedingscentrum-waitlist-stock.out-of-stock {
    color: var(--wp--preset--color--danger);
    font-weight: 600;
}
.wc-block-components-notice-banner.is-success>svg {
    background-color: var(--wp--preset--color--primary-light);
}

.product-usps {
	list-style: none;
	padding: 0;

	li {
		position: relative;
		font-weight: bold;
		font-size: 0.875rem;
		line-height: 1.5;
		color: var(--wp--custom--color--primary) !important;
		padding-left: 22px;

		&:not(:last-child) {
			margin-bottom: 7px;
		}

		&:before {
			content: "";
			width: 16px;
			height: 16px;
			background-image: url(/wp-content/themes/voedingscentrum/assets/images/check-circle.png);
			background-repeat: no-repeat;
			background-size: contain;
			position: absolute;
			left: 0;
			top: 1px;
		}
	}
}

body.archive .wp-block-woocommerce-product-collection-is-layout-flow {
    display: flex;
    flex-wrap: wrap;
}
select.orderby,
select.wppp-select {
    display: block;
    height: 38px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #efefef;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* Accordion */
.wp-block-accordion-heading__toggle {
    align-items: baseline;
    gap: 1.5rem;
}
.wp-block-accordion-heading__toggle-icon {
    font-size: 2rem;
    width: 0.75rem;
    height: 0.75rem;
    transform: translateY(2px);
    transform-origin: center center;
}
.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transform: translateY(2px) rotate(45deg);
}
.wp-block-accordion-panel,
.wp-block-accordion-item {
    margin: 0 !important;
}


/* VC CUSTOM STYLING */
.vc-hor-background::before {
    content: "";
    display: block;
    height: 10px;
    background-image: url("./assets/images/hor-background.png");
    background-repeat: repeat-x;
    background-size: auto 10px;
    margin-left: -24px;
    margin-right: -24px;
}
.vc-step-cart {
    position: relative;

    .vc-step {
        align-items: center;
        aspect-ratio: 1;
        display: inline-flex;
        justify-content: center;
        padding: 0;
        width: 2.50rem;
    }

    a:hover {
        text-decoration: none !important;
    }
}
.vc-step-cart::before {
    width: 200vw;
    margin-left: -100vw;
    position: absolute;
    content: " ";
    top: 20px;
    left: 0;
    border-bottom: 1px solid #efefef;
    z-index: -1;
}

.wc-block-cart-items__header,
.wc-block-cart__totals-title {
    font-size: var(--wp--preset--font-size--heading-4) !important;
    text-transform: capitalize !important;
}
.wc-block-cart-item__prices {
    font-size: var(--wp--preset--font-size--body) !important;
}

.wc-block-components-product-name {
    font-size: var(--wp--preset--font-size--heading-5) !important;  
}
.wc-block-components-product-metadata__description > p {
    font-size: var(--wp--preset--font-size--body) !important;
}
.wc-block-components-product-details__subtitel .wc-block-components-product-details__name {
    display: none;
}
.vc-cart-item-subtitle {
    display: block;
    font-size: var(--wp--preset--font-size--body);
}
.wc-block-checkout__shipping-option,
.wp-block-woocommerce-checkout-shipping-methods-block {
    display: none;
}

.woocommerce table.shop_attributes {
    font-size: 1rem;
}

.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}

.woocommerce #reviews #comments .woocommerce-Reviews-title {
    display: none;
}
.woocommerce .quantity .qty {
    font-size: 1rem;
}
.review-policy-field-label {
    display: flex;
    align-items: baseline;
    column-gap: 0.25rem;
}

.woocommerce-checkout main .woocommerce {
    max-width: unset !important;
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description > p,
.wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax {
    display: block;
    line-height: 1.5;
    font-size: .875rem !important;
    font-family: "Ubuntu", "Trebuchet MS", sans-serif;
    color: hsl(0, 0%, 46%);
}

header.wp-block-template-part {
    .wp-block-group:has(> .vc-main-navigation) {
        @media (min-width: 768px) and (max-width: 1000px) {
            column-gap: var(--wp--preset--spacing--m);
        }
    }
    .vc-main-navigation {
        .wp-block-navigation-item a {
            padding: 1.4rem 1rem 1.2rem 1rem;
            transition: all 0.2s ease-in-out;

            @media (min-width: 768px) and (max-width: 1000px) {
                padding: 1.25rem 0.25rem;
                font-size: var(--wp--preset--font-size--body);
            }
        }
        .wp-block-navigation-item:hover a {
            background-color: rgb(0, 86.7, 0) !important;
            text-decoration: none !important;
        }
    }

    .vc-main-navigation-search {
        position: relative;

        .wp-block-search__button {
            display: block;
            line-height: inherit;
            padding: 0 !important;
            background-color: transparent !important;
            color: var(--wp--preset--color--text-color);

            &::before {
                content: var(--icon-magnifying-glass-light-full);
                display: block;
                font-family: "voedingscentrum" !important;
                font-style: normal !important;
                font-weight: normal !important;
                font-variant: normal !important;
                text-transform: none !important;
                speak: none;
                line-height: 1;
                vertical-align: -.125em;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-size: var(--wp--preset--font-size--heading-1) !important;
            }
            &::after {
                content: 'Zoeken';
                bottom: 0;
                font-size: 0.75rem;
                display: block;
                font-weight: 300;
                line-height: 18px;
            }
            svg.search-icon {
                display: none !important;
            }
        }
        .wp-block-search__input {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 3rem;
            z-index: 1;
            padding: 0.75rem 0.6rem;
            opacity: 1;
            border: solid 1px var(--wp--preset--color--primary);
            border-radius: var(--wp--preset--border-radius--small);
        }
    }

    .vc-main-navigation-mobile {
        position: absolute;
        right: 2rem;
        top: 10px;
    }
    .wp-block-navigation__responsive-container-open,
    .wp-block-navigation__responsive-container-close {
        svg {
            height: 32px;
            width: 32px;
            fill: var(--wp--preset--color--text-color) !important;
        }
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-close {
        svg {
            fill: var(--wp--preset--color--white) !important;
        }
    }
    .vc-top-nav {
        a {
            text-align: center !important;
        }
        a:hover,
        a:active {
            color: var(--wp--preset--color--info) !important;
            text-decoration: none;
        }
    }
}

.vc-shift-up {
    position: relative;
    z-index: 20;
    margin-top: -80px;

    @media (min-width: 768px) {
        margin-top: -120px;
    }

    @media (min-width: 992px) {
        margin-top: -200px;
    }
}

a.wp-block-tiptip-hyperlink-group-block {
    text-decoration: none;
}

/* WOOCOMMERCE LOGIN ACCOUNT */
.woocommerce-account main .woocommerce:has(> .form-login-container),
.woocommerce-account main .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    max-width: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li:not(:last-of-type) {
    border-bottom: solid 1px #efefef;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25% !important;
}
.form-login-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
    gap: 2rem 8%;

    .woocommerce-form-login {
        margin-bottom: var(--wp--preset--spacing--m);
        padding-bottom: var(--wp--preset--spacing--xl);
        border-bottom: 1px solid var(--wp--preset--color--gray-400);
    }
    .login-box,
    .register-box {
        padding: var(--wp--preset--spacing--xl) var(--wp--preset--spacing--l);
        border: 1px solid var(--wp--preset--color--gray-300);
        border-radius: var(--wp--preset--border-radius--medium);

        h4 {
            margin-top: 0;
        }
    }
    .register-box {
        background-color: var(--wp--preset--color--gray-100);
    }
    .form-row label {
        margin-bottom: 0 !important;
        font-weight: 500;
    }
    input[type=text], 
    input[type=password], 
    input[type=email] {
        border-color: var(--wp--preset--color--gray-500) !important;
    }
    label:has(input[name='rememberme']) {
        font-size: 1rem;
        color: var(--wp--preset--color--gray-700);
    }
    .woocommerce-form__label-for-checkbox {
        cursor: pointer;
    }
    a:not(.wp-block-button__link) {
        text-decoration: underline;
    }
    .wp-block-button__link {
        font-weight: 500;
        display: inline-block;

        &:hover {
            text-decoration: none;
            background-color: var(--wp--preset--color--hover) !important;
        }
    }
    .woocommerce-privacy-policy-text,
    .content-box {
        p {
            font-size: 0.9375rem;
            color: var(--wp--preset--color--gray-600);
        }

    }
}

/* SEARCH WP */
.searchwp-live-search-results .searchwp-live-search-result a {
    color: #43454b;
    display: flex;
    gap: .5rem;
}

.searchwp-live-search-results .searchwp-live-search-result .live-search-image {
    max-width: 20%;
    flex: 1 1 auto;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}