/* cmr-intel-carousel */
/* Widget "קרוסלת מצב חופים (חי)" - live beach cards, horizontal scroll-snap carousel. Dark surface. */
.cmr-icar { --icar-gap: 16px; color: var(--cmr-foam, #F2F6F8); font-family: var(--cmr-font-text, "Assistant", system-ui, sans-serif); }
.cmr-icar__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.cmr-icar__live { display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 800 14px/1.3 var(--cmr-font-text); color: var(--cmr-sonar, #38E1D3); }
.cmr-icar__ping { width: 8px; height: 8px; border-radius: 50%; background: var(--cmr-go, #2BD48B); box-shadow: 0 0 0 0 rgba(43, 212, 139, .6); animation: cmr-icar-ping 2s infinite; }
@keyframes cmr-icar-ping { 70% { box-shadow: 0 0 0 8px rgba(43, 212, 139, 0); } 100% { box-shadow: 0 0 0 0 rgba(43, 212, 139, 0); } }
.cmr-icar__nav { display: flex; gap: 6px; }
.cmr-icar__btn { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border-radius: 50%; border: 0; background: rgba(242, 246, 248, .08); color: var(--cmr-foam, #F2F6F8); cursor: pointer; transition: background .2s, color .2s, opacity .2s; }
.cmr-icar__btn svg { width: 18px; height: 18px; }
.cmr-icar__btn:hover { background: rgba(56, 225, 211, .16); color: var(--cmr-sonar, #38E1D3); }
.cmr-icar__btn[hidden] { display: none; }
/* Pause / play for the autoplay (cmr-intel-carousel.js). Visible at every width, also on phones where the arrows hide. */
.cmr-icar__bar > .cmr-icar__play { flex: none; margin-inline-start: auto; }
.cmr-icar__play[aria-pressed="true"] { background: rgba(56, 225, 211, .16); color: var(--cmr-sonar, #38E1D3); }
.cmr-icar--light .cmr-icar__btn { background: var(--cmr-paper, #fff); color: var(--cmr-ink, #0B1B2A); box-shadow: inset 0 0 0 1px var(--cmr-line, #D7E1E8); }
.cmr-icar--light .cmr-icar__btn:hover, .cmr-icar--light .cmr-icar__play[aria-pressed="true"] { background: var(--cmr-ink, #0B1B2A); color: var(--cmr-foam, #F2F6F8); }
.cmr-icar__btn:focus-visible, .cmr-icar__link:focus-visible, .cmr-icar__track:focus-visible { outline: 3px solid var(--cmr-sonar, #38E1D3); outline-offset: 3px; box-shadow: none; }
/* the theme reset's "[tabindex]:not([tabindex="-1"]):focus-visible" (marlin, 2.55:1 on trench) is more specific */
.cmr-icar .cmr-icar__track[tabindex]:focus-visible { outline: 3px solid var(--cmr-sonar, #38E1D3); outline-offset: 3px; }
.cmr-icar--light .cmr-icar__btn:focus-visible, .cmr-icar.cmr-icar--light .cmr-icar__track[tabindex]:focus-visible { outline-color: var(--cmr-current, #1E4E78); }

.cmr-icar__track { list-style: none; margin: 0; padding: 4px 2px 10px; display: grid; grid-auto-flow: column; grid-auto-columns: max(290px, calc((100% - 2 * var(--icar-gap)) / 3)); gap: var(--icar-gap); overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; }
.cmr-icar__track::-webkit-scrollbar { display: none; }
@media (max-width: 1024px) { .cmr-icar__track { grid-auto-columns: max(280px, calc((100% - var(--icar-gap)) / 2)); } }
@media (max-width: 640px) { .cmr-icar { --icar-gap: 12px; } .cmr-icar__track { grid-auto-columns: 86%; } }

.cmr-icar__card { scroll-snap-align: start; min-width: 0; }
.cmr-icar__link { height: 100%; display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: var(--cmr-r-panel, 20px); background: var(--cmr-deep, #0A2236); border: 1px solid rgba(56, 225, 211, .14); color: inherit; text-decoration: none; transition: border-color .2s, transform .2s; box-sizing: border-box; }
.cmr-icar__link:hover { border-color: rgba(56, 225, 211, .45); transform: translateY(-2px); }

.cmr-icar__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.cmr-icar__title { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cmr-icar__region { font: 800 13px/1.3 var(--cmr-font-text); color: var(--cmr-marlin-light, #6FA4EC); }
.cmr-icar__city { margin: 0; font: 800 26px/1.15 var(--cmr-font-text); color: #fff; }
.cmr-icar__place { font: 500 14px/1.35 var(--cmr-font-text); color: var(--cmr-mist, #9FB3C4); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/* Index ring */
.cmr-icar__ix { --c: var(--cmr-mist, #9FB3C4); flex: none; width: 76px; height: 76px; border-radius: 50%; display: grid; place-content: center; text-align: center; background: radial-gradient(closest-side, var(--cmr-deep, #0A2236) 79%, transparent 80% 100%), conic-gradient(var(--c) calc(var(--cmr-ix, 0) * 1%), rgba(159, 179, 196, .18) 0); }
.cmr-icar__ix--good { --c: var(--cmr-go, #2BD48B); }
.cmr-icar__ix--fair { --c: var(--cmr-caution, #FFC145); }
.cmr-icar__ix--poor { --c: var(--cmr-buoy, #FF8A2B); }
.cmr-icar__ix--danger { --c: var(--cmr-danger, #FF5D5D); }
.cmr-icar__ixn { font: 800 26px/1 var(--cmr-font-data, "Assistant"); font-variant-numeric: tabular-nums; color: #fff; }
.cmr-icar__ixl { font: 800 12px/1.2 var(--cmr-font-text); color: var(--c); margin-top: 2px; }

.cmr-icar__warn { margin: 0; padding: 6px 10px; border-radius: var(--cmr-r-chip, 4px); background: rgba(255, 93, 93, .14); color: #FFB3B3; font: 700 13px/1.3 var(--cmr-font-text); }

.cmr-icar__stats { margin: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px 8px; }
.cmr-icar__stat { grid-column: span 2; }
.cmr-icar__stat:nth-child(n+4) { grid-column: span 3; }
.cmr-icar__stat { min-width: 0; padding: 10px; border-radius: 12px; background: rgba(4, 20, 33, .55); }
.cmr-icar__stat dt { font: 700 12px/1.2 var(--cmr-font-text); color: var(--cmr-mist, #9FB3C4); margin-bottom: 4px; }
.cmr-icar__stat dd { margin: 0; font: 800 18px/1.2 var(--cmr-font-data, "Assistant"); font-variant-numeric: tabular-nums; color: #fff; }
.cmr-icar__u, .cmr-icar__dir { font: 600 12px/1.2 var(--cmr-font-text); color: var(--cmr-mist, #9FB3C4); }
.cmr-icar__dir { display: block; margin-top: 2px; }
.cmr-icar__na { font: 600 13px/1.2 var(--cmr-font-text); color: var(--cmr-mist, #9FB3C4); }

.cmr-icar__best { margin: 0; font: 600 14px/1.4 var(--cmr-font-text); color: var(--cmr-foam, #F2F6F8); }
.cmr-icar__best b { color: var(--cmr-sonar, #38E1D3); }
.cmr-icar__bestsc { color: var(--cmr-mist, #9FB3C4); font-size: 13px; }

.cmr-icar__foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 12px; border-top: 1px solid rgba(159, 179, 196, .16); }
.cmr-icar__ago { font: 500 12px/1.3 var(--cmr-font-text); color: var(--cmr-mist, #9FB3C4); }
.cmr-icar__cta { font: 800 14px/1.3 var(--cmr-font-text); color: var(--cmr-buoy, #FF8A2B); }
.cmr-icar__cta::after { content: " ←"; }
.cmr-icar__empty { margin: 0; padding: 18px; border-radius: 16px; background: rgba(4, 20, 33, .5); color: var(--cmr-mist, #9FB3C4); }

/* Progress: a slim pill per card, the current one longer (added by cmr-intel-carousel.js). */
.cmr-icar__dots { display: flex; justify-content: center; gap: 6px; margin-top: 6px; }
.cmr-icar__dot { width: 6px; height: 6px; border-radius: 999px; background: rgba(159, 179, 196, .35); transition: width .25s, background .25s; }
.cmr-icar__dot.is-on { width: 20px; background: var(--cmr-sonar, #38E1D3); }
.cmr-icar--light .cmr-icar__dot { background: var(--cmr-line, #D7E1E8); }
.cmr-icar--light .cmr-icar__dot.is-on { background: var(--cmr-marlin, #2B6CC4); }
@media (min-width: 641px) { .cmr-icar__dots { display: none; } }

@media (max-width: 640px) {
	.cmr-icar__nav { display: none; } /* phones: swipe + the progress pills (the pause / play button stays) */
	.cmr-icar__play { width: 44px; height: 44px; }
	.cmr-icar__link { padding: 18px; gap: 12px; }
	.cmr-icar__city { font-size: 22px; }
	.cmr-icar__ix { width: 66px; height: 66px; }
	.cmr-icar__ixn { font-size: 22px; }
	.cmr-icar__stat dd { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
	.cmr-icar__ping { animation: none; }
	.cmr-icar__track { scroll-behavior: auto; }
	.cmr-icar__link, .cmr-icar__dot { transition: none; }
	.cmr-icar__link:hover { transform: none; }
}
/* Motion off from the accessibility toolbar ("pause animations") as well as the OS setting (html.cmr-motion-off, cmr-core.js). */
html.cmr-motion-off .cmr-icar__ping { animation: none; }
html.cmr-motion-off .cmr-icar__track { scroll-behavior: auto; }
html.cmr-motion-off .cmr-icar__link, html.cmr-motion-off .cmr-icar__dot { transition: none; }
html.cmr-motion-off .cmr-icar__link:hover { transform: none; }

/* cmr-ecart */
/* [cmr_empty_cart]: Kormi "מה אתם מחפשים?" + random products carousel, inside the WooCommerce empty cart. */
.cmr-ecart { display: grid; gap: 28px; margin-top: 8px; text-align: right; font-family: var(--cmr-font-text, "Assistant", system-ui, sans-serif); }
.cmr-ecart__kormi { display: flex; gap: 20px; align-items: center; padding: 24px; border-radius: var(--cmr-r-panel, 20px); background: linear-gradient(135deg, #fff 0%, var(--cmr-foam, #F2F6F8) 60%, rgba(56, 225, 211, .1) 100%); border: 1px solid var(--cmr-line, #D7E1E8); }
.cmr-ecart__ava { flex: none; width: 140px; }
.cmr-ecart__ava img { display: block; width: 100%; height: auto; }
.cmr-ecart__talk { flex: 1; min-width: 0; }
.cmr-ecart__q { position: relative; display: inline-block; margin: 0 0 6px; padding: 10px 18px; border-radius: 18px 18px 18px 4px; background: var(--cmr-deep, #0A2236); color: #fff; font: 800 24px/1.2 var(--cmr-font-text); }
.cmr-ecart__lead { margin: 0 0 14px; color: var(--cmr-slate, #4A5D6E); font: 500 16px/1.5 var(--cmr-font-text); }
.cmr-ecart__form { display: flex; gap: 8px; margin-bottom: 14px; }
.cmr-ecart__in { flex: 1; min-width: 0; min-height: 48px; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--cmr-line, #D7E1E8); background: #fff; color: var(--cmr-ink, #0B1B2A); font: 400 16px/1.3 var(--cmr-font-text); }
.cmr-ecart__in:focus { outline: none; border-color: var(--cmr-ink, #0B1B2A); box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff), 0 0 0 5px var(--cmr-focus, #2B6CC4); }
.cmr-ecart__send { flex: none; min-height: 48px; padding: 0 20px; border: 0; border-radius: 999px; background: var(--cmr-buoy, #FF8A2B); color: var(--cmr-abyss, #041421); font: 800 15px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-ecart__send:hover { background: var(--cmr-buoy-hover, #FFA352); }
.cmr-ecart__send:focus-visible, .cmr-ecart__chip:focus-visible { outline: 3px solid var(--cmr-focus, #2B6CC4); outline-offset: 2px; box-shadow: 0 0 0 2px var(--cmr-focus-halo, #fff); }
.cmr-ecart__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cmr-ecart__chip { display: inline-flex; align-items: center; min-height: 40px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--cmr-line, #D7E1E8); background: #fff; color: var(--cmr-ink, #0B1B2A); font: 700 14px/1.2 var(--cmr-font-text); text-decoration: none; cursor: pointer; }
.cmr-ecart__chip:hover { border-color: var(--cmr-marlin, #2B6CC4); color: var(--cmr-marlin, #2B6CC4); }
.cmr-ecart__chip--ask { border-color: rgba(43, 108, 196, .45); color: var(--cmr-current, #1E4E78); background: rgba(43, 108, 196, .06); }
.cmr-ecart__chip--ask:hover { color: var(--cmr-current, #1E4E78); border-color: var(--cmr-current, #1E4E78); }
.cmr-ecart__chip[hidden] { display: none; }

/* Products carousel (layout from cmr-intel-carousel.css, light variant) */
.cmr-ecart__rt { margin: 0; font: 800 22px/1.2 var(--cmr-font-text); color: var(--cmr-ink, #0B1B2A); }
.cmr-icar--light { color: var(--cmr-ink, #0B1B2A); }
.cmr-icar--light .cmr-icar__btn { background: var(--cmr-foam, #F2F6F8); color: var(--cmr-ink, #0B1B2A); }
.cmr-icar--light .cmr-icar__btn:hover { background: rgba(43, 108, 196, .1); color: var(--cmr-marlin, #2B6CC4); }
.cmr-ecart__track { list-style: none; margin: 0; padding: 4px 2px 12px; display: grid !important; grid-auto-flow: column; grid-template-columns: none !important; grid-auto-columns: max(220px, calc((100% - 3 * 16px) / 4)); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; }
.cmr-ecart__track::-webkit-scrollbar { display: none; }
.cmr-ecart__track > li { scroll-snap-align: start; min-width: 0; }
.cmr-ecart__track:focus-visible { outline: 2px solid var(--cmr-marlin, #2B6CC4); outline-offset: 3px; }
@media (max-width: 1024px) { .cmr-ecart__track { grid-auto-columns: max(200px, calc((100% - 2 * 16px) / 3)); } }
@media (max-width: 640px) {
	/* Phones: an 80px Kormi beside the question (not above it), so the "שאלו את קורמי" form sits in the first
	   screen above the floating Kormi row; the floating buttons always stay visible (client rule). */
	.cmr-ecart { gap: 24px; margin-top: 4px; }
	.cmr-ecart__kormi { display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; column-gap: 12px; row-gap: 0; padding: 14px 16px 16px; text-align: right; }
	.cmr-ecart__ava { width: 80px; grid-column: 1; grid-row: 1; }
	.cmr-ecart__talk { display: contents; }
	.cmr-ecart__q { grid-column: 2; grid-row: 1; justify-self: start; margin: 0; padding: 8px 14px; font-size: 20px; }
	.cmr-ecart__lead, .cmr-ecart__form, .cmr-ecart__chips { grid-column: 1 / -1; }
	.cmr-ecart__lead { margin: 10px 0 12px; font-size: 15px; }
	.cmr-ecart__form { flex-direction: column; margin-bottom: 12px; }
	.cmr-ecart__track { grid-auto-columns: 62%; gap: 12px; }
}
@media (prefers-reduced-motion: reduce) { .cmr-ecart__track { scroll-behavior: auto; } }
/* The cart block's own "new in store" pieces are replaced by this. */
.wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots { display: none; }
.cmr-ecart a.cmr-ecart__chip, .cmr-ecart a.cmr-ecart__chip:hover { text-decoration: none; }
/* WooCommerce's own empty-cart title + link, in the site style */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font: 800 28px/1.25 var(--cmr-font-text, "Assistant") !important; color: var(--cmr-ink, #0B1B2A); margin-bottom: 8px; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before { display: none !important; }
.wp-block-woocommerce-empty-cart-block > p a, .wp-block-woocommerce-empty-cart-block .has-text-align-center a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 999px; background: var(--cmr-buoy, #FF8A2B); color: var(--cmr-abyss, #041421) !important; font-weight: 800; text-decoration: none !important; }

/* Shop banner (widget cmr-shop-kormi) - shares the Kormi box above */
.cmr-shopk { margin-block: 8px 4px; }
.cmr-shopk__search { flex: none; min-height: 48px; padding: 0 18px; border: 1px solid var(--cmr-line, #D7E1E8); border-radius: 999px; background: #fff; color: var(--cmr-ink, #0B1B2A); font: 700 15px/1 var(--cmr-font-text); cursor: pointer; }
.cmr-shopk__search:hover { border-color: var(--cmr-marlin, #2B6CC4); color: var(--cmr-marlin, #2B6CC4); }
.cmr-shopk__search:focus-visible { outline: 2px solid var(--cmr-marlin, #2B6CC4); outline-offset: 2px; }
.cmr-shopk__brands { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 10px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--cmr-line, #D7E1E8); }
.cmr-shopk__bl { font: 800 14px/1.3 var(--cmr-font-text); color: var(--cmr-slate, #4A5D6E); }
.cmr-shopk__bul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; }
.cmr-shopk__bul a { display: inline-block; padding: 6px 0; color: var(--cmr-ink, #0B1B2A); font: 700 14px/1.3 var(--cmr-font-text); text-decoration: none; border-bottom: 2px solid transparent; }
.cmr-shopk__bul a:hover { color: var(--cmr-marlin, #2B6CC4); border-bottom-color: var(--cmr-buoy, #FF8A2B); }
@media (max-width: 640px) {
	.cmr-shopk .cmr-ecart__form { flex-direction: column; }
	.cmr-shopk__bul { gap: 2px 12px; }
}

