/*
Theme Name: Konte Child Theme
Theme URI: http://konte.uix.store/
Author: UIX Themes
Author URI: http://uix.store
Description: A fully responsive Premium WordPress Theme with a pixel perfect design and extensive functionality
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: konte
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Template: konte
*/

/* Badges - bottom left of product image */
.product-thumbnail {
	position: relative !important;
}

ul.products li.product .product-thumbnail .woocommerce-badges {
	top: auto !important;
	bottom: 10px !important;
	left: 10px !important;
	z-index: 9 !important;
}

/* Product names on collection/archive pages - reduce by 4px */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product h2 {
	font-size: calc(1em - 10px) !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	line-height: 1.4 !important;
	min-height: 2.8em !important;
}



/* ========== Mobile search icon in header ==========
   Wrapper uses .header-cart to inherit konte's sibling icon sizing/spacing. */
.evelove-mobile-search {
    display: inline-block;
}

.evelove-mobile-search > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.evelove-mobile-search .svg-icon svg {
    width: 22px;
    height: 22px;
}


/* ========== Off-canvas search panel — typography only ==========
   Layout-critical props (position, z-index, visibility, backdrop, panel slide) are
   set inline on the elements via JS in functions.php — that bypasses konte CSS fights. */

/* Lock body scroll when search panel is open */
html.evelove-search-open,
body.evelove-search-open {
    overflow: hidden !important;
}

.evelove-search-panel .evelove-search-panel__form {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 28px 24px !important;
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.evelove-search-panel .evelove-search-panel__input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 32px !important;
    color: #222 !important;
    height: 32px !important;
    font-family: inherit !important;
    font-weight: 400 !important;
}

.evelove-search-panel .evelove-search-panel__input::placeholder {
    color: #222 !important;
    opacity: 1;
}

.evelove-search-panel .evelove-search-panel__close {
    flex: 0 0 auto !important;
    width: 32px !important;
    height: 32px !important;
    background: transparent !important;
    border: none !important;
    font-size: 26px !important;
    line-height: 32px !important;
    color: #222 !important;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 300;
}

.evelove-search-panel__close:hover {
    opacity: 0.7;
}

/* Pielęgnacja care list (ISO 3758 icons + PL text) */
.evelove-care-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.evelove-care-item {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    line-height: 1.4;
    color: #222;
}
.evelove-care-icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f7f3ed;
    border-radius: 6px;
    color: #222;
}
.evelove-care-icon svg {
    width: 22px;
    height: 22px;
}

/* Hide Stripe dynamic/express checkout buttons (Apple Pay, Google Pay, PayPal) under ATC */
#wc-stripe-express-checkout-element,
#wc-stripe-express-checkout__order-attribution-inputs,
.wc-stripe-express-checkout-wrapper,
[id^="wc-stripe-express-checkout"],
[id*="stripe-payment-request"],
.wc-payment-request-wrapper {
    display: none !important;
}