/*
 * SEED Product Card V3
 * Shop page + WooCommerce category pages
 *
 * Loaded AFTER the existing custom/theme CSS.
 */


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

.page-id-24 .woocommerce ul.products li.product.seed-card-v3,
.tax-product_cat .woocommerce ul.products li.product.seed-card-v3,
.post-type-archive-product .woocommerce 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;

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

    overflow: hidden;

    box-sizing: border-box;
}


/* Prevent the global theme hover opacity from fading card links */

.seed-card-v3 a,
.seed-card-v3 a:hover,
.seed-card-v3 a:focus {
    opacity: 1 !important;
}


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

.seed-card-v3 > a.woocommerce-LoopProduct-link {
    display: block;

    width: 100%;

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

    border-bottom: 1px solid #c9c9c9;

    overflow: visible;
}

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

    display: block;

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

    aspect-ratio: 1 / 1;

    object-fit: contain;

    margin: 0 !important;
}


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

.woocommerce 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 {

    color: #000 !important;

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

    font-weight: inherit !important;
}


/* ==========================================================
   BRAND + SIZE
   Example:
   SEED                       14g Flower
   ========================================================== */

.woocommerce 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;

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

    color: #333;
}

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

    display: inline-block;

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

    font-weight: 400;
}

.seed-card-v3 .seed-card-size {
    text-align: right;
}


/* ==========================================================
   STRAIN + REST
   ========================================================== */

.woocommerce 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;

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

    color: #000;
}

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

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

    font-weight: 700;
}

.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;

    color: #000;
}

.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;
}


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

.woocommerce 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;
}

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

    font-size: inherit !important;

    font-weight: 700;
}


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

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

    display: block !important;

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

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

    font-weight: 700 !important;

    color: #000 !important;
}

.seed-card-v3 .price .amount,
.seed-card-v3 .price bdi {

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

    font-weight: 700 !important;

    color: #000 !important;
}


/* ==========================================================
   SPECIAL BADGE
   Existing ribbon converted into the orange pill
   ========================================================== */

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

    position: static !important;

    display: block !important;

    width: 100%;

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

    background: transparent !important;

    opacity: 1 !important;

    text-transform: uppercase;
}

.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;

    padding: 4px 11px !important;

    background: #ef6c22 !important;

    border-radius: 999px !important;

    box-shadow: none !important;

    color: #fff !important;

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

    font-weight: 600;

    text-transform: uppercase;
}

.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 {

    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;

    color: #fff !important;

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

    font-weight: 600 !important;

    text-align: center !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 {

    background: #000 !important;

    border-color: #000 !important;

    color: #fff !important;

    opacity: .85 !important;
}


/* Divi button icon should NOT appear */

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

    display: none !important;

    content: none !important;
}


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

@media (max-width: 980px) {

    .page-id-24 .woocommerce ul.products li.product.seed-card-v3,
    .tax-product_cat .woocommerce ul.products li.product.seed-card-v3,
    .post-type-archive-product .woocommerce 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 {

        font-size: 14px !important;
    }
}


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

@media (max-width: 767px) {

    .page-id-24 .woocommerce ul.products li.product.seed-card-v3,
    .tax-product_cat .woocommerce ul.products li.product.seed-card-v3,
    .post-type-archive-product .woocommerce 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 {

        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 {

        font-size: 8px !important;
    }

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

        font-size: 14px !important;
    }

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

        font-size: 9px !important;

        padding: 7px 8px !important;
    }
}