/* Custom CSS for Barrel and Boar */
:root {
    /* Font size */
    --H1-font-size: clamp(1.5625rem, -2.8499rem + 8.982vw, 3.4375rem);
    --H2-font-size: clamp(1.25rem, -0.6279rem + 3.8226vw, 2.8125rem);
    --H3-font-size: clamp(1.125rem, -0.9341rem + 4.1916vw, 2rem);
    --H4-font-size: clamp(1rem, -0.2754rem + 7.8125vw, 1.875rem);
    /* --H4-font-size: clamp(1rem, -0.2754rem + 7.8125vw, 1.875rem); */

    /* Colors */
    --Light-Beige: #EFE8DE;
    --Dark-Olive-Green: #6C7254;
    --Bright-Orange: #F8AC4E;
    --Dark-Gray: #716B6F;
    --Light-Pink: #BCA1A7;
    --Dark-Charcoal: #262626;
    --White: #ffffff;
    --Bright-Green: #0BBE34;
    --Medium-Gray: #4D4D4D;

    /* Border Color */
    --Border-Color: #D9D9D9;
    --Border-Bullet-Color: #707070;

    /* Linear Gradients */
    --Linear-Gradient-Green: linear-gradient(90deg, var(--Dark-Olive-Green) 0%, #D0D5B5 100%);
    --Linear-Gradient-Orange: linear-gradient(90deg, #A86108 0%, #FFC276 100%);
    --Linear-Gradient-Pink: linear-gradient(90deg, var(--Light-Pink) 0%, #D6C6CA 100%);
    --Linear-Gradient-Green-Beige: linear-gradient(90deg, #746D57 0%, #E0D1BE 100%);
}

/* Genaral */
main > div > div { background-color: var(--White); box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.1); margin-top: -120px; margin-bottom: -70px; }

/* .header__main { position: sticky; top: 0; z-index: 1000; } */
.mini-cart:hover { cursor: pointer; }
.mini-cart .oxy-woo-mini-cart__quantity-badge { top: -2px; right: -4px; }

.footer__copyright--text a { color: #737373; }
.cta .cta__inner h3 { color: var(--White); }
.page__content h3, .filter-block h4 { color: var(--Dark-Charcoal); }

.gform_required_legend { display: none; }
.gform_wrapper.gravity-theme .gfield textarea.large { height: 100px !important; }

.trp-language-switcher { width: unset !important; }
.trp-language-switcher > div { width: auto; border: unset !important; }

.backdrop-filter { backdrop-filter: blur(10px); }

.opening-hours .today { color: var(--Bright-Orange); }
.opening-hours > div { display: flex; justify-content: space-between; gap: 10px; }

/* Button Basic */
a.button, body.woocommerce a.button, .woocommerce .oxy-product-cart-button button.button.alt, .woocommerce div.product form.cart .button, .gform_button.button {
    background-color: var(--Dark-Charcoal);
    font-weight: 300;
    border: unset;
    border-radius: 7px 10px 7px 7px;
    box-shadow: 1px 3px 6px var(--Dark-Gray), inset 0 3px 6px rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
}
a.button:hover, body.woocommerce a.button:hover, .woocommerce .oxy-product-cart-button button.button.alt, 
.woocommerce div.product form.cart .button:hover, .gform_button.button:hover { transform: translateY(-5px); border: unset; }

.woocommerce .oxy-product-cart-button button.button.alt, .woocommerce div.product form.cart .button, .gform_button.button {
    text-transform: capitalize !important;
    transform: unset !important;
    border: unset !important;
    font-weight: 300 !important;
    border-radius: 7px 10px 7px 7px !important;
    font-size: 16px;
}
.oxy-product-cart-button button.button.alt, .woocommerce div.product form.cart .button:hover { transform: translateY(-5px) !important; }

/* Button Actie */
a.button--actie, .gform_button.button { background-color: var(--Bright-Green) !important; }

/* Button Orange */
a.button--orange { background-color: var(--Bright-Orange) !important; }

/* Footer */
footer a { color: var(--White); }
footer a:hover { color: var(--Light-Pink); text-decoration: underline; }

/* WooCommerc Disable */

/* WooCommerce Category Page */
.category .oxy-repeater-pages-wrap { grid-column: span 3; border: 1px solid var(--Border-Color); padding: 20px; }
.category .oxy-repeater-pages { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; }
.category .oxy-repeater-pages .page-numbers.current { font-weight: 700; }
.woocommerce .woocommerce-ordering { margin: unset !important; }
.dynamic-filter { width: 100%; }
.filter-group { padding: 35px 40px; border: 1px solid var(--Border-Color); border-left: unset; }
.filter-label {
    color: var(--Border-Bullet-Color);
    text-transform: uppercase;
    font-size: 13px;
}
.filter-checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 15px;
    position: relative;
    user-select: none;
}
.filter-checkbox input[type="checkbox"] { display: none; }
.filter-checkbox .checkmark {
    height: 20px;
    width: 20px;
    border: 1px solid var(--Border-Bullet-Color);
    background-color: #fff;
    margin-right: 10px;
    position: relative;
    border-radius: 7px;
    flex-shrink: 0;
}
.filter-checkbox input[type="checkbox"]:checked + .checkmark::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.filter-checkbox .checkbox-text, .filter-link {
    line-height: 1.3;
    font-size: 14px;
    color: var(--Border-Bullet-Color);
}
.filter-link { margin-top: 10px; }

/* Styles for block layout */
body.block-layout .category__products:not(.ct-section):not(.oxy-easy-posts) {
    display: block !important;
}

.block-layout .product-card {
  display: grid !important;
  grid-template-columns: 2fr 1fr;
}

.block-layout .product-card__content {
  margin-top: unset;
}

/* WooCommerce Product Page */
.product__images div.flex-viewport { aspect-ratio: 1; height: auto !important; }
.woocommerce div.product div.images .woocommerce-product-gallery__image a { height: -webkit-fill-available; }
.woocommerce div.product div.images img { object-fit: scale-down; height: inherit !important; }
.woocommerce div.product div.images .flex-control-thumbs li { border: unset !important; }
.woocommerce-product-gallery__wrapper { height: -webkit-fill-available; align-content: center; }
.woocommerce-product-gallery__wrapper > div { height: 100%; align-content: center; }
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { background-color: unset !important; }
.woocommerce-product-gallery__wrapper { height: 100%; }
.woocommerce div.product .oxy-product-images div.images .flex-control-thumbs, .woocommerce div.product div.images .flex-control-thumbs { border-top: var(--Border-Color) 1px solid; }
.hero__content--product a, .product__content--meta a { color: var(--Dark-Charcoal); }
.product__content .variations .label { text-align: left; }

.product-tabs .tabs { display: flex; justify-content: space-between; padding-left: 0; }
.product-tabs .tabs li { display: block; text-transform: uppercase; width: 100%; text-align: center; border: 1px solid var(--Border-Color); padding: 16px; }
.product-tabs .tabs li a { color: var(--Dark-Charcoal); }
.product-tabs table.shop_attributes th { width: unset !important; }
.product-tabs .woocommerce-Tabs-panel { padding: 50px 65px; }
.product-tabs .woocommerce-Tabs-panel h2 { font-size: var(--H3-font-size); color: var(--Dark-Charcoal); }
.product-tabs table tr { border: unset; }
/* .product-tabs table th { padding: unset !important; } */
.product-tabs table tr:nth-child(odd) { background-color: rgba(239, 232, 222, 0.75); }
.product-tabs table tr:nth-child(even) { background-color: rgba(239, 232, 222, 0.25); }
.woocommerce-error, .woocommerce-info, .woocommerce-message { margin: unset !important; }

@media only screen and (max-width: 991px) {
    main > div > div { margin-top: unset; margin-bottom: unset; box-shadow: unset; }
    .product-tabs .tabs { flex-direction: column; }
    .product-tabs .woocommerce-Tabs-panel { padding: 20px; }
    .category .oxy-repeater-pages-wrap { grid-column: span 2; }
}

/* Product Card */
.product-card__price .price { margin-block-start: unset; margin-block-end: unset; }
.stock { position: relative; }
.stock__info {
    background: lightblue;
    color: white;
    width: 17px;
    text-align: center;
    border-radius: 100%;
}
.stock__info--text {
    display: none;
    color: #000;
    position: absolute;
    width: 250px;
    top: 135%;
    z-index: 99;
    background: white;
    border: 1px solid lightgray;
    padding: 10px;
    border-radius: 10px;
    text-align: left;
    left: 0;
}
.stock__info:hover .stock__info--text { display: block; }
/* .woocommerce img, .woocommerce-page img { height:  !important; } */

/* Cart */
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100% !important; }

/* Checkout */
.checkout .col2-set { flex-direction: column; }
.checkout .col2-set > div { width: 100% !important; }

/* FAQ */
.faq-wrapper { margin: 0 auto; }
.faq-question {
    background: var(--White);
    border: none;
    padding: 15px;
    width: 100%;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    color: var(--Dark-Charcoal);
}
.faq-question.active { background: var(--Light-Beige); }
.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    background: #fff;
    border-bottom: 1px solid #eee;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.brand-list {
    display: grid;
    grid-template-columns: auto auto auto;
}
.brand-item {
    text-align: center;
    padding: 10px;
    border: 1px solid var(--Border-Color);
}