/*======================================
  *** General Styles ***
======================================*/

.image-right-rotation {
    transform: scale(var(--scale-image)) rotate(var(--rotate-image-deg));
}

.image-left-rotation {
    transform: scale(var(--scale-image)) rotate(var(--rotate-image-minus-deg));
}

.small-text {
    font: var(--small-text);
}

.small-text-regular {
    font: var(--small-text-regular);
}

.dark-green-text-color {
    color: var(--dark-green);
}

.tiny-text-custom-font {
    font: var(--tiny-text-custom-font);
    text-transform: uppercase;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .wp-block-stackable-columns.full-width-mobile.alignfull>.stk-row:not(.alignfull) {
        width: var(--full-width) !important;
    }
}

/*Add space above page title*/
h1.page-title {
    margin-top: 50px;
}

/*--- Footer ---*/
/*Make columns in footer only take on the width of their content*/
@media (min-width: 768px) {
    #footer .footer-columns .footer-column {
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: auto !important;
        width: auto !important;
        /* Optional to ensure no width restriction */
    }

    #footer .footer-columns .stk-row:not(.social-media-icons-footer .stk-row) {
        justify-content: space-between;
    }
}

/*--- Header ---*/
/*Adjust social media icons on offcanvas menu*/
#offcanvas .ct-header-socials .ct-icon-container {
    width: 40px;
    height: 40px;
}

/*--- Banner Above Header ---*/
/*Align reviews*/
.banner-above-header .reviews {
    display: flex;
    gap: 10px;
}

/*Resize image*/
.banner-above-header img {
    width: 20px;
}

/*Optimize for mobile and tablet*/
@media (max-width: 767px) {
    .banner-above-header.gspb_container {
        --gap: 3rem !important;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .banner-above-header.gspb_container {
        --gap: 5rem !important;
    }
}

/*======================================
  *** Homepage Styles ***
======================================*/

/*--- Sustainability Section ---*/

/* Animations */

/* Snowflake falling animation */
@keyframes snowflake-fall {
    0% {
        transform: translateY(-100px);
        /* Start at the original position */
        opacity: 0.5;
    }

    100% {
        transform: translateY(0);
        /* Move down */
        opacity: 1;
    }
}

/* Snowflake rotation on hover */
@keyframes rotate-snowflake {
    0% {
        transform: rotate(0deg);
        /* Starting at the original position */
    }

    50% {
        transform: rotate(45deg);
        /* Rotate right to 45 degrees */
    }

    100% {
        transform: rotate(0deg);
        /* Rotate back to the original position */
    }
}

/* Snowflake styles */
.snowflake {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    /* Behind content */
    transition:
        transform 0.1s ease-in-out,
        opacity 0.3s ease-in-out;
    opacity: 0;
}

.snowflake.falling {
    animation: snowflake-fall 3s ease-out forwards;
    /* Play falling animation */
}

/* Hover effect for rotating snowflakes */
.snowflake:hover {
    animation: rotate-snowflake 0.6s ease-in-out;
}

/* Snowflake sizes */
.snowflake.big {
    background-image: url("../images/big-snowflake.png");
}

.snowflake.medium {
    width: clamp(32px, 6vw, 55px);
    height: clamp(35px, 6vw, 60px);
    background-image: url("../images/medium-snowflake.svg");
}

.snowflake.small {
    width: clamp(30px, 4vw, 40px);
    height: clamp(30px, 4vw, 40px);
    background-image: url("../images/small-snowflake.svg");
}

@media (min-width: 768px) {

    /* Individual snowflake positions */
    .snowflake:nth-child(1) {
        width: clamp(45px, 8vw, 87px);
        height: clamp(45px, 8vw, 87px);
        top: calc(15vw - 100px);
        left: 0;
    }

    .snowflake:nth-child(2) {
        width: clamp(45px, 6vw, 55px);
        height: clamp(45px, 6vw, 60px);
        bottom: 15%;
        right: 3%;
    }

    .snowflake:nth-child(3) {
        bottom: 20%;
        left: calc(25vw - 225px);
    }

    .snowflake:nth-child(4) {
        top: 25%;
        right: 40%;
    }

    .snowflake:nth-child(5) {
        bottom: 25%;
        right: 35%;
    }

    .snowflake:nth-child(6) {
        top: 15%;
        right: 15%;
    }
}

@media (max-width: 767px) {

    /* Individual snowflake positions */
    .snowflake:nth-child(1) {
        width: clamp(45px, 8vw, 87px);
        height: clamp(45px, 8vw, 87px);
        top: calc(15vw - 35px);
        left: 0;
    }

    .snowflake:nth-child(2) {
        height: clamp(35px, 6vw, 60px);
        width: clamp(35px, 6vw, 60px);
        bottom: 15%;
        right: 3%;
    }

    .snowflake:nth-child(3) {
        bottom: 20%;
        left: calc(25vw - 80px);
    }

    .snowflake:nth-child(4) {
        bottom: 32%;
        right: 25%;
    }

    .snowflake:nth-child(5) {
        bottom: 35%;
        left: 5%;
    }

    .snowflake:nth-child(6) {
        top: 15%;
        right: 15%;
    }
}

/*--- Product Loop ---*/
/*Remove bottom margin*/
.home div.woocommerce.columns-3 {
    margin-bottom: 0;
}

/*======================================
  *** Shop Archive Page Styles ***
======================================*/

/*--- Hero Section Styling ---*/
body.post-type-archive-product .hero-section-shop-archive-page {
    width: 100vw;
    margin-left: min(calc((100vw - 1290px) / 2 * -1), -5vw);
}

@media (max-width: 689px) {
    body.post-type-archive-product .hero-section-shop-archive-page {
        margin-left: -6vw;
    }
}

/*--- Custom Image in Product Loop ---*/

/*Make Image Full-Height*/
li.custom-product-card .custom-product-card-wrapper {
    height: 100%;
    display: flex;
    background-size: cover;
}

/* Set Image for First Custom Card*/
li.custom-product-card.first .custom-product-card-wrapper {
    background-image: url("../images/frau-mit-erdbeerbeuteln.png");
}

/*Set Image for Second Custom Card*/
li.custom-product-card.second .custom-product-card-wrapper {
    background-image: url("../images/frau-mit-zwei-erdbeerscheiben.png");
}

/*Hide One Image on Tablet*/
@media (min-width: 768px) and (max-width: 1000px) {

    /*li.custom-product-card.second {
        display: none;
    }*/
    li.custom-product-card {
        display: none;
    }
}

/*Hide Both Images on Mobile*/
@media (max-width: 767px) {
    li.custom-product-card {
        display: none;
    }
}

/*--- Badges ---*/

/* Badges Wrapper */
li.type-product .badges-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}

/* Badges Styling */
li.type-product .variation-stock-badge,
li.type-product .custom-discount-badge {
    display: none;
    padding: 5px 10px;
    border-radius: var(--border-radius-medium);
    font: var(--small-text);
}

li.type-product .variation-stock-badge {
    background-color: var(--white);
    color: var(--dark-green);
}

li.type-product .custom-discount-badge {
    background-color: var(--light-green);
    color: var(--white);
}

li.type-product .variation-stock-badge.visible,
li.type-product .custom-discount-badge.visible {
    display: inline-block;
}

li.type-product .fruit-explosion-wrapper.out-of-stock {
    opacity: 0.5;
}

/*--- Reviews Styling ---*/
li.type-product .product-reviews-badge-wrapper {
    position: absolute;
    top: 17px;
    text-align: left;
}

li.type-product .jdgm-widget {
    margin-bottom: 10px;
}

/*--- Add-to-Cart Button & Price ---*/

/* Hide View-Cart Button */
li.type-product .added_to_cart {
    display: none;
}

/* Hide Cart Icon During Loading */
li.type-product .add_to_cart_button {
    min-height: auto;
    width: 50px;
    height: 50px;
    padding: 0px;
    border-radius: 100px;
}

li.type-product .add_to_cart_button.loading .custom-add-to-cart-icon {
    display: none;
    /* Hide the cart icon during loading */
}

/*Style Out-of-Stock Button*/
li.type-product .add_to_cart_button.out-of-stock {
    background-color: var(--white);
}

/* Temporary Fix - Hide Original Add-to-Cart Button */
li.type-product .ct-woo-card-actions {
    display: none;
}

/* Price Styling */
li.type-product .product-price {
    margin-right: 10px;
}

li.type-product .product-price .woocommerce-Price-amount {
    font: var(--h4-font);
}

/* Crossed-out prices */
li.type-product .product-price del .woocommerce-Price-amount {
    font: var(--tiny-text);
}

li.type-product .sale-price del {
    font-size: 100%;
    opacity: 1;
    color: var(--dark-gray)
}

li.type-product .price-per-kg {
    font: var(--tiny-text);
    color: var(--dark-gray);
}

/* Add-to-Cart and Read More Button Styling */
li.type-product .custom-add-to-cart-icon,
li.type-product .custom-arrow-icon {
    height: 25px;
}

li.type-product .custom-card-actions {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

/* Variation Swatches Styling */
li.type-product .ct-swatch-container {
    border-radius: var(--border-radius-medium);
}

li.type-product .ct-swatch-container .ct-swatch {
    font: var(--small-text);
}

/*--- Product Card Styling ---*/

/*Resize product image*/
li.type-product figure a.ct-media-container img {
    transform: scale(0.9);
    /* Use transform instead of scale */
    overflow: visible;
    padding-top: 80px;
    /*Make space for wishlist and review stars*/
    aspect-ratio: 1/1.125 !important;
    max-height: 500px;
}

/*Align product info to left*/
[data-products] li.type-product.product {
    align-items: flex-start;
}

/*--- Colors ---*/

/*Bananas*/
li.type-product.freeze-dried-bananas {
    background-image: url("../images/product-card-background-bananas.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-bananas .woocommerce-loop-product__title {
    color: var(--bananas-text-color);
}

li.type-product.freeze-dried-bananas [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--bananas-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-bananas [data-swatches-type="button"] .ct-swatch {
    border-color: var(--bananas-text-color);
    color: var(--bananas-text-color);
}

/*Berries*/
li.type-product.berry-bundle {
    background-image: url("../images/product-card-background-berries.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.berry-bundle .woocommerce-loop-product__title {
    color: var(--berries-text-color);
}

li.type-product.berry-bundle [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--berries-text-color);
    color: var(--white);
}

li.type-product.berry-bundle [data-swatches-type="button"] .ct-swatch {
    border-color: var(--berries-text-color);
    color: var(--berries-text-color);
}

/*Bestseller*/
li.type-product.bestseller-bundle {
    background-image: url("../images/product-card-background-bestseller.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.bestseller-bundle .woocommerce-loop-product__title {
    color: var(--bestseller-text-color);
}

li.type-product.bestseller-bundle [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--bestseller-text-color);
    color: var(--white);
}

li.type-product.bestseller-bundle [data-swatches-type="button"] .ct-swatch {
    border-color: var(--bestseller-text-color);
    color: var(--bestseller-text-color);
}

/*Blackberries*/
li.type-product.freeze-dried-blackberries {
    background-image: url("../images/product-card-background-blackberries.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-blackberries .woocommerce-loop-product__title {
    color: var(--blackberries-text-color);
}

li.type-product.freeze-dried-blackberries [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--blackberries-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-blackberries [data-swatches-type="button"] .ct-swatch {
    border-color: var(--blackberries-text-color);
    color: var(--blackberries-text-color);
}

/*Blueberries*/
li.type-product.freeze-dried-blueberries {
    background-image: url("../images/product-card-background-blueberries.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-blueberries .woocommerce-loop-product__title {
    color: var(--blueberries-text-color);
}

li.type-product.freeze-dried-blueberries [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--blueberries-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-blueberries [data-swatches-type="button"] .ct-swatch {
    border-color: var(--blueberries-text-color);
    color: var(--blueberries-text-color);
}

/*Jackfruit*/
li.type-product.freeze-dried-jackfruit {
    background-image: url("../images/product-card-background-jackfruit.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-jackfruit .woocommerce-loop-product__title {
    color: var(--jackfruit-text-color);
}

li.type-product.freeze-dried-jackfruit [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--jackfruit-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-jackfruit [data-swatches-type="button"] .ct-swatch {
    border-color: var(--jackfruit-text-color);
    color: var(--jackfruit-text-color);
}

/*Pineapple*/
li.type-product.freeze-dried-pineapple {
    background-image: url("../images/product-card-background-pineapple.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-pineapple .woocommerce-loop-product__title {
    color: var(--pineapple-text-color);
}

li.type-product.freeze-dried-pineapple [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--pineapple-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-pineapple [data-swatches-type="button"] .ct-swatch {
    border-color: var(--pineapple-text-color);
    color: var(--pineapple-text-color);
}

/*Raspberries*/
li.type-product.freeze-dried-raspberries {
    background-image: url("../images/product-card-background-raspberries.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-raspberries .woocommerce-loop-product__title {
    color: var(--raspberries-text-color);
}

li.type-product.freeze-dried-raspberries [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--raspberries-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-raspberries [data-swatches-type="button"] .ct-swatch {
    border-color: var(--raspberries-text-color);
    color: var(--raspberries-text-color);
}

/*Strawberries*/
li.type-product.freeze-dried-strawberries {
    background-image: url("../images/product-card-background-strawberries.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-strawberries .woocommerce-loop-product__title {
    color: var(--strawberry-text-color);
}

li.type-product.freeze-dried-strawberries [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--strawberry-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-strawberries [data-swatches-type="button"] .ct-swatch {
    border-color: var(--strawberry-text-color);
    color: var(--strawberry-text-color);
}

/*Mango*/
li.type-product.freeze-dried-mango {
    background-image: url("../images/product-card-background-mango.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.freeze-dried-mango .woocommerce-loop-product__title {
    color: var(--mango-text-color);
}

li.type-product.freeze-dried-mango [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--mango-text-color);
    color: var(--white);
}

li.type-product.freeze-dried-mango [data-swatches-type="button"] .ct-swatch {
    border-color: var(--mango-text-color);
    color: var(--mango-text-color);
}

/*Tropic*/
li.type-product.tropic-bundle {
    background-image: url("../images/product-card-background-tropic.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

li.type-product.tropic-bundle .woocommerce-loop-product__title {
    color: var(--tropic-text-color);
}

li.type-product.tropic-bundle [data-swatches-type="button"]>*.active .ct-swatch {
    background-color: var(--tropic-text-color);
    color: var(--white);
}

li.type-product.tropic-bundle [data-swatches-type="button"] .ct-swatch {
    border-color: var(--tropic-text-color);
    color: var(--tropic-text-color);
}

/*--- Wishlist Styling ---*/
li.type-product .ct-wishlist-button-archive .ct-icon-container::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

li.type-product .ct-wishlist-button-archive[data-button-state=""] .ct-icon-container::before {
    background-image: url("../images/icons/wishlist-icon.svg");
}

li.type-product .ct-wishlist-button-archive[data-button-state="active"] .ct-icon-container::before {
    background-image: url("../images/icons/wishlist-icon-full.svg");
}

li.type-product .ct-wishlist-button-archive .ct-icon-container svg {
    display: none;
}

/*======================================
  *** Product Detail Page Styles ***
======================================*/

/*--- Product Summary ---*/

body.single-product .product_cat-gefriergetrocknete-fruechte:not(.product_cat-bundles) .woocommerce-product-details__short-description p::before {
    content: url("../images/icons/arrow.svg");
    width: 23px;
    /* Set your desired width */
    margin-right: 10px;
    /* Space between icon and text */
    vertical-align: middle;
    /* Align icon with text */
}

.woocommerce-product-details__short-description p {
    margin-bottom: 10px;
}

/*Add-to-Cart Button*/
body.single-product div.summary .ct-cart-actions .quantity {
    background-color: var(--off-white-background-color);
    border-radius: var(--border-radius-small);
}

/*Price*/
body.single-product div.summary .price-per-kg {
    font: var(--small-text);
    color: var(--dark-gray);
    line-height: var(--theme-line-height);
}

body.single-product div.summary .variation-price {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

body.single-product div.summary .price-amount-wrapper {
    margin-right: 20px;
}

/*Hide Default Variation Price*/
body.single-product div.summary .woocommerce-variation.single_variation .woocommerce-variation-price {
    display: none;
}

/*Additional Info*/
body.single-product div.summary .ct-product-additional-info {
    padding: 20px;
}

/*--- Product Tabs ---*/
body.single-product.woocommerce div.woocommerce-tabs .tabs.wc-tabs {
    display: none;
}

/*--- Colors ---*/

/*Bananas*/
body.single-product div.ct-container-full div.freeze-dried-bananas {
    background-color: var(--bananas-background-color);
}

body.single-product div.freeze-dried-bananas div.summary .product_title {
    color: var(--bananas-text-color);
}

body.single-product div.freeze-dried-bananas div.summary .ct-product-additional-info {
    background-color: var(--bananas-light-background-color);
}

body.single-product div.freeze-dried-bananas div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-bananas div.summary .custom-labels svg path.line {
    fill: var(--bananas-text-color);
}

/*Berries*/
body.single-product div.ct-container-full div.berry-bundle {
    background-color: var(--berries-background-color);
}

body.single-product div.berry-bundle div.summary .product_title {
    color: var(--berries-text-color);
}

body.single-product div.berry-bundle div.summary .ct-product-additional-info {
    background-color: var(--berries-light-background-color);
}

body.single-product div.berry-bundle div.summary .custom-labels svg path.circle,
body.single-product div.berry-bundle div.summary .custom-labels svg path.line {
    fill: var(--berries-light-color);
}

/*Bestseller*/
body.single-product div.ct-container-full div.bestseller-bundle {
    background-color: var(--bestseller-background-color);
}

body.single-product div.bestseller-bundle div.summary .product_title {
    color: var(--bestseller-text-color);
}

body.single-product div.bestseller-bundle div.summary .ct-product-additional-info {
    background-color: var(--bestseller-light-background-color);
}

body.single-product div.bestseller-bundle div.summary .custom-labels svg path.circle,
body.single-product div.bestseller-bundle div.summary .custom-labels svg path.line {
    fill: var(--bestseller-light-color);
}

/*Blackberries*/
body.single-product div.ct-container-full div.freeze-dried-blackberries {
    background-color: var(--blackberries-background-color);
}

body.single-product div.freeze-dried-blackberries div.summary .product_title {
    color: var(--blackberries-text-color);
}

body.single-product div.freeze-dried-blackberries div.summary .ct-product-additional-info {
    background-color: var(--blackberries-light-background-color);
}

body.single-product div.freeze-dried-blackberries div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-blackberries div.summary .custom-labels svg path.line {
    fill: var(--blackberries-light-color);
}

/*Blueberries*/
body.single-product div.ct-container-full div.freeze-dried-blueberries {
    background-color: var(--blueberries-background-color);
}

body.single-product div.freeze-dried-blueberries div.summary .product_title {
    color: var(--blueberries-text-color);
}

body.single-product div.freeze-dried-blueberries div.summary .ct-product-additional-info {
    background-color: var(--blueberries-light-background-color);
}

body.single-product div.freeze-dried-blueberries div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-blueberries div.summary .custom-labels svg path.line {
    fill: var(--blueberries-light-color);
}

/*Jackfruit*/
body.single-product div.ct-container-full div.freeze-dried-jackfruit {
    background-color: var(--jackfruit-background-color);
}

body.single-product div.freeze-dried-jackfruit div.summary .product_title {
    color: var(--jackfruit-text-color);
}

body.single-product div.freeze-dried-jackfruit div.summary .ct-product-additional-info {
    background-color: var(--jackfruit-light-background-color);
}

body.single-product div.freeze-dried-jackfruit div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-jackfruit div.summary .custom-labels svg path.line {
    fill: var(--jackfruit-light-color);
}

/*Mango*/
body.single-product div.ct-container-full div.freeze-dried-mango {
    background-color: var(--mango-background-color);
}

body.single-product div.freeze-dried-mango div.summary .product_title {
    color: var(--mango-text-color);
}

body.single-product div.freeze-dried-mango div.summary .ct-product-additional-info {
    background-color: var(--mango-light-background-color);
}

body.single-product div.freeze-dried-mango div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-mango div.summary .custom-labels svg path.line {
    fill: var(--mango-light-color);
}

/*Pineapple*/
body.single-product div.ct-container-full div.freeze-dried-pineapple {
    background-color: var(--pineapple-background-color);
}

body.single-product div.freeze-dried-pineapple div.summary .product_title {
    color: var(--pineapple-text-color);
}

body.single-product div.freeze-dried-pineapple div.summary .ct-product-additional-info {
    background-color: var(--pineapple-light-background-color);
}

body.single-product div.freeze-dried-pineapple div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-pineapple div.summary .custom-labels svg path.line {
    fill: var(--pineapple-light-color);
}

/*Raspberries*/
body.single-product div.ct-container-full div.freeze-dried-raspberries {
    background-color: var(--raspberries-background-color);
}

body.single-product div.freeze-dried-raspberries div.summary .product_title {
    color: var(--raspberries-text-color);
}

body.single-product div.freeze-dried-raspberries div.summary .ct-product-additional-info {
    background-color: var(--raspberries-light-background-color);
}

body.single-product div.freeze-dried-raspberries div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-raspberries div.summary .custom-labels svg path.line {
    fill: var(--raspberries-light-color);
}

/*Strawberries*/
body.single-product div.ct-container-full div.freeze-dried-strawberries {
    background-color: var(--strawberry-background-color);
}

body.single-product div.freeze-dried-strawberries div.summary .product_title {
    color: var(--strawberry-text-color);
}

body.single-product div.freeze-dried-strawberries div.summary .ct-product-additional-info {
    background-color: var(--strawberry-light-background-color);
}

body.single-product div.freeze-dried-strawberries div.summary .custom-labels svg path.circle,
body.single-product div.freeze-dried-strawberries div.summary .custom-labels svg path.line {
    fill: var(--strawberry-text-color);
}

/*Tropic*/
body.single-product div.ct-container-full div.tropic-bundle {
    background-color: var(--tropic-background-color);
}

body.single-product div.tropic-bundle div.summary .product_title {
    color: var(--tropic-text-color);
}

body.single-product div.tropic-bundle div.summary .ct-product-additional-info {
    background-color: var(--tropic-light-background-color);
}

body.single-product div.tropic-bundle div.summary .custom-labels svg path.circle,
body.single-product div.tropic-bundle div.summary .custom-labels svg path.line {
    fill: var(--tropic-text-color);
}

/*--- Variation Swatches ---*/
body.single-product div.summary .ct-variation-swatches {
    gap: 30px;
}

body.single-product div.summary .label {
    font: var(--tiny-text);
}

body.single-product div.summary [data-swatches-type="button"]>*.active .ct-swatch {
    border: 2px solid var(--light-green);
}

body.single-product div.summary [data-swatches-type="button"] .ct-swatch {
    background-color: var(--off-white-background-color);
    color: var(--dark-green);
    width: 70px;
    height: 70px;
    font: var(--tiny-text-regular);
    border: none;
}

/* Style bundle swatches */
body.single-product div.product_cat-bundles div.summary [data-swatches-type="button"] .ct-swatch {
    width: 140px;
    height: 50px;
}

body.single-product div.summary .ct-swatch-container {
    text-align: center;
}

/*--- Bundle Content ---*/
body.single-product .bundle-large,
body.single-product .bundle-small {
    display: none;
}

/* Make bundle content scrollable on mobile*/
@media (max-width: 767px) {
    body.single-product .bundle-content {
        overflow-x: auto;
    }

    body.single-product .bundle-content .stk-row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    body.single-product .bundle-content .stk-column {
        flex: 0 0 auto;
        min-width: 35%;
        scroll-snap-align: start;
    }
}

/*Berry Bundle*/
body.single-product .bundle-content-berry {
    background-image: url("../images/bundle-content-background-berry.svg");
}

body.single-product .bundle-content-berry-strawberry {
    background-image: url("../images/product-card-background-strawberries.svg");
}

body.single-product .bundle-content-berry-raspberry {
    background-image: url("../images/product-card-background-raspberries.svg");
}

body.single-product .bundle-content-berry-blackberry {
    background-image: url("../images/product-card-background-blackberries.svg");
}

body.single-product .bundle-content-berry-blueberry {
    background-image: url("../images/product-card-background-blueberries.svg");
}

/*Tropic Bundle*/
body.single-product .bundle-content-tropic {
    background-image: url("../images/bundle-content-background-tropic.svg");
}

body.single-product .bundle-content-tropic-mango {
    background-image: url("../images/product-card-background-mango.svg");
}

body.single-product .bundle-content-tropic-pineapple {
    background-image: url("../images/product-card-background-pineapple.svg");
}

body.single-product .bundle-content-tropic-banana {
    background-image: url("../images/product-card-background-bananas.svg");
}

body.single-product .bundle-content-tropic-jackfruit {
    background-image: url("../images/product-card-background-jackfruit.svg");
}

/*--- Nutritional Table ---*/

#nutritional-table tr {
    font: var(--small-text);
    border-top: transparent;
}

#nutritional-table th:nth-child(1),
#nutritional-table td:nth-child(1) {
    width: 35%;
    /* Adjust the width for the first column (Nährwerte) */
}

#nutritional-table tr:nth-of-type(3) td,
#nutritional-table tr:nth-of-type(5) td {
    font: var(--tiny-text);
}

#nutritional-table thead th {
    text-align: left;
    font: var(--tiny-text-custom-font);
    text-transform: uppercase;
}

/* Remove vertical lines (no borders between columns) */
#nutritional-table td,
#nutritional-table th {
    border-right: none;
    border-left: none;
}

#nutritional-table table {
    border: none;
}

.wp-block-stackable-tab-labels.stk-block-tab-labels {
    overflow-x: auto;
    scrollbar-width: thin;
    display: flex;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    /* Hides scrollbar in IE and Edge */
    scrollbar-width: none;
    /* Hides scrollbar in Firefox */
}

/* Hide scrollbar for Webkit browsers (Chrome, Safari) */
.wp-block-stackable-tab-labels.stk-block-tab-labels::-webkit-scrollbar {
    display: none;
}

.stk-block-tab-labels:not(.stk-block-tab-labels--wrap-mobile) .stk-block-tab-labels__wrapper {
    flex-wrap: nowrap;
    /* Prevents wrapping */
}

.stk-block-tabs__tab {
    flex: 0 0 auto;
    /* Prevents tabs from stretching */
    white-space: nowrap;
    /* Ensures text doesn’t wrap */
    scroll-snap-align: start;
    /* Enables snapping */
}

/*--- Text Above Product Title ---*/
body.single-product .summary .text-before-product-title {
    font: var(--h2-font);
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--dark-green);
}

/*Spacing*/
body.single-product div.ct-container-full div.product {
    padding-top: var(--custom-content-spacing);
}

/*======================================
  *** Thank You Page Styles ***
======================================*/

/*--- Bank Details Section ---*/

/*Text Styling*/
body.woocommerce-order-received div.woocommerce-order span.bank-details-thank-page-heading {
    color: var(--theme-headings-color);
    font-weight: 600;
    font-size: 15px;
}

/*======================================
  *** Header ***
======================================*/
/*--- Country Switcher ---*/

/* Desktop */
.country-switcher-container {
    position: relative;
    display: flex;
    height: 100px;
    margin-bottom: 0px;
}

header .entry-content p {
    margin-bottom: 0px;
}

.country-current {
    display: flex;
    align-items: center;
}

.country-dropdown {
    position: absolute;
    top: 100%;
    left: -16px;
    background-color: white;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    z-index: 10;
    display: none;
}

.country-dropdown {
    padding: 12px 16px;
    white-space: nowrap;
    width: 100%;
    box-sizing: content-box;
}

.country-dropdown li a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.country-dropdown li:hover {
    background-color: var(--white);
}

.country-switcher-container img {
    width: 25px;
    height: auto;
    margin-right: 8px;
}

.country-switcher-container span {
    font: var(--header-text);
    text-transform: uppercase;
    color: var(--theme-text-color);
}

/*Mobile*/
.mobile-country-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-around;
    position: absolute;
    top: 16px;
}

@media (min-width: 768px) {
    .mobile-country-tabs {
        top: 26px;
    }
}

.mobile-country-tabs-title {
    flex: 1;
    text-align: center;
    padding-bottom: 10px;
    margin-right: 25px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-country-tabs-title a {
    text-decoration: none;
    color: var(--dark-green);
    font: var(--header-text);
    display: flex;
    align-items: center;
}

.mobile-country-tabs-title img.mobile-country-flag {
    width: 20px;
    height: auto;
    margin-right: 8px;
    /* Space between flag and text */
}

.mobile-country-tabs-title.is-active {
    border-bottom: 2px solid var(--dark-green);
}

#offcanvas .entry-content p {
    margin-bottom: 0;
}

#offcanvas .ct-panel-content-inner {
    padding-top: 35px;
}