/*
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:*/


#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
  background-color: #57ad4c !important;
}
.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.1em; float: right; font-weight: 700; color: #333;}


/* =====================================================
   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;
    }
}



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

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


    /* SEARCH */
    #menu-item-search .avia-search-tooltip {
        position: fixed !important;
        top: 140px !important;
        left: 4vw !important;
        right: auto !important;
        width: 90vw !important;
        max-width: 90vw !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
        z-index: 99999 !important;
    }

    #menu-item-search .avia-search-tooltip .inner_tooltip,
    #menu-item-search .aws-container,
    #menu-item-search .aws-search-form {width: 100% !important; max-width: none !important; box-sizing: border-box !important;}

    #header_meta {display:none;}

    /* MENU */
    .av-burger-overlay li.mobile-menu-separator a span.avia-menu-text {
        border-bottom: 2px solid #555; 
        font-size: 0px;
        display: block;
        height: 0px;
        width: 100px;
    }

    .av-burger-overlay li.mobile-menu-separator a {padding-top: 5px !important; padding-bottom: 5px !important;}


    /* Thank you  */
    #top .order_details li {float: none; float: none; margin: 10px 2em 10px 0;}
    .woocommerce-order .woocommerce-order-details {width: 100% !important;}
    .woocommerce-order .woocommerce-customer-details {width: 100% !important;}




}


/* =====================================================
   TABLET
   ===================================================== */
@media only screen and (max-width: 1200px) and (min-width: 768px) {


/* MENU */
    .av-burger-overlay li.mobile-menu-separator a span.avia-menu-text {
        border-bottom: 2px solid #555; 
        font-size: 0px;
        display: block;
        height: 0px;
        width: 100px;
    }

  .responsive.html_mobile_menu_tablet.html_header_top #top #main {
    padding-top: 0 !important;
    margin: 0;
  }

   .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
  }

   .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
    height: 90px;
    line-height: 90px;
  }
  .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 121px;
  }
   .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }
    .responsive #top .av-main-nav .menu-item {
    display: none;
  }
    #header_meta {
    display: none;
  }
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    min-width: 0;
    padding: 0 0 0 20px;
    margin: 0;
    border-style: none;
    border-width: 0;
  }
    .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover {
    color: inherit;
  }
    .responsive #top #wrap_all .menu-item-search-dropdown > a {
    font-size: 24px;
  }
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
    height: 80px;
    line-height: 80px;
  }
  .responsive #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover {
    background: transparent;
    color: inherit;
  }
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container {
    line-height: 80px;
  }



    #wpadminbar #wp-admin-bar-search {
    display: none;
  }



}



/* =====================================================
   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;}



/* =====================================================
   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;}
div.dropdown_widget .woocommerce-mini-cart__buttons.buttons {background-color: #f4f4f4 !important; border-color: #eee !important;}
div.dropdown_widget .woocommerce-mini-cart__buttons.buttons > a {background-color: #333 !important; padding: 10px !important; font-size: .9em; width: 45% !important;}
.added_to_cart_notification {display: none !important;}



/* =====================================================
   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 #57ad4c;
    background-color: #fff;
    color: #333;
    padding-left: 25px;
    padding-right: 25px;
}

#top .products form.cart.grid-add-to-cart .button:hover {
    background-color: #57ad4c;
    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;};



/* =====================================================
   Add to cart popup
   ===================================================== */
/* WooCommerce standardni "Popis za ponudu" link */
/* Makni WooCommerce "Popis za ponudu" link ispod gumba */
/* WooCommerce "Pogledaj košaricu / popis" link ispod gumba */
.added_to_cart.wc-forward {
    display: none !important;
}


/* Overlay */
.custom-cart-popup {
    display: none !important;

    position: fixed !important;
    inset: 0 !important;

    z-index: 9999999 !important;

    background: rgba(0, 0, 0, 0.55) !important;

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

    padding: 20px !important;

    box-sizing: border-box !important;
}


/* Otvoren popup */
.custom-cart-popup.is-visible {
    display: flex !important;
}


/* Bijeli prozor */
.custom-cart-popup-box {
    position: relative !important;

    width: 100% !important;
    max-width: 560px !important;

    max-height: 90vh !important;
    overflow-y: auto !important;

    background: #fff !important;

    padding: 16px !important;

    box-sizing: border-box !important;

    box-shadow: 0 5px 30px rgba(0,0,0,.35) !important;
}


/* X */
.custom-cart-popup-close {
    position: absolute !important;

    top: 25px !important;
    right: 20px !important;

    width: 32px !important;
    height: 32px !important;

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

    background: transparent !important;
    border: 0 !important;

    color: #555 !important;

    font-size: 28px !important;
    line-height: 32px !important;

    cursor: pointer !important;

    z-index: 10 !important;
}


/* Gornja poruka */
.custom-cart-popup-message {
    background: #f2f2f2 !important;

    color: #444 !important;

    padding: 13px 45px 13px 16px !important;

    margin-bottom: 25px !important;

    font-size: 16px !important;
}


/* Proizvod */
.custom-cart-popup-product {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    padding: 5px 20px 25px !important;
}


/* Slika */
.custom-cart-popup-image {
    display: block;

    width: auto !important;
    height: 280px !important;

    max-width: 100% !important;

    object-fit: contain !important;

    margin: 0 auto 20px auto !important;
}


/* Naziv + šifra */
.custom-cart-popup-info {
    width: 100% !important;
}


.custom-cart-popup-name {
    font-size: 18px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;

    color: #555 !important;

    margin-bottom: 5px !important;
}


.custom-cart-popup-sku {
    font-size: 15px !important;

    color: #777 !important;
}

.custom-cart-popup-quantity {
    font-size: 15px !important;
    color: #777 !important;
    margin-top: 3px !important;
}


/* Buttoni */
.custom-cart-popup-buttons {
    display: flex !important;

    gap: 10px !important;

    justify-content: center !important;

    border-top: 1px solid #ddd !important;

    padding-top: 15px !important;
}


.custom-cart-popup-buttons .button {
    margin: 0 !important;

    padding: 12px 18px !important;

    line-height: normal !important;

    text-align: center !important;
}


.custom-cart-popup-cart {
    background: #5bc45b !important;

    border: 1px solid #5bc45b !important;

    color: #fff !important;
}


.custom-cart-popup-continue {
    background: #fff !important;

    border: 1px solid #5bc45b !important;

    color: #333 !important;
}


/* Mobitel */
@media only screen and (max-width: 767px) {

    .custom-cart-popup {
        padding: 15px !important;
    }

    .custom-cart-popup-image {
        height: 200px !important;
    }

    .custom-cart-popup-buttons {
        flex-direction: column !important;
    }

    .custom-cart-popup-buttons .button {
        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;
    }

}


ul.products li.product .added_to_cart.wc-forward {
    display: none !important;
}



/* Spinner  */
.custom-cart-loader {
    display: none !important;
    position: fixed !important;
    inset: 0 !important;

    background: rgba(255,255,255,0.65) !important;
    backdrop-filter: blur(2px);

    z-index: 9999998 !important;

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

.custom-cart-loader.is-visible {
    display: flex !important;
}

.custom-cart-loader-spinner {
    width: 52px;
    height: 52px;

    border: 4px solid rgba(0,0,0,0.12);
    border-top-color: #5bc45b;

    border-radius: 50%;

    animation: customCartSpin 0.8s linear infinite;

    box-shadow: 0 4px 18px rgba(0,0,0,0.12);
}

@keyframes customCartSpin {
    to {
        transform: rotate(360deg);
    }
}




/* Thank you  */

.woocommerce-order .woocommerce-notice.woocommerce-thankyou-order-received {font-size: 18px; text-align: center; padding-bottom: 20px;}
.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {font-size: 1.2em; }
.woocommerce-order-details h2.woocommerce-order-details__title {padding-bottom: 10px; padding-top: 20px;}
.woocommerce-order .woocommerce-order-details {float: left; width: 46%; margin: 0px 2%;}
.woocommerce-order .woocommerce-customer-details {float: left; width: 45%; margin: 70px 2% 20px; font-size: 1.2em;}
.woocommerce-order .woocommerce-order-details a {color: #333;}
.woocommerce-order .woocommerce-customer-details .customer-field {padding-bottom: 10px;}



/* LOGIN STRANICA  */
#customer_login h2 {font-size: 18px; color: #333;}
#customer_login button {width: 100%; font-size: 1.2em;}
#customer_login button.show-password-input {display: none;}

#customer_login .lost_password {top: .7em;}


/* KOLAČIĆI  */
.avia-cookie-consent-wrap .avia-cookiemessage-bottom-left {max-width: 600px; width: 100%; background-color: #FFF;
    border: 1px solid #eee; border-radius: 8px; color: #333; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.avia-cookie-consent .container .avia-cookie-consent-button.avia-cookie-select-all {background-color: #333; color: #FFF;}
.avia-cookie-consent .container .avia-cookie-consent-button, 
.avia-popup .container .avia-cookie-consent-button {background-color: #f4f4f4;
    border: 1px solid #ccc; border-radius: 4px; color: #333;}
.avia-cookie-consent .container .avia-cookie-consent-button.av-extra-cookie-btn, 
.avia-popup .container .avia-cookie-consent-button.av-extra-cookie-btn {background-color: #f4f4f4;
    border: 1px solid #ccc; border-radius: 4px; color: #333;}
#av-cookie-consent-badge svg {
    display: none !important;
}

#av-cookie-consent-badge.av-consent-badge-left-bottom {
    height: 54px;
    width: 54px;
    line-height: 54px;
    left: 10px !important;
    border-radius: 8px !important;
    opacity: 0.8 !important; 
}

#av-cookie-consent-badge svg {
    display: none !important;
}

#av-cookie-consent-badge::before {
    content: "\2699";
    font-family: "entypo-fontello";
    font-size: 48px;
    line-height: 1;
    color: #fff;
}
#av-cookie-consent-badge:hover {background-color: #4da442 !important;}