/*
 * SEED Product Card V3
 * Divi 5 + WooCommerce
 *
 * Shop page
 * Product category pages
 * Product archive
 * Related products
 *
 * The JavaScript adds .seed-card-v3 to each supported card.
 */


/* ==========================================================
   PRODUCT CARD
   ========================================================== */

.woocommerce ul.products li.product.seed-card-v3,
ul.products li.product.seed-card-v3 {

    position: relative;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    padding: 12px !important;

    background: #fff !important;

    border: 1px solid #d5d5d5 !important;
    border-radius: 18px !important;

    overflow: hidden;

    box-sizing: border-box;

    min-width: 0;

    opacity: 1 !important;
}


/* Prevent Divi hover effects from fading links */

.seed-card-v3 a,
.seed-card-v3 a:hover,
.seed-card-v3 a:focus {

    opacity: 1 !important;
}


/* Prevent Divi card transforms / shadows */

.woocommerce ul.products li.product.seed-card-v3:hover,
ul.products li.product.seed-card-v3:hover {

    transform: none !important;
}


/* ==========================================================
   PRODUCT IMAGE LINK
   ========================================================== */

.seed-card-v3
> a.woocommerce-LoopProduct-link {

    display: block !important;

    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 0 7px !important;

    border-bottom: 1px solid #c9c9c9 !important;

    overflow: visible !important;

    box-sizing: border-box;
}


/* ==========================================================
   DIVI 5 IMAGE WRAPPER
   Divi 5:
   a
     span.et_shop_image
       img
       span.et_overlay
   ========================================================== */

.seed-card-v3
> a.woocommerce-LoopProduct-link
> .et_shop_image {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    aspect-ratio: 1 / 1;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    position: relative;
}


/* Divi 5 image */

.woocommerce ul.products li.product.seed-card-v3
> a.woocommerce-LoopProduct-link
> .et_shop_image
> img,

ul.products li.product.seed-card-v3
> a.woocommerce-LoopProduct-link
> .et_shop_image
> img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/*
 * Fallback in case WooCommerce outputs the image directly
 * without Divi's .et_shop_image wrapper.
 */

.woocommerce ul.products li.product.seed-card-v3
> a.woocommerce-LoopProduct-link
> img,

ul.products li.product.seed-card-v3
> a.woocommerce-LoopProduct-link
> img {

    display: block !important;

    width: 100% !important;
    height: auto !important;

    aspect-ratio: 1 / 1;

    object-fit: contain !important;

    margin: 0 !important;
}


/* Disable Divi image hover overlay */

.seed-card-v3 .et_overlay {

    display: none !important;

    opacity: 0 !important;
}


/* ==========================================================
   PRODUCT NAME
   ========================================================== */

.woocommerce ul.products li.product.seed-card-v3
.woocommerce-loop-product__title,

ul.products li.product.seed-card-v3
.woocommerce-loop-product__title {

    margin: 0 !important;

    padding: 0 0 3px !important;

    font-size: 16px !important;
    line-height: 1.1 !important;

    font-weight: 700 !important;

    letter-spacing: 0 !important;

    color: #000 !important;
}


.seed-card-v3
.woocommerce-loop-product__title a {

    display: block;

    margin: 0 !important;
    padding: 0 !important;

    color: #000 !important;

    font-size: inherit !important;
    line-height: inherit !important;

    font-weight: inherit !important;

    text-decoration: none !important;

    opacity: 1 !important;
}


/* ==========================================================
   BRAND + SIZE

   Example:

   SEED                         14g Flower
   ========================================================== */

.woocommerce ul.products li.product.seed-card-v3
.seed-card-meta,

ul.products li.product.seed-card-v3
.seed-card-meta {

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 8px;

    width: 100%;

    margin: 0 0 7px !important;

    padding: 0 0 6px !important;

    border-bottom: 1px solid #c9c9c9 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    color: #333 !important;

    box-sizing: border-box;
}


.seed-card-v3 .seed-card-brand,
.seed-card-v3 .seed-card-size {

    display: inline-block !important;

    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    font-weight: 400 !important;

    color: #333 !important;
}


.seed-card-v3 .seed-card-brand {

    flex: 1 1 auto;
}


.seed-card-v3 .seed-card-size {

    flex: 0 0 auto;

    text-align: right;

    white-space: nowrap;
}


/* ==========================================================
   STRAIN
   ========================================================== */

.woocommerce ul.products li.product.seed-card-v3
.seed-card-strain-row,

ul.products li.product.seed-card-v3
.seed-card-strain-row {

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100%;

    margin: 0 0 5px !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.2 !important;

    color: #000 !important;

    box-sizing: border-box;
}


.seed-card-v3 .seed-card-strain {

    display: inline-block;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    color: #000 !important;
}


/*
 * Kept for backwards compatibility in case an older
 * transformed card still contains the rest element.
 */

.seed-card-v3 .seed-card-rest {

    display: inline-flex;

    align-items: center;

    gap: 3px;

    font-size: 12px !important;
    line-height: 1 !important;

    font-weight: 700 !important;

    color: #000 !important;
}


.seed-card-v3 .seed-card-rest-icon {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 15px;
    height: 15px;

    font-size: 14px !important;
    line-height: 15px !important;

    font-weight: 700 !important;
}


/* ==========================================================
   CANNABINOIDS
   ========================================================== */

.woocommerce ul.products li.product.seed-card-v3
.seed-card-cannabinoids,

ul.products li.product.seed-card-v3
.seed-card-cannabinoids {

    display: block !important;

    width: 100%;

    margin: 0 0 6px !important;
    padding: 0 !important;

    font-size: 9px !important;
    line-height: 1.25 !important;

    white-space: normal;

    color: #000 !important;

    box-sizing: border-box;
}


.seed-card-v3 .seed-card-cannabinoids b,
.seed-card-v3 .seed-card-cannabinoids strong {

    font-size: inherit !important;

    font-weight: 700 !important;

    color: inherit !important;
}


/* ==========================================================
   PRICE
   ========================================================== */

.woocommerce ul.products li.product.seed-card-v3
.price,

ul.products li.product.seed-card-v3
.price {

    display: block !important;

    width: 100%;

    margin: 0 0 6px !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;

    color: #000 !important;

    box-sizing: border-box;
}


.seed-card-v3 .price .amount,
.seed-card-v3 .price bdi,
.seed-card-v3 .price .woocommerce-Price-currencySymbol {

    font-size: inherit !important;
    line-height: inherit !important;

    font-weight: 700 !important;

    color: #000 !important;
}


/* ==========================================================
   SPECIAL BADGE

   JS moves it out of the image and places it below price.
   ========================================================== */

.seed-card-v3 .online-spcl-ribbon {

    position: static !important;

    display: block !important;

    width: 100% !important;

    margin: 0 0 9px !important;
    padding: 0 !important;

    background: transparent !important;

    opacity: 1 !important;

    text-transform: uppercase;

    transform: none !important;

    box-shadow: none !important;
}


.seed-card-v3 .online-spcl-ribbon4 {

    position: static !important;

    display: inline-block !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    margin: 0 !important;

    padding: 4px 11px !important;

    background: #ef6c22 !important;

    border: 0 !important;
    border-radius: 999px !important;

    box-shadow: none !important;

    transform: none !important;

    color: #fff !important;

    font-size: 9px !important;
    line-height: 1.1 !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;
}


.seed-card-v3 .online-spcl-ribbon4::before,
.seed-card-v3 .online-spcl-ribbon4::after {

    display: none !important;

    content: none !important;
}


/* ==========================================================
   ADD TO CART
   ========================================================== */

.woocommerce ul.products li.product.seed-card-v3
a.button,

.woocommerce ul.products li.product.seed-card-v3
a.add_to_cart_button,

ul.products li.product.seed-card-v3
a.button,

ul.products li.product.seed-card-v3
a.add_to_cart_button {

    display: block !important;

    width: 100% !important;

    margin: auto 0 0 !important;

    padding: 7px 12px !important;

    min-height: 28px;

    border: 1px solid #000 !important;
    border-radius: 999px !important;

    background: #000 !important;
    background-image: none !important;

    box-shadow: none !important;

    transform: none !important;

    color: #fff !important;

    font-size: 10px !important;
    line-height: 1.2 !important;

    font-weight: 600 !important;

    text-align: center !important;

    text-decoration: none !important;

    text-transform: uppercase !important;

    box-sizing: border-box;

    opacity: 1 !important;
}


.woocommerce ul.products li.product.seed-card-v3
a.button:hover,

.woocommerce ul.products li.product.seed-card-v3
a.button:focus,

ul.products li.product.seed-card-v3
a.button:hover,

ul.products li.product.seed-card-v3
a.button:focus {

    background: #000 !important;

    border-color: #000 !important;

    color: #fff !important;

    opacity: .85 !important;

    transform: none !important;
}


/* Divi 4 / Divi 5 button icons must not appear */

.seed-card-v3 a.button::before,
.seed-card-v3 a.button::after,

.seed-card-v3 a.add_to_cart_button::before,
.seed-card-v3 a.add_to_cart_button::after {

    display: none !important;

    content: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 980px) {

    .woocommerce ul.products li.product.seed-card-v3,
    ul.products li.product.seed-card-v3 {

        padding: 10px !important;

        border-radius: 16px !important;
    }


    .woocommerce ul.products li.product.seed-card-v3
    .woocommerce-loop-product__title,

    ul.products li.product.seed-card-v3
    .woocommerce-loop-product__title {

        font-size: 14px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .woocommerce ul.products li.product.seed-card-v3,
    ul.products li.product.seed-card-v3 {

        padding: 9px !important;

        border-radius: 14px !important;
    }


    .woocommerce ul.products li.product.seed-card-v3
    .woocommerce-loop-product__title,

    ul.products li.product.seed-card-v3
    .woocommerce-loop-product__title {

        font-size: 13px !important;
    }


    .seed-card-v3 .seed-card-brand,
    .seed-card-v3 .seed-card-size {

        font-size: 9px !important;
    }


    .seed-card-v3 .seed-card-strain {

        font-size: 11px !important;
    }


    .seed-card-v3 .seed-card-rest {

        font-size: 10px !important;
    }


    .woocommerce ul.products li.product.seed-card-v3
    .seed-card-cannabinoids,

    ul.products li.product.seed-card-v3
    .seed-card-cannabinoids {

        font-size: 8px !important;
    }


    .woocommerce ul.products li.product.seed-card-v3
    .price,

    ul.products li.product.seed-card-v3
    .price {

        font-size: 14px !important;
    }


    .woocommerce ul.products li.product.seed-card-v3
    a.button,

    ul.products li.product.seed-card-v3
    a.button {

        font-size: 9px !important;

        padding: 7px 8px !important;
    }
}