/*! EFM Sports © 2026 – כל הזכויות שמורות. הקוד, העיצוב והמבנה הם קניין של EFM Sports; אסור להעתיק, לשכפל או להשתמש בהם ללא אישור בכתב. */
/* EFM – the shop's shared styles: product cards (inc/cards.php), the price box, discount and stock badges, the search field. */
.aws-container .aws-search-form .aws-form-btn {
	background:#bf1d2e;
	color:#fff;
	border:none;
}
.aws-container .aws-search-form .aws-search-btn svg {
	fill:#fff;
}
.aws-container .aws-show-clear .aws-search-field {
	font-size:17px;
	font-weight:600;
	color:#000;
	border:none;
}
.woocommerce ul.products li.product a {
	font-family:inherit;
	color:#000;
}
body div.bundled_product_summary, body .woocommerce div.product.bundled_product_summary {
	padding-bottom:10px!important;
	margin-bottom:10px!important;
	display:flex;
	align-items:center;
}
.woocommerce div.product .product_title.bundled_product_title {
	font-size:18px;
	font-weight:600;
	margin-bottom:10px;
}
.bundled_product_summary .bundled_item_price_quantity, .bundled_product_summary.bundled_item_optional .bundled_product_optional_checkbox span.price, .single-product div.product .bundled_product_summary.bundled_item_optional .bundled_product_optional_checkbox span.price {
	color:#BE1D2D;
}
/* Bundle total price */
.woocommerce div.product .bundle_price p.price {
	color:#111;
	font-weight:800;
}
.woocommerce div.product .bundle_price p.price del {
	color:#999;
	font-weight:500;
}
.woocommerce div.product .bundle_price p.price ins {
	text-decoration:none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	text-align:center;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	padding:5px 10px;
}
/* Product card discount badge (woocommerce_sale_flash in inc/cards.php): corner of the image, opposite the promo stickers */
.woocommerce ul.products li.product .onsale.efm-discount {
	top:8px;
	right:auto;
	left:auto;
	inset-inline-end:8px;
	z-index:3;
	width:auto;
	height:auto;
	min-width:0;
	min-height:0;
	margin:0;
	padding:4px 9px;
	border-radius:6px;
	background:#BE1D2D;
	color:#fff;
	font-size:13px;
	font-weight:800;
	line-height:1.3;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
	background:none;
}
.single-product.woocommerce div.product p.stock.in-stock {
	border: 1px solid rgba(31, 157, 85, 0.22);
    background: #edf9f1;
    color: #145c33;
	display:inline-block;
    min-height: 38px;
    padding: 9px 12px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 850;
}
.woocommerce-variation-description {
	display:none;
}
/* Stock status pill beside the size buttons (text set per selected size in inc/cards.php); wraps below when there are many sizes */
.variations_form .variations td.value {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.efm-stock-status {
	flex: 1 1 130px; /* stays beside the sizes; text wraps instead of dropping a row */
	max-width: max-content;
	margin-inline-start: auto;
	padding: 7px 12px;
	text-align: center;
	border: 1px solid rgba(31, 157, 85, 0.22);
	border-radius: 14px;
	background: #edf9f1;
	color: #145c33;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.3;
}
.efm-stock-status[data-state="out"] {
	border-color: rgba(190, 29, 45, 0.25);
	background: #fdeef0;
	color: #be1d2d;
}
/* Price box: a price row and an Eilat-price row; labels on one side, amounts aligned on the other (single-product/price.php, loop/price.php) */
.efm-price-box {
	display: inline-flex;
	flex-direction: column;
	min-width: 220px;
	padding: 8px 14px;
	border: 1px solid #ececec;
	border-radius: 10px;
	background: #fff;
}
/* "חוסכים 25%" – next to the prices in the product page price box (single-product/price.php) */
.efm-price-box__save {
	display: inline-block;
	margin-inline-start: 6px;
	padding: 2px 8px;
	border-radius: 999px;
	background: #fdeef0;
	color: #BE1D2D;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.5;
	vertical-align: middle;
	white-space: nowrap;
}
.efm-price-box > .price,
.efm-price-box__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
}
.efm-price-box > .price-excl,
.efm-price-box__row--excl {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #f0f0f0;
}
.efm-price-box__label { color: #6b6b6b; font-size: 13px; font-weight: 500; }
.efm-price-box__value { color: #111; font-size: 24px; font-weight: 800; line-height: 1.2; }
.efm-price-box .price-excl .efm-price-box__label,
.efm-price-box__row--excl .efm-price-box__label { font-size: 12px; }
.efm-price-box .price-excl .efm-price-box__value,
.efm-price-box__row--excl .efm-price-box__value { color: #555; font-size: 15px; font-weight: 700; }
.efm-price-box del { color: #999; font-size: .6em; font-weight: 500; }
.efm-price-box ins { text-decoration: none; }
/* Card size (product grids and carousels): full card width, so every card's box is identical */
.efm-price-box--card {
	display: flex;
	width: 100%;
	min-width: 0;
	margin: 0 0 10px;
	padding: 6px 10px;
}
.efm-price-box--card .efm-price-box__row { gap: 8px; }
.efm-price-box--card .efm-price-box__row--excl { margin-top: 4px; padding-top: 4px; }
.efm-price-box--card .efm-price-box__label { font-size: 12px; }
.efm-price-box--card .efm-price-box__value { font-size: 18px; }
.efm-price-box--card .efm-price-box__row--excl .efm-price-box__value { font-size: 13px; }
/* Card photo: from edge to edge of the card (the card's padding, --efm-card-pad, is for the text below), in the same square frame */
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {
	margin: calc(-1 * var(--efm-card-pad, 0px)) calc(-1 * var(--efm-card-pad, 0px)) 0;
	overflow: hidden;
	border-radius: 11px 11px 0 0;
}
/* Card image: always the same square frame, the product photo fitted inside it */
.woocommerce ul.products li.product a img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
/* Product cards: the full name is shown. Cards in a row share the tallest card's height and the name area
   takes the extra space, so brand, price and button line up at the bottom (images keep their size). */
.woocommerce ul.products li.product {
	display: flex;
	flex-direction: column;
}
.woocommerce ul.products li.product .efm-card__title {
	flex: 1 0 auto;
	color: inherit;
}
/* Other colours under the card image (efm_card_colors in inc/cards.php): one row, scrolls sideways when it doesn't fit */
.woocommerce ul.products li.product .efm-card__colors {
	display: flex;
	justify-content: safe center;
	gap: 6px;
	margin: 8px 0 4px;
	padding: 1px;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.woocommerce ul.products li.product .efm-card__colors::-webkit-scrollbar { display: none; }
.efm-card__colors li { flex: 0 0 40px; min-width: 0; margin: 0; padding: 0; }
.efm-card__colors a,
.efm-card__colors span {
	display: grid;
	place-items: center;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	background: #fff;
	transition: border-color .15s;
}
.woocommerce ul.products li.product .efm-card__colors img {
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: contain;
}
.efm-card__colors .is-current span { border-color: #111; cursor: pointer; }
/* Touch: the colour picked by a first tap (js/site.js) – a second tap opens it */
.efm-card__colors .is-picked a { border-color: #111; box-shadow: 0 0 0 1px #111; }
.efm-card__colors:has(.is-picked) .is-current span { border-color: #e3e3e3; }
.efm-card__colors a:hover,
.efm-card__colors a:focus-visible { border-color: #BE1D2D; }
@media (max-width: 767px) {
	.woocommerce ul.products li.product .efm-card__colors { gap: 4px; }
	.efm-card__colors li { flex-basis: 32px; }
}
/* Name size follows its length (efm_loop_title_size in inc/cards.php), so long names stay short in lines */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 16px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title.is-medium { font-size: 15px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title.is-long { font-size: 13.5px; }
/* Out-of-stock badge sits on the product image, so all cards keep the same height */
/* min-width: a card in a scrolling row is never wider than its share because of its row of colours (up to 12) */
ul.products li.product { position: relative; min-width: 0; }
/* Campaign sticker (inc/badges.php): the image's top corner opposite the discount badge */
.efm-promo {
	position: absolute;
	top: 8px;
	inset-inline-start: 8px;
	z-index: 3;
	width: min(90px, 34%);
	pointer-events: none;
}
.efm-promo .efm-promo__img { display: block; width: 100%; height: auto; margin: 0; }
/* Out of stock: a band across the bottom of the faded image, clear of the promo stickers */
.out-of-stock-badge {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 2;
	padding: 6px 8px;
	background: rgba(17, 17, 17, .78);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
ul.products li.product.outofstock .woocommerce-LoopProduct-link img {
	opacity: .5;
}
/* Product card bottom: sizes / note and the add button (efm_card_quick_add in inc/cards.php) */
.efm-card__add { margin: 4px 0 0; }
.woocommerce ul.products li.product .efm-card__add-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-height: 40px;
	padding: 0 12px;
	border: 1.5px solid #111;
	border-radius: 999px;
	background: #fff;
	color: #111;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	transition: background .15s, color .15s;
}
.woocommerce ul.products li.product .efm-card__add-btn .efm-i { width: 18px; height: 18px; }
.woocommerce ul.products li.product .efm-card__add-btn:hover,
.woocommerce ul.products li.product .efm-card__add-btn:focus-visible { border-color: #111; background: #111; color: #fff; }
.woocommerce ul.products li.product .efm-card__add-btn.is-loading { opacity: .6; cursor: progress; }
.efm-card__add .efm-atc-error { margin: 0 0 6px; font-size: 12.5px; color: #BE1D2D; }
/* The row above the card button (efm_card_quick_add): the same height on every card, so prices line up.
   Sizes like the product page – chosen in red, sold out crossed out; the row scrolls when long. */
.efm-card__options,
.efm-card__note {
	box-sizing: border-box;
	height: 44px;
	margin: 0;
}
.efm-card__options {
	display: flex;
	align-items: flex-start;
	justify-content: safe center;
	gap: 4px;
	padding: 4px 2px 0;
	overflow: auto hidden;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
}
.efm-card__note {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6b6b6b;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}
.efm-card__note.is-in { color: #1a7f37; font-weight: 700; }
.efm-card__option { position: relative; flex: none; margin: 0; cursor: pointer; }
.efm-card__option input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.efm-card__option span {
	display: grid;
	place-items: center;
	min-width: 34px;
	height: 32px;
	padding: 0 6px;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	background: #fff;
	color: #111;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}
.efm-card__option:hover span { border-color: #111; }
.efm-card__option input:checked + span { border-color: #BE1D2D; background: #BE1D2D; color: #fff; }
.efm-card__option input:focus-visible + span { outline: 2px solid #111; outline-offset: 1px; }
.efm-card__option.is-out { cursor: not-allowed; }
.efm-card__option.is-out span {
	border-color: #e3e3e3;
	color: #a0a0a0;
	background:
		linear-gradient(to top left,  transparent calc(50% - 1px), #c4c4c4 50%, transparent calc(50% + 1px)),
		linear-gradient(to top right, transparent calc(50% - 1px), #c4c4c4 50%, transparent calc(50% + 1px)),
		#f5f5f5;
}
/* Until a size is chosen the button is quieter (pressing it asks for a size – js/cart.js) */
.woocommerce ul.products li.product .efm-card__add--options:not(:has(input:checked)) .efm-card__add-btn:not(:hover) { border-color: #c4c4c4; color: #777; }
@media (max-width: 767px) {
	.woocommerce ul.products li.product .efm-card__add-btn { min-height: 36px; font-size: 13px; }
}


.product-brand {
	margin:5px 0 10px 0;
}
.product-brand a {
	display:inline-block;
	border: 1px solid black;
    border-radius: 3px;
    padding: 2px 5px;
	font-size:12px;
	font-weight:400;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative;
  display: block;
}

/* התמונה השנייה: מעל הראשית, מוסתרת */
.woocommerce ul.products li.product img.secondary-product-image{
  position: absolute;
	background:#fff;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  z-index: 2;
}

/* The second photo on hover – mouse only: on touch screens a tap opens the product at once */
@media (hover: hover) and (pointer: fine) {
	.woocommerce ul.products li.product a.woocommerce-LoopProduct-link:hover img.secondary-product-image { opacity: 1; }
}

@media (max-width:767px) {
	.woocommerce div.product div.images img {
		margin:0 auto;
	}
	body.trigger-position-right #enable-toolbar-trigger {
		left:10px!important;
		right:auto!important;
		top:-80px!important;
	}
}
