/*
Theme Name: Natsy Child
Theme URI: http://natsy.novaworks.net
Description: This is a child theme for Natsy Theme.
Author: Novaworks
Author URI: http: //www.novaworks.net/
Template: natsy
Version: 1.0
*/

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/*
 * GALERIA E PRODUKTIT (Kitify layout-type-1 dhe layout-type-5)
 *
 * JS (gallery-ratio.js) vendos height në pixel me !important direkt
 * te .flex-viewport dhe te çdo .woocommerce-product-gallery__image.
 * CSS rregullon shtresat e brendshme që fotot të shfaqen plotësisht.
 *
 * Layout-1: .woocommerce-product-gallery__image > a > img
 * Layout-5: .woocommerce-product-gallery__image > .zoomouter > .zoominner > a > img
 */

/* ── Viewport ───────────────────────────────────────────────── */
.kitify-product-images .flex-viewport {
	overflow: hidden !important;
	/* height vendoset nga JS */
}

/* ── Slide (çdo foto) ───────────────────────────────────────── */
.kitify-product-images .woocommerce-product-gallery__image {
	/* height vendoset nga JS */
	overflow: hidden !important;
	box-sizing: border-box !important;
	position: relative !important;
}

/* ── Layout-type-1: a direkt ────────────────────────────────── */
.kitify-product-images .woocommerce-product-gallery__image > a {
	display: block !important;
	width:  100% !important;
	height: 100% !important;
}

/* ── Layout-type-5: zoomouter / zoominner ───────────────────── */
.kitify-product-images .woocommerce-product-gallery__image .zoomouter,
.kitify-product-images .woocommerce-product-gallery__image .zoominner {
	position: absolute !important;
	inset:  0 !important;
	width:  100% !important;
	height: 100% !important;
	display: block !important;
}

.kitify-product-images .woocommerce-product-gallery__image .zoominner > a {
	display: block !important;
	width:  100% !important;
	height: 100% !important;
}

/* ── Imazhi (të dyja layout-et) ─────────────────────────────── */
.kitify-product-images .woocommerce-product-gallery__image img {
	display:          block          !important;
	width:            100%           !important;
	height:           100%           !important;
	object-fit:       contain        !important;
	object-position:  center center  !important;
	max-width:        none           !important;
	max-height:       none           !important;
	background-color: #ffffff;
}

/****************************************************************/
/****************************************************************/
/****************************************************************/

/* Brand layered nav: keep chosen item background fully visible */
#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand {
	list-style: none;
	margin: 0;
	padding: 0;
}

#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand li,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li {
	margin: 0 0 8px 0;
	padding: 0;
	overflow: visible;
	border-radius: 10px;
}

#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand li > a,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li > a {
	display: block;
	padding: 10px 12px;
	border-radius: 10px;
	line-height: 1.25;
}

#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.chosen > a,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.chosen > a {
	background: transparent !important;
}

#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand li > .count,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li > .count {
	margin-left: 8px;
	vertical-align: middle;
}

/* Force a clean chosen brand pill (prevents clipped active bg/icon) */
#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.wc-layered-nav-term.chosen > a,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.wc-layered-nav-term.chosen > a {
	display: inline-flex !important;
	align-items: center;
	position: relative;
	padding: 8px 30px 8px 12px !important;
	border-radius: 999px;
	line-height: 1.2;
	background: transparent !important;
}

#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.wc-layered-nav-term.chosen > a::before,
#woocommerce_brand_nav-2.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.wc-layered-nav-term.chosen > a::after,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.wc-layered-nav-term.chosen > a::before,
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li.wc-layered-nav-term.chosen > a::after {
	top: 50% !important;
	transform: translateY(-50%);
	line-height: 1 !important;
}

/* Keep category filter typography consistent with brand filter */
.widget_brand_nav .wc-brand-list-layered-nav-product_brand li > a,
.widget_novaapf-category-filter .novaapf-layered-nav ul li > a,
.widget_novaapf-category-filter .novaapf-layered-nav ul li > a .name,
#side-filters .widget_brand_nav .wc-brand-list-layered-nav-product_brand li > a,
#side-filters .widget_novaapf-category-filter .novaapf-layered-nav ul li > a,
#side-filters .widget_novaapf-category-filter .novaapf-layered-nav ul li > a .name,
.kitify-toggle-sidebar__inner .widget_brand_nav .wc-brand-list-layered-nav-product_brand li > a,
.kitify-toggle-sidebar__inner .widget_novaapf-category-filter .novaapf-layered-nav ul li > a,
.kitify-toggle-sidebar__inner .widget_novaapf-category-filter .novaapf-layered-nav ul li > a .name {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	line-height: 1.25 !important;
	color: inherit !important;
	text-decoration: none;
}

/* Shop-2 filter tab: final overrides */
#side-filters .widget_brand_nav .wc-layered-nav-term.chosen,
#side-filters .widget_brand_nav .wc-layered-nav-term.chosen > a,
#side-filters .widget_brand_nav .wc-brand-list-layered-nav-product_brand li.chosen,
#side-filters .widget_brand_nav .wc-brand-list-layered-nav-product_brand li.chosen > a {
	background: transparent !important;
	box-shadow: none !important;
}

#side-filters .widget_brand_nav .wc-brand-list-layered-nav-product_brand li > a,
#side-filters .widget_novaapf-category-filter .novaapf-layered-nav ul li > a,
#side-filters .widget_novaapf-category-filter .novaapf-layered-nav ul li > a .name,
#side-filters .widget_product_categories ul li > a {
	font-size: 30px !important;
	line-height: 1.2 !important;
	font-family: inherit !important;
	font-weight: inherit !important;
}

/* Shop-2 exact widgets: make category items match brand typography/colors */
#side-filters #woocommerce_brand_nav-3 ul.wc-brand-list-layered-nav-product_brand > li > a,
#side-filters #novaapf-category-filter-1 .novaapf-layered-nav ul li > a,
#side-filters #novaapf-category-filter-1 .novaapf-layered-nav ul li > a .name {
	font-family: "Syne", Sans-serif !important;
	font-size: 32px !important;
	font-weight: 400 !important;
	line-height: 1.25 !important;
	color: #4f5f73 !important;
}

#side-filters #novaapf-category-filter-1 .novaapf-layered-nav ul li.chosen > a,
#side-filters #novaapf-category-filter-1 .novaapf-layered-nav ul li.chosen > a .name {
	color: #04967a !important;
}