/**
 * Site-wide Barcom-style (barcom.co.il): typography, accents, WooCommerce, OceanWP chrome.
 */

body.tz-barcom-site {
	--tz-cyan: #00aeef;
	--tz-cyan-hover: #0abdff;
	--tz-yellow: #ffc501;
	--tz-text: #242424;
	--tz-muted: #7a7a7a;
	--tz-border: #eceff1;
	--tz-bg-soft: #f5f7f9;
	--tz-btn-dark: #333333;

	font-family: "Heebo", system-ui, sans-serif;
	color: var(--tz-text);
	background-color: #fff;
}

body.tz-barcom-site #outer-wrap {
	font-family: inherit;
}

body.tz-barcom-site #content a:not(.button):not(.add_to_cart_button):not(.single_add_to_cart_button):not(.wp-block-button__link),
body.tz-barcom-site .entry a:not(.button),
body.tz-barcom-site .comment-content a {
	color: var(--tz-cyan);
}

body.tz-barcom-site #content a:not(.button):hover,
body.tz-barcom-site .entry a:not(.button):hover {
	color: var(--tz-cyan-hover);
}

body.tz-barcom-site #site-header {
	box-shadow: 0 8px 16px rgba(38, 50, 56, 0.06);
}

body.tz-barcom-site #site-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

body.tz-barcom-site #site-logo img.custom-logo {
	width: auto;
	height: auto;
	max-height: 80px;
	max-width: min(100%, 420px);
	object-fit: contain;
}

@media (max-width: 480px) {
	body.tz-barcom-site #site-logo img.custom-logo {
		max-height: 58px;
		max-width: min(100%, 320px);
	}
}

body.tz-barcom-site #footer,
body.tz-barcom-site #footer-bottom {
	font-family: inherit;
}

body.tz-barcom-site .site-title a,
body.tz-barcom-site .navigation a {
	color: inherit;
}

/* OceanWP page title strip */
body.tz-barcom-site .page-header {
	background: linear-gradient(180deg, var(--tz-bg-soft) 0%, #fff 100%);
	border-bottom: 1px solid var(--tz-border);
}

body.tz-barcom-site .page-header .page-header-title,
body.tz-barcom-site .page-header-title {
	font-family: "Heebo", system-ui, sans-serif;
	font-weight: 700;
	color: var(--tz-text);
	max-width: 100% !important;
	width: 100%;
	float: none;
}

/*
 * Breadcrumbs were absolutely positioned (RTL + long titles) → overlap with H1.
 * Stack title then trail; allow wrapping for paths like מוצרים › Medics care › …
 */
body.tz-barcom-site .page-header .site-breadcrumbs,
body.tz-barcom-site .page-header .site-breadcrumbs.position-under-title {
	position: relative !important;
	right: auto !important;
	left: auto !important;
	top: auto !important;
	margin-top: 12px;
	margin-bottom: 0;
	height: auto !important;
	max-width: 100% !important;
	line-height: 1.65;
	white-space: normal;
	overflow: visible;
}

body.tz-barcom-site .page-header .site-breadcrumbs ol,
body.tz-barcom-site .page-header .site-breadcrumbs nav {
	white-space: normal;
}

body.tz-barcom-site .site-breadcrumbs,
body.tz-barcom-site .theme-breadcrumbs {
	font-size: 14px;
}

body.tz-barcom-site .site-breadcrumbs a,
body.tz-barcom-site .theme-breadcrumbs a {
	color: var(--tz-muted);
}

body.tz-barcom-site .site-breadcrumbs a:hover,
body.tz-barcom-site .theme-breadcrumbs a:hover {
	color: var(--tz-cyan);
}

body.tz-barcom-site .woocommerce-breadcrumb {
	font-size: 14px;
	color: var(--tz-muted);
}

body.tz-barcom-site .woocommerce-breadcrumb a {
	color: var(--tz-muted);
}

body.tz-barcom-site .woocommerce-breadcrumb a:hover {
	color: var(--tz-cyan);
}

/* Mini-cart empty: space between sentence and link */
body.tz-barcom-site .woocommerce-mini-cart__empty-message .owp-cart-empty-text + a {
	margin-inline-start: 0.25em;
}

/* Main content */
body.tz-barcom-site #content,
body.tz-barcom-site .entry-title {
	font-family: "Heebo", system-ui, sans-serif;
}

body.tz-barcom-site .entry-title a {
	color: var(--tz-text);
}

body.tz-barcom-site .entry-title a:hover {
	color: var(--tz-cyan);
}

body.tz-barcom-site .entry p,
body.tz-barcom-site .entry li {
	line-height: 1.75;
}

/* Pagination */
body.tz-barcom-site .oceanwp-pagination ul li .page-numbers,
body.tz-barcom-site .page-numbers {
	border-radius: 8px;
	font-weight: 600;
}

body.tz-barcom-site .page-numbers.current,
body.tz-barcom-site .page-numbers:hover {
	background: var(--tz-cyan);
	border-color: var(--tz-cyan);
	color: #fff;
}

body.tz-barcom-site .woocommerce nav.woocommerce-pagination ul {
	border: none;
}

body.tz-barcom-site .woocommerce nav.woocommerce-pagination ul li a,
body.tz-barcom-site .woocommerce nav.woocommerce-pagination ul li span {
	border-radius: 8px;
	min-width: 2.5em;
	font-weight: 600;
}

body.tz-barcom-site .woocommerce nav.woocommerce-pagination ul li a:focus,
body.tz-barcom-site .woocommerce nav.woocommerce-pagination ul li a:hover,
body.tz-barcom-site .woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--tz-cyan);
	border-color: var(--tz-cyan);
	color: #fff;
}

/* Forms & generic buttons */
body.tz-barcom-site button,
body.tz-barcom-site input[type="submit"],
body.tz-barcom-site .button:not(.add_to_cart_button):not(.single_add_to_cart_button) {
	font-family: "Heebo", system-ui, sans-serif;
	border-radius: 8px;
	font-weight: 600;
}

/* ——— WooCommerce (shop, archives, related) ——— */
body.tz-barcom-site .woocommerce {
	font-family: "Heebo", system-ui, sans-serif;
}

body.tz-barcom-site .woocommerce .woocommerce-result-count,
body.tz-barcom-site .woocommerce .woocommerce-ordering {
	font-size: 14px;
	color: var(--tz-muted);
}

body.tz-barcom-site.woocommerce ul.products,
body.tz-barcom-site .woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin: 0 !important;
	padding: 0 !important;
	clear: both;
}

body.tz-barcom-site.woocommerce ul.products::before,
body.tz-barcom-site.woocommerce ul.products::after,
body.tz-barcom-site .woocommerce ul.products::before,
body.tz-barcom-site .woocommerce ul.products::after {
	display: none !important;
}

body.tz-barcom-site.woocommerce ul.products li.product,
body.tz-barcom-site .woocommerce ul.products li.product {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 0 18px !important;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 6px 20px rgba(38, 50, 56, 0.07);
	border: 1px solid var(--tz-border);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

body.tz-barcom-site.woocommerce ul.products li.product:hover,
body.tz-barcom-site .woocommerce ul.products li.product:hover {
	box-shadow: 0 12px 28px rgba(38, 50, 56, 0.12);
	transform: translateY(-2px);
}

body.tz-barcom-site .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: "Heebo", system-ui, sans-serif;
	font-size: 16px !important;
	font-weight: 700 !important;
	padding: 12px 14px 6px !important;
	color: var(--tz-text);
}

body.tz-barcom-site .woocommerce ul.products li.product .price {
	padding: 0 14px 10px !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: var(--tz-cyan) !important;
}

body.tz-barcom-site .woocommerce ul.products li.product .button,
body.tz-barcom-site .woocommerce ul.products li.product a.button {
	margin: 0 14px 14px !important;
	border-radius: 8px !important;
	background: var(--tz-btn-dark) !important;
	color: #fff !important;
	font-weight: 600 !important;
	border: none !important;
}

body.tz-barcom-site .woocommerce ul.products li.product .button:hover,
body.tz-barcom-site .woocommerce ul.products li.product a.button:hover {
	background: var(--tz-cyan) !important;
	color: #fff !important;
}

/* Block "מידע נוסף" / read more: wp-block link + add_to_cart_button (no .button class) — black label */
body.tz-barcom-site #content a.add_to_cart_button.wp-block-button__link,
body.tz-barcom-site .woocommerce ul.products li.product a.add_to_cart_button.wp-block-button__link,
body.tz-barcom-site .woocommerce a.add_to_cart_button.wp-block-button__link {
	color: #000 !important;
	background-color: #fff !important;
	border: 1px solid var(--tz-border) !important;
	box-shadow: none !important;
}

body.tz-barcom-site #content a.add_to_cart_button.wp-block-button__link:hover,
body.tz-barcom-site .woocommerce ul.products li.product a.add_to_cart_button.wp-block-button__link:hover,
body.tz-barcom-site .woocommerce a.add_to_cart_button.wp-block-button__link:hover {
	color: #000 !important;
	background-color: var(--tz-bg-soft) !important;
	border-color: #cfd8dc !important;
}

body.tz-barcom-site .woocommerce ul.products li.product img {
	border-radius: 0 !important;
}

@media (max-width: 991px) {
	body.tz-barcom-site.woocommerce ul.products,
	body.tz-barcom-site .woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 575px) {
	body.tz-barcom-site.woocommerce ul.products,
	body.tz-barcom-site .woocommerce ul.products {
		grid-template-columns: 1fr !important;
	}
}

/* Single product */
body.tz-barcom-site.single-product .woocommerce div.product {
	font-family: "Heebo", system-ui, sans-serif;
}

/*
 * FlexSlider controls / zoom trigger vs summary column (RTL overlap at gallery edge).
 */
body.tz-barcom-site.single-product .woocommerce div.product div.images {
	position: relative;
	z-index: 2;
}

body.tz-barcom-site.single-product .woocommerce div.product div.summary {
	position: relative;
	z-index: 1;
}

body.tz-barcom-site.single-product .woocommerce-product-gallery .flex-direction-nav {
	z-index: 4;
}

body.tz-barcom-site.single-product .woocommerce-product-gallery .flex-direction-nav a {
	z-index: 5;
}

body.tz-barcom-site.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	z-index: 6;
}

body.tz-barcom-site.single-product .product_title {
	font-weight: 700;
	color: var(--tz-text);
}

body.tz-barcom-site.single-product .woocommerce div.product p.price,
body.tz-barcom-site.single-product .woocommerce div.product span.price {
	color: var(--tz-cyan) !important;
	font-size: 1.75rem !important;
	font-weight: 700 !important;
}

body.tz-barcom-site.single-product .single_add_to_cart_button.button {
	background: var(--tz-btn-dark) !important;
	color: #fff !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	padding: 0.75em 1.5em !important;
}

body.tz-barcom-site.single-product .single_add_to_cart_button.button:hover {
	background: var(--tz-cyan) !important;
}

body.tz-barcom-site .woocommerce-tabs ul.tabs {
	border-bottom: 2px solid var(--tz-border);
}

body.tz-barcom-site .woocommerce-tabs ul.tabs li a {
	font-weight: 600;
	color: var(--tz-muted);
}

body.tz-barcom-site .woocommerce-tabs ul.tabs li.active a {
	color: var(--tz-cyan);
	border-bottom-color: var(--tz-cyan);
}

/* Cart & mini-cart */
body.tz-barcom-site.woocommerce-cart .woocommerce table.shop_table,
body.tz-barcom-site.woocommerce-checkout .woocommerce table.shop_table {
	border-radius: 12px;
	border: 1px solid var(--tz-border) !important;
	overflow: hidden;
}

body.tz-barcom-site .woocommerce table.shop_table th,
body.tz-barcom-site .woocommerce table.shop_table td {
	padding: 12px 14px !important;
}

body.tz-barcom-site .woocommerce a.remove {
	color: var(--tz-cyan) !important;
}

body.tz-barcom-site .woocommerce a.remove:hover {
	background: var(--tz-cyan) !important;
	color: #fff !important;
}

body.tz-barcom-site .woocommerce .cart-collaterals .cart_totals,
body.tz-barcom-site .woocommerce .cart-collaterals .cross-sells {
	background: var(--tz-bg-soft);
	border-radius: 12px;
	padding: 20px;
	border: 1px solid var(--tz-border);
}

body.tz-barcom-site .woocommerce #respond input#submit,
body.tz-barcom-site .woocommerce a.button,
body.tz-barcom-site .woocommerce button.button,
body.tz-barcom-site .woocommerce input.button {
	border-radius: 8px;
	font-weight: 600;
}

/* Primary checkout CTAs: solid black (proceed to checkout, place order, blocks). */
body.tz-barcom-site .woocommerce .checkout-button.button,
body.tz-barcom-site .woocommerce .wc-proceed-to-checkout a.checkout-button,
body.tz-barcom-site .woocommerce #place_order,
body.tz-barcom-site .wc-block-components-checkout-place-order-button .wc-block-components-button:not(.is-link),
body.tz-barcom-site .wc-block-cart__submit-button,
body.tz-barcom-site .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button,
body.tz-barcom-site .wp-block-woocommerce-mini-cart-checkout-button-block .wc-block-components-button {
	background: #000 !important;
	color: #fff !important;
	border-color: #000 !important;
}

body.tz-barcom-site .woocommerce .checkout-button.button:hover,
body.tz-barcom-site .woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
body.tz-barcom-site .woocommerce #place_order:hover,
body.tz-barcom-site .wc-block-components-checkout-place-order-button .wc-block-components-button:not(.is-link):hover,
body.tz-barcom-site .wc-block-cart__submit-button:hover,
body.tz-barcom-site .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover,
body.tz-barcom-site .wp-block-woocommerce-mini-cart-checkout-button-block .wc-block-components-button:hover {
	background: #1a1a1a !important;
	border-color: #1a1a1a !important;
	color: #fff !important;
}

/* Checkout fields */
body.tz-barcom-site.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.tz-barcom-site.woocommerce-checkout .woocommerce form .form-row textarea,
body.tz-barcom-site.woocommerce-checkout .woocommerce form .form-row select {
	border-radius: 8px;
	border-color: #cfd8dc;
}

body.tz-barcom-site.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
body.tz-barcom-site.woocommerce-checkout .woocommerce form .form-row textarea:focus {
	border-color: var(--tz-cyan);
	box-shadow: 0 0 0 1px var(--tz-cyan);
}

/* Notices */
body.tz-barcom-site .woocommerce-message,
body.tz-barcom-site .woocommerce-info {
	border-top-color: var(--tz-cyan);
	border-radius: 8px;
}

body.tz-barcom-site .woocommerce-message::before,
body.tz-barcom-site .woocommerce-info::before {
	color: var(--tz-cyan);
}

/* Account */
body.tz-barcom-site.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--tz-bg-soft);
	border-radius: 12px;
	border: 1px solid var(--tz-border);
	overflow: hidden;
}

body.tz-barcom-site.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	font-weight: 600;
	padding: 12px 16px;
}

body.tz-barcom-site.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	color: var(--tz-cyan);
	background: rgba(0, 174, 239, 0.08);
}

/* Widgets / sidebar */
body.tz-barcom-site #sidebar .widget {
	border-radius: 12px;
	border: 1px solid var(--tz-border);
	padding: 16px;
	background: #fff;
}

body.tz-barcom-site #sidebar .widget-title {
	font-family: "Heebo", system-ui, sans-serif;
	font-weight: 700;
	font-size: 18px;
	border-bottom: 2px solid var(--tz-border);
	padding-bottom: 8px;
	margin-bottom: 12px;
}
