/*
    5 - WP Blocks styling file.
 */

/* 5.x wp-block-theme-collapsible */

.wp-block-theme-collapsible {
    border-width: 2px;
    margin-bottom: 1em;
    padding: 1em 1em 0;
}
.wp-block-theme-collapsible .collapsible-title {
    color: var(--color-alpha);
    font-family: var(--font-family-h);
    padding: 0 0 1em;
    text-transform: uppercase;
}
.wp-block-theme-collapsible .collapsible-title i {
    padding-right: 0.5em;
}

/* 5.x wp-block-theme-nutrition-info */

.wp-block-theme-nutrition-info {
    padding-bottom: 1em;
}
.wp-block-theme-nutrition-info .wp-block-theme-nutrition-detail:first-child {
    padding-bottom: 1em;
}

/* 5.x wp-block-theme-linked-image-text */
.wp-block-theme-linked-image-text {
    border-width: 8px;
    height: 100%;
    padding: 1em;
}
.wp-block-theme-linked-image-text p {
    color: var(--color-alpha);
    font-family: var(--font-family-h);
}
.wp-block-theme-linked-image-text a {
    gap: 0;
    text-decoration: none;    
}
.wp-block-theme-linked-image-text .wp-block-image {
    border-bottom: 1px solid var(--gray-medium);
    padding-bottom: 0.5em;
    text-align: center;
}

/* 5.x wp-block-theme-faq */

.wp-block-theme-faq {
    border: 8px solid var(--color-alpha);
    border-radius: var(--border-radius);
    margin-bottom: 1em;
    padding: 1em;
}

.wp-block-theme-faq h2.wp-block-heading {
    color: var(--color-alpha);
    font-size: var(--font-size-lg);
    text-transform: uppercase;
}

.wp-block-theme-faq h3.faq-heading {
    font-size: var(--font-size);
    margin: 0;
}

.wp-block-theme-faq h3 > i.faq-icon {
    color: var(--color-alpha);
    padding-right: 0.5em;
}

.wp-block-theme-faq div.faq-body {
    padding-left: 23px;
}

/* 5.x wp-block-theme-simple-slider */
.wp-block-theme-simple-slider .splide__arrows {
    display: none;
}
.wp-block-theme-simple-slider ul.splide__pagination {
    bottom: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
.wp-block-theme-simple-slider ul.splide__pagination button.splide__pagination__page {
    background: var(--white);
    height: 5px;
    padding: 0 30px;
    margin: 0 10px;
}

.wp-block-theme-simple-slider ul.splide__pagination button.splide__pagination__page.is-active {
    background: var(--color-alpha);
}

/* 5.x wp-block-theme-social-share */
.wp-block-theme-social-share:before {
    color: green;
    content:"Share";
    font-family: var(--font-family-h);
    padding-top:1em;
    text-transform:uppercase;
}
.wp-block-theme-social-share i {
    background: var(--color-alpha);
    border-radius: 1em;
    color: var(--white);
    height: 1.5em;
    line-height: 1.5em;
    text-align: center;
    width: 1.5em;
}
@media (hover: hover) {
    .wp-block-theme-social-share i:hover {
        background: var(--white);
        border-radius: 1em;
        color: var(--color-alpha);
        height: 1.5em;
        line-height: 1.5em;
        text-align: center;
        width: 1.5em;
    }    
}

/* 5.x wp-block-theme-linked-hover-image */
.wp-block-theme-linked-hover-image {
    border: none;
}
.wp-block-theme-linked-hover-image a.grid {
    gap: 0;
    text-decoration: none;
}
.wp-block-theme-linked-hover-image figure.wp-block-image {
    margin: 0;
}
.wp-block-theme-linked-hover-image figure.wp-block-image img {
    border-top: 8px solid var(--color-alpha);
    border-left: 8px solid var(--color-alpha);
    border-right: 8px solid var(--color-alpha);
    border-radius: 1em 1em 0 0;
}
.wp-block-theme-linked-hover-image figure.wp-block-video {
    background-color: var(--color-alpha);
    border-top: 8px solid var(--color-alpha);
    border-left: 8px solid var(--color-alpha);
    border-right: 8px solid var(--color-alpha);
    border-radius: 1em 1em 0 0;
    margin: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
}
.wp-block-theme-linked-hover-image p {
    color: var(--white);
    margin: -1px auto 0 auto;
    padding: 1em;
    background: var(--color-alpha);
    display: block;
    width: 100%;
    border-radius: 0 0 1em 1em;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--font-family-h);
}

/* 5.x wp-block-query */
.wp-block-query .wp-block-post-title {
    text-align: center;
}
.wp-block-query a {
    color: var(--color-alpha);
    font-family: var(--font-family-h);
    font-size: var(--font-size-h4);
    line-height: 1.25;
    text-transform: uppercase;
}
.wp-block-query a:hover {
    color: var(--color-alpha);
    text-decoration: none;
}
.wp-block-query.products-grid figure.wp-block-post-featured-image {
    margin-bottom: 0;
}
@media all and (max-width: 781px) {
    .wp-block-query > .wp-block-post-template.is-layout-grid {
        grid-template-columns: 1fr 1fr !important;
    }
} 
@media (hover: hover) {
    .wp-block-query li:hover {
        outline: 8px solid var(--color-alpha);
        border-radius: 1em;
    }
    .wp-block-query li:hover figure {
        border-radius: 1em 1em 0 0;
        overflow:hidden;
    }
}
/* shopwp block */
@media all and (min-width: 601px) {
    .swp-items-wrapper input.swp-quantity-input {
        height: 1em;
    }
}
.swp-items-wrapper button.swp-product-variant-button {
    border: 1px solid var(--black);
    font-family: var(--font-family);
    font-size: var(--font-size-sm) !important;
    padding: 0 0.5em ! important;
}
.swp-items-wrapper button:focus {
    outline-color: var(--color-alpha) !important;
}
.swp-items-wrapper button.css-1c0d0ch-ProductVariantButtonValueButtonCSS,
.swp-items-wrapper button.css-1c0d0ch-ProductVariantButtonValueButtonCSS:hover,
.swp-items-wrapper button.css-1c0d0ch-ProductVariantButtonValueButtonCSS:focus {
    background-color: var(--color-alpha);
    border: 1px solid var(--color-alpha);
}
.swp-items-wrapper button.swp-btn-add-to-cart {
    margin: 0;
    padding: 0;
}
.swp-items-wrapper .slick-arrow {
    background-color: var(--color-alpha) !important;
    top: 30% !important;
}
.swp-cart-close-button {
    height: auto !important;
}
.swp-cart-close-button:focus {
    outline: none !important;
}
.swp-cart-counter {
    display: none !important;
}
.swp-cart-icon-fixed {
    height: 60px !important;
    bottom: 1em !important;
    top: auto !important;
    border: 1px solid var(--white) !important;
    border-width: 1px 0 1px 1px !important;
    z-index: 999 !important;
}

/* 5.x image-with-overlay */
.wp-block-group.image-with-overlay {
    position: relative;
}
.wp-block-group.image-with-overlay img {
    margin:0;
    width: 100%;
}
.wp-block-group.image-with-overlay .wp-block-group.has-black-background-color {
    background-color: rgba(0, 0, 0, 0.6) !important;
    bottom: 0;
    padding: 1.5em 2em 1em 2em;
    position: absolute;
    width: 100%;
}
.wp-block-group.image-with-overlay figure.wp-block-image {
    margin: 0;
}
.wp-block-group.image-with-overlay h2,
.wp-block-group.image-with-overlay p {
    margin-bottom: 0.5em;
}
@media all and (max-width: 781px) {
    .wp-block-group.image-with-overlay .wp-block-group.has-black-background-color {
        background-color: rgba(0, 0, 0, 0.9) !important;
        position: relative;
    }    
}

/* 5.x wp-block-theme-product-claims */
@media all and (max-width: 479px) {
    .wp-block-theme-product-claims.flex {
        gap: 10px;
        justify-content: center;
    }
}