/*
Template:       jinx
Theme Name:     Jinx Child
Theme URI:      http://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     http://themeforest.net/user/LaStudio?ref=LaStudio
Description:    Jinx - Pet Shop & Veterinary WooCommerce Theme
Version:        1.0.0
Requires at least: 4.4
Requires PHP: 5.6
Tags:           one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready, architecture, interior
License: 		GNU General Public License
License URI: 	licence/GPL.txt
Text Domain:    jinx-child
Domain Path:    /languages/
*/

.lakit-ajax-searchform .search_result_grid.is-minimal-result {
    overflow: hidden !important;
}
html, body {
	overflow-x: hidden !important;
}
.woocommerce-result-count {
	display: none !important;
}
.wc-toolbar.wc-toolbar-top {
    justify-content: end;
}
.woocommerce-variation-description {
    padding: 20px 0px 40px 0px;
}
#single-prod-img .flex-control-nav.flex-control-thumbs {
    align-items: center;
    justify-content: center;
}
/* ==========================================================
   VIDA PETS – CURVED HEADER BOTTOM
   ========================================================== */

.elementor-element-2375310:not(.elementor-sticky__spacer) {
    margin-bottom: -50px;
}

.elementor-element-2375310:not(.elementor-sticky__spacer)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 120px;

    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath d='M0 					0H1440V75 C1230 55 1010 12 770 10 C590 10 500 45 320 85 C230 105 80 85 0 28 Z' fill='%23ffffff'/%3E%3C/svg%3E")
        no-repeat center top;

    background-size: 100% 100%;
    pointer-events: none;
    z-index: 1;
}


/* Header curve – tablet */

@media (max-width: 1024px) {

    .elementor-element-2375310:not(.elementor-sticky__spacer)::after {
        height: 75px;
    }
}


/* Header curve – mobile */

@media (max-width: 767px) {

    .elementor-element-2375310:not(.elementor-sticky__spacer)::after {
        height: 46px;
    }
}


/* ==========================================================
   VIDA PETS – GLOBAL WOOCOMMERCE PRODUCT BADGES

   Works on:
   - Homepage product tabs
   - Shop page
   - Product category pages
   - Product tag pages
   ========================================================== */


/* Allow labels to extend above the product image */

.woocommerce ul.products,
.woocommerce ul.products li.product,
.lakit-products,
.lakit-products__list_wrapper,
.lakit-products__list,
.lakit-products__list li.product,
.product_item--inner,
.product_item--thumbnail,
.product_item--thumbnail-holder {
    overflow: visible !important;
}


/* Product cards */

.woocommerce ul.products li.product,
.lakit-products__list li.product {
    position: relative !important;
}


/* Position labels according to the actual image link */

.woocommerce ul.products li.product
.product_item--thumbnail-holder > a,

.lakit-products__list li.product
.product_item--thumbnail-holder > a {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
}


/* Keep images clipped to their rounded card */

.woocommerce ul.products li.product
.product_item--thumbnail .figure__object_fit,

.lakit-products__list li.product
.product_item--thumbnail .figure__object_fit {
    overflow: hidden !important;
    border-radius: 20px;
}


/* Remove any old product-column pseudo labels */

.woocommerce ul.products li.product.product_tag-new::before,
.woocommerce ul.products li.product.product_tag-new::after,
.woocommerce ul.products li.product.product_tag-hot::before,
.woocommerce ul.products li.product.product_tag-hot::after,
.woocommerce ul.products li.product.sale::before,
.woocommerce ul.products li.product.sale::after,
.lakit-products__list li.product.product_tag-new::before,
.lakit-products__list li.product.product_tag-new::after,
.lakit-products__list li.product.product_tag-hot::before,
.lakit-products__list li.product.product_tag-hot::after,
.lakit-products__list li.product.sale::before,
.lakit-products__list li.product.sale::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   SALE BADGE
   Uses the real WooCommerce Sale badge
   ========================================================== */

.woocommerce ul.products li.product
.product_item--thumbnail-holder > a > .onsale,

.lakit-products__list li.product
.product_item--thumbnail-holder > a > .onsale {
    position: absolute !important;
    top: 12px !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    z-index: 60 !important;

    display: block !important;
    width: auto !important;
    min-width: 58px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 7px 18px 7px 12px !important;

    background: #65c3af !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: left !important;
    text-transform: lowercase !important;

    transform: none !important;
    pointer-events: none !important;

    clip-path: polygon(
        0 0,
        100% 0,
        84% 50%,
        100% 100%,
        0 100%
    );
}


/* ==========================================================
   HOT BADGE
   Appears when the product has the tag slug: hot
   ========================================================== */

.woocommerce ul.products li.product.product_tag-hot
.product_item--thumbnail-holder > a::before,

.lakit-products__list li.product.product_tag-hot
.product_item--thumbnail-holder > a::before {
    content: "hot";

    position: absolute;
    top: 12px;
    left: 0;
    z-index: 55;

    display: block;
    width: auto;
    min-width: 58px;
    padding: 7px 18px 7px 12px;

    background: #ee5a3d;
    color: #ffffff;

    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    text-transform: lowercase;

    transform: none;
    pointer-events: none;

    clip-path: polygon(
        0 0,
        100% 0,
        84% 50%,
        100% 100%,
        0 100%
    );
}


/* ==========================================================
   NEW BADGE
   Appears when the product has the tag slug: new
   ========================================================== */

.woocommerce ul.products li.product.product_tag-new
.product_item--thumbnail-holder > a::before,

.lakit-products__list li.product.product_tag-new
.product_item--thumbnail-holder > a::before {
    content: "NEW!";

    position: absolute;
    top: -28px;
    left: 8px;
    z-index: 55;

    display: block;
    padding: 0;

    background: transparent;
    color: #c6d718;

    font-family: "Comic Sans MS", "Trebuchet MS", cursive;
    font-size: 21px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;

    transform: rotate(-12deg);
    pointer-events: none;
}


/* Arrow below the New label */

.woocommerce ul.products li.product.product_tag-new
.product_item--thumbnail-holder > a::after,

.lakit-products__list li.product.product_tag-new
.product_item--thumbnail-holder > a::after {
    content: "↘";

    position: absolute;
    top: -12px;
    left: 39px;
    z-index: 55;

    display: block;

    color: #c6d718;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 1;

    transform: rotate(14deg);
    pointer-events: none;
}


/* ==========================================================
   BADGE PRIORITY
   Sale overrides Hot and New
   Hot overrides New
   ========================================================== */


/* Hot overrides New */

.woocommerce ul.products li.product.product_tag-new.product_tag-hot
.product_item--thumbnail-holder > a::before,

.lakit-products__list li.product.product_tag-new.product_tag-hot
.product_item--thumbnail-holder > a::before {
    content: "hot";

    top: 12px;
    left: 0;

    min-width: 58px;
    padding: 7px 18px 7px 12px;

    background: #ee5a3d;
    color: #ffffff;

    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: left;
    text-transform: lowercase;

    transform: none;

    clip-path: polygon(
        0 0,
        100% 0,
        84% 50%,
        100% 100%,
        0 100%
    );
}

.woocommerce ul.products li.product.product_tag-new.product_tag-hot
.product_item--thumbnail-holder > a::after,

.lakit-products__list li.product.product_tag-new.product_tag-hot
.product_item--thumbnail-holder > a::after {
    content: none;
    display: none;
}


/* Sale overrides Hot and New */

.woocommerce ul.products li.product.sale
.product_item--thumbnail-holder > a::before,

.woocommerce ul.products li.product.sale
.product_item--thumbnail-holder > a::after,

.lakit-products__list li.product.sale
.product_item--thumbnail-holder > a::before,

.lakit-products__list li.product.sale
.product_item--thumbnail-holder > a::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   MOBILE PRODUCT BADGES
   ========================================================== */

@media (max-width: 767px) {

    /* Rounded image cards */

    .woocommerce ul.products li.product
    .product_item--thumbnail .figure__object_fit,

    .lakit-products__list li.product
    .product_item--thumbnail .figure__object_fit {
        border-radius: 15px;
    }


    /* Sale */

    .woocommerce ul.products li.product
    .product_item--thumbnail-holder > a > .onsale,

    .lakit-products__list li.product
    .product_item--thumbnail-holder > a > .onsale {
        top: 8px !important;
        left: 0 !important;

        min-width: 50px !important;
        padding: 6px 15px 6px 10px !important;

        font-size: 10px !important;
    }


    /* Hot */

    .woocommerce ul.products li.product.product_tag-hot
    .product_item--thumbnail-holder > a::before,

    .lakit-products__list li.product.product_tag-hot
    .product_item--thumbnail-holder > a::before {
        top: 8px;
        left: 0;

        min-width: 50px;
        padding: 6px 15px 6px 10px;

        font-size: 10px;
    }


    /* New */

    .woocommerce ul.products li.product.product_tag-new
    .product_item--thumbnail-holder > a::before,

    .lakit-products__list li.product.product_tag-new
    .product_item--thumbnail-holder > a::before {
        top: -23px;
        left: 5px;
        padding: 0;

        background: transparent;
        color: #c6d718;

        font-family: "Comic Sans MS", "Trebuchet MS", cursive;
        font-size: 17px;
        font-weight: 900;

        transform: rotate(-12deg);
        clip-path: none;
    }


    /* New arrow */

    .woocommerce ul.products li.product.product_tag-new
    .product_item--thumbnail-holder > a::after,

    .lakit-products__list li.product.product_tag-new
    .product_item--thumbnail-holder > a::after {
        top: -10px;
        left: 31px;

        color: #c6d718;
        font-size: 17px;
    }


    /* Mobile Hot priority */

    .woocommerce ul.products li.product.product_tag-new.product_tag-hot
    .product_item--thumbnail-holder > a::before,

    .lakit-products__list li.product.product_tag-new.product_tag-hot
    .product_item--thumbnail-holder > a::before {
        content: "hot";

        top: 8px;
        left: 0;

        min-width: 50px;
        padding: 6px 15px 6px 10px;

        background: #ee5a3d;
        color: #ffffff;

        font-family: inherit;
        font-size: 10px;
        font-weight: 700;

        transform: none;

        clip-path: polygon(
            0 0,
            100% 0,
            84% 50%,
            100% 100%,
            0 100%
        );
    }
}

/* Vida Pets: WooCommerce My Account login and registration colours */
#customer_login .woocommerce-button,
#customer_login .woocommerce-form-login__submit,
#customer_login .woocommerce-form-register__submit {
	background-color: #e65a3a !important;
	border-color: #e65a3a !important;
}

#customer_login .woocommerce-button:hover,
#customer_login .woocommerce-form-login__submit:hover,
#customer_login .woocommerce-form-register__submit:hover {
	background-color: #c84b2f !important;
	border-color: #c84b2f !important;
}

#customer_login .woocommerce-LostPassword a {
	color: #e65a3a !important;
}

#customer_login input:focus {
	border-color: #e65a3a !important;
}

#customer_login input[type="checkbox"] {
	accent-color: #e65a3a;
}

/* Vida Pets: My Account dashboard navigation */
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link.is-active > a {
	background-color: #e65a3a !important;
	border-color: #e65a3a !important;
	color: #ffffff !important;
}

.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link > a:hover {
	background-color: #e65a3a !important;
	border-color: #e65a3a !important;
	color: #ffffff !important;
}