/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/



.product-meta.grid {color: #333 !important; padding-top: 20px;}
.inner_product.wrapped_style a {border: 1px solid #fff;}
.inner_product.wrapped_style a:hover {border: 1px solid #ccc; transition: 0.2s;}
.template-shop .product .inner_product_header .inner_product_header_table h2 
{color: #333; 
padding: 0 20px 20px; font-weight: 600; line-height: 1.4em; letter-spacing: 0.3px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

#top .thumbnail_container img {padding: 20px;}
.product-sorting.avia-product-sorting strong {color: #212121;}
#top #main .sidebar_left .sidebar {text-align: left;}
#top #main .sidebar_left .sidebar .widgettitle {padding-bottom: 10px; color: #333;}
#top #main .sidebar_left .sidebar .wc-layered-nav-term {margin-bottom: 5px;}

#top ul.products li.product .thumbnail_container {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;

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

    overflow: hidden !important;
}

#top ul.products li.product .thumbnail_container img {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
}



.avia-section.main_color.av-parallax-section h1.av-banner-description > p {font-size: 40px !important;}

/* =====================================================
   CHECKOUT: 2 GLAVNA STUPCA
   Lijevo = podaci kupca
   Desno  = pregled narudžbe
   ===================================================== */

body.woocommerce-checkout form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 50px !important;
    align-items: start !important;
    width: 100% !important;
}

/* LIJEVI STUPAC */
body.woocommerce-checkout #customer_details {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Enfold inače stavlja billing i additional info jedan kraj drugoga.
   Ovdje ih stavljamo jedan ispod drugoga. */
body.woocommerce-checkout #customer_details > .col-1,
body.woocommerce-checkout #customer_details > .col-2 {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 0 0 35px 0 !important;
    padding: 0 !important;
}

/* DESNI STUPAC - naslov "Vaša narudžba" */
body.woocommerce-checkout #order_review_heading {
    grid-column: 2 !important;
    grid-row: 1 !important;

    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

/* DESNI STUPAC - sadržaj narudžbe */
body.woocommerce-checkout #order_review {
    grid-column: 2 !important;
    grid-row: 2 !important;

    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

button#place_order {width: 100%; font-size: 1.2em; font-weight: 600;}


/* DESNI STUPAC - tablica */
.cart_item .product-name {font-size: 1.2em;}
.cart_item .product-name .product-meta-custom {font-size: 0.85em; margin-top: 3px; color: #666;}
.cart_item .product-quantity {font-size: 1.2em; float: right; font-weight: 700;}


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

@media only screen and (max-width: 989px) {

    body.woocommerce-checkout form.checkout.woocommerce-checkout {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        row-gap: 20px !important;
    }

    body.woocommerce-checkout #customer_details {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.woocommerce-checkout #order_review_heading {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.woocommerce-checkout #order_review {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}


/* =====================================================
   NAPOMENA CHECKOUT
   ===================================================== */
.noborderscheckout {padding: 0px !important; border-left: 0px !important; border-right: 0px !important; border-bottom: 0px !important;}
#order_comments_field.form-row.notes {border: 0px !important; padding-top: 30px;}

/* =====================================================
   CART
   ===================================================== */


.cart thead th {background-color: #e3e3e3;}
.cart_item .product-name a {color: #333;}
.cart_item .product-name .product-meta-custom {font-size: 0.85em; margin-top: 3px; color: #666;}
th.product-quantity {text-align: right;}
.cart_item .product-remove a.remove {background-color: #ec4d4d !important;}

#top td.actions {border:0px; background-color: #fff;}
#top .actions .button {font-size: 1.2em;}
#top .actions .button[name="update_cart"]:disabled {opacity: 0;}
.cart-collaterals .checkout-button.wc-forward {width: 100%; font-size: 1.2em; font-weight: 600;}
.dropdown_widget .buttons {}



/* =====================================================
   MINI CART
   ===================================================== */
.cart_dropdown .dropdown_widget {width: 340px;}
div .dropdown_widget .cart_list li {background-color: #fff; color: #333;}
div .dropdown_widget .cart_list li a {color: #333 !important;}
.cart_dropdown .dropdown_widget .widget_shopping_cart_content {border-color: #ccc;}
.dropdown_widget .buttons {border-color: #4aa050;}
div .dropdown_widget .cart_list .woocommerce-mini-cart-item.mini_cart_item:hover {background-color: #f4f4f4;}




/* =====================================================
   SEARCH
   ===================================================== */
#top .header_color input[type="search"] {background-color: #505050; border-radius: 8px 0 0 8px !important; border-color: transparent;}
#menu-item-search .avia-search-tooltip.avia-tt {height: 46px; border-radius: 8px !important; border-color: transparent;}
.aws-search-result .aws_result_item:hover {background-color: #FFF; border-left: 5px solid #4da953; transition: 0.2s;}
.aws-container .aws-search-form .aws-form-btn:hover {background: #42ad4a; border: 1px solid #3a9c41;}
.aws-container .aws-search-form .aws-form-btn {background: #42ad4a; border: 1px solid #3a9c41; border-radius: 0 8px 8px 0 !important;}
.aws-container .aws-search-form .aws-form-btn .aws-search-btn_icon {color: #fff;}

/* =====================================================
   HOMEPAGE
   ===================================================== */


/* Under slider */
.flex_cell_inner .avia-image-container a.avia_image div.av-caption-image-overlay-bg {background-color: #414141;}




/* =====================================================
   CATEGORY VIEW
   ===================================================== */

.main_color .sort-param > li > span, .main_color .sort-param > li > a, .main_color .sort-param ul {background-color: #f4f4f4; color: #333;}
.main_color .sort-param > li > span, .main_color .sort-param > li > a, .main_color .sort-param ul .currently-selected ul {background-color: #fff;}
.main_color .sort-param > li > span, .main_color .sort-param > li > a, .main_color .sort-param ul li a {background-color: #fff; color: #333;}


/* SORT */
#top .avia-product-sorting {
    display: none !important;
}


/* Product row */
#top ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Each product card */
#top ul.products > li.product {
    display: flex !important;
    flex-direction: column !important;
}

/* Enfold inner wrapper fills complete card height */
#top ul.products > li.product > .inner_product {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

/* Product information */
#top ul.products > li.product > .inner_product > a.woocommerce-LoopProduct-link {
    display: block !important;
}

/* Push quantity + button to bottom */
#top ul.products > li.product > .inner_product > form.grid-add-to-cart {
    margin-top: auto !important;
    width: 100% !important;
    text-align: center !important;
}

/* Remove extra BR after form */
#top ul.products > li.product > .inner_product > br {
    display: none !important;
}

#top .products .quantity {
    display: inline-flex !important;
    float: none !important;
    margin: 0 auto 15px auto !important;
}

#top .products form.cart.grid-add-to-cart .button {
    border-radius: 4px;
    display: inline-flex !important;
    float: none !important;
    margin: 0 auto !important;
    border: 1px solid #66cc59;
    background-color: #fff;
    color: #333;
    padding-left: 25px;
    padding-right: 25px;
}

#top .products form.cart.grid-add-to-cart .button:hover {
    background-color: #66cc59;
    color: #fff;
}

#top .template-shop .product .inner_product_header .inner_product_header_table h2 {padding: 0 10px 20px; font-size: 1.1em;}



/* =====================================================
   Input fields
   ===================================================== */

.main_color textarea, .main_color input, .main_color select {background-color: #FFF !important; border-color: #ddd !important; color: #333 !important; font-size: 1em !important;}
#top label {font-size: 1em; font-weight: 600;}
input.minus, input.plus {background-color: #eee !important;}

/* =====================================================
   Alerts
   ===================================================== */
.woocommerce-error a, .woocommerce-error strong, .woocommerce-error a:hover {color: #000; font-size: 1em;}
.woocommerce-error {background-color: #ffecec !important; border: 1px solid #ffc0c0 !important; border-radius: 6px;};