/**
 * מכון נדב — עיצוב ריבועי הערכות.
 *
 * Today's design, as custom properties: the two main colours and their
 * hand-picked shades. Every other design setting (mn-card-design-schema.php)
 * is not declared at all until it is chosen; where it is used, the fallback
 * is today's value. Once something is chosen in Elementor, for the site or
 * for one widget, mn-card-design-palette.php works the shades out from it.
 */

/* ---------------------------------------------------------- today's palette */

:root {
	--mn-primary: #ef9439;
	--mn-primary-strong: #db7f22;       /* a filled button, hovered */
	--mn-primary-soft: #f7c592;         /* the buy button before a plan is chosen */
	--mn-primary-soft-strong: #f3b574;
	--mn-primary-line: #f3c99b;         /* a hairline around a tint */
	--mn-primary-tint: #fdf1e3;         /* a chosen plan, the "choose" bubble */
	--mn-primary-tint-strong: #fdebd6;
	--mn-primary-mark: #fde2c2;         /* matched words in the quick search */
	--mn-primary-ink: #8a4b12;          /* text on a tint */
	--mn-primary-text: #a4501a;
	--mn-primary-text-soft: #b8620f;
	--mn-on-primary: #17202b;           /* text on the primary, and so on */
	--mn-on-primary-strong: #fff;
	--mn-on-primary-soft: rgba( 23, 32, 43, 0.72 );
	--mn-on-primary-soft-strong: #17202b;
	--mn-primary-a20: rgba( 239, 148, 57, 0.2 );  /* see-through, for focus rings */
	--mn-primary-a35: rgba( 239, 148, 57, 0.35 );
	--mn-primary-a60: rgba( 239, 148, 57, 0.6 );

	--mn-secondary: #1a1a1a;            /* the "מה כוללת הערכה?" row */
	--mn-secondary-from: #2e2e2e;       /* its gradient */
	--mn-secondary-to: #131313;
	--mn-secondary-line: #141414;
	--mn-secondary-hover: #222;
	--mn-secondary-hover-from: #3a3a3a;
	--mn-on-secondary: #fff;
	--mn-shine: rgba( 255, 190, 120, 0.3 ); /* the sweep of light across it */
}

/* ------------------------------------------------------ chosen in Elementor */

/* The theme paints the chevron in every button its own orange (#ef9439, and
   #426086 on hover). On today's orange button that is part of the look; on a
   button of another colour it would be the one orange thing left, so there it
   takes the button's text colour instead. */
body.mn-buy-custom .elementor-wc-products .single_add_to_cart_button i,
body.mn-buy-custom .mn-qv-foot .single_add_to_cart_button i,
.mn-colors-own-yes:is([class*="mn-own-primary-"], [class*="mn-own-buy-bg-"]) .single_add_to_cart_button i,
.mn-colors-from-widget:is(.mn-own-primary, .mn-own-buy-bg) .mn-qv-foot .single_add_to_cart_button i {
	color: inherit !important;
}

/* A chosen font, on every piece of text in the cards, the carousel's search
   and the window's head and foot; never on an icon font. */
body.mn-font-site .elementor-wc-products :is(ul.products li.product, .mn-csearch__empty),
body.mn-font-site .elementor-wc-products :is(ul.products li.product, .mn-csearch, .mn-csearch__empty) *:not(i):not(svg):not(svg *):not([class*="fa-"]):not([class*="eicon"]),
body.mn-font-site .yith-quick-view :is(.mn-qv-head, .mn-qv-foot),
body.mn-font-site .yith-quick-view :is(.mn-qv-head, .mn-qv-foot) *:not(i):not(svg):not(svg *):not([class*="fa-"]),
.mn-colors-own-yes.mn-own-font-on :is(ul.products li.product, .mn-csearch__empty),
.mn-colors-own-yes.mn-own-font-on :is(ul.products li.product, .mn-csearch, .mn-csearch__empty) *:not(i):not(svg):not(svg *):not([class*="fa-"]):not([class*="eicon"]),
.yith-quick-view.mn-font-on :is(.mn-qv-head, .mn-qv-foot),
.yith-quick-view.mn-font-on :is(.mn-qv-head, .mn-qv-foot) *:not(i):not(svg):not(svg *):not([class*="fa-"]) {
	font-family: var( --mn-font ) !important;
}

/* ------------------------------------------------------------ in the editor */

/* A widget with a design of its own says so on the page, in the editor only,
   so it can be spotted without opening every widget's panel. */
.elementor-editor-active .elementor-widget.mn-colors-own-yes::after {
	content: "עיצוב משלו";
	position: absolute;
	top: -11px;
	inset-inline-start: 10px;
	z-index: 5;
	padding: 1px 9px;
	border-radius: 999px;
	background: #17202b;
	color: #fff;
	font: 600 11px/1.7 system-ui, -apple-system, "Segoe UI", sans-serif;
	letter-spacing: 0;
	pointer-events: none;
}