/* ==========================================================================
   עוז הנדסה — שכבת עיצוב על האתר החי
   --------------------------------------------------------------------------
   מיישמת את שפת העיצוב מהקונספט (src/index.template.html) על עמודי
   ה-Elementor הקיימים, בלי לגעת בתוכן, במבנה או בווידג'טים.

   השיטה: דריסת משתני ה-Global של ערכת Elementor (post-1139).
   כל צבע וכל פונט באתר נגזרים מהם — לכן שינוי כאן מחלחל לכל האתר.

   הסרה מלאה: מוחקים את wp-content/mu-plugins/oz-design-layer.php
   והאתר חוזר בדיוק למה שהיה. שום קובץ מקורי לא שונה.
   ========================================================================== */


/* ── 1. Rubik — פונט אחד לכל האתר ─────────────────────────────────────── */

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url('fonts/rubik-heb.woff2') format('woff2');
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url('fonts/rubik-lat.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ── 2. הטוקנים מהקונספט ──────────────────────────────────────────────── */

html:root {
	--oz-paper:  #FFFFFF;
	--oz-alt:    #F6F6F5;
	--oz-line:   #E7E7E5;
	--oz-soft:   #F0F0EE;
	--oz-ink:    #101216;
	--oz-muted:  #65686E;

	--oz-radius-button: 8px;
	--oz-radius-card:   12px;

	--oz-font: 'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}


/* ── 3. פלטה מונוכרומטית ──────────────────────────────────────────────────
   הזהב (#F9B919) וזהב־הזית (#9F8C46) יורדים. הכחלחל (#404659 / #717A96)
   הופך לאפור נייטרלי. הצבעים הזרים — ווטסאפ, גוגל — לא נגעתי בהם בכוונה.

   שים לב לסלקטור: Elementor מגדיר את המשתנים על `body.elementor-kit-1139`.
   הגדרה על `html` בלבד לא מספיקה — body יורש מעצמו וגובר. לכן הדריסה
   חייבת לשבת על ה-body עצמו, בספציפיות גבוהה יותר מ-`.elementor-kit-1139`.
   ------------------------------------------------------------------------ */

html:root,
body[class*="elementor-kit-"] {
	/* ארבעת הראשיים */
	--e-global-color-primary:    var(--oz-ink);      /* היה #000000 */
	--e-global-color-secondary:  var(--oz-ink);      /* היה #404659 — כחלחל */
	--e-global-color-text:       var(--oz-muted);    /* היה #717A96 — כחלחל */
	--e-global-color-accent:     var(--oz-ink);      /* היה #F9B919 — זהב */

	/* המותאמים אישית */
	--e-global-color-51d6c26:    var(--oz-muted);    /* היה #9F8C46 — זהב זית */
	--e-global-color-9b572e7:    rgba(16,18,22,.05); /* היה #2A2E3A0D */
	--e-global-color-f2b27cf:    rgba(16,18,22,.14); /* היה #2A2E3A24 */
	--e-global-color-37f01c7:    rgba(16,18,22,.05); /* היה #2A2E3A0D */
	--e-global-color-2ad104b0:   var(--oz-soft);     /* היה #EDFFD9 — ירקרק */
	--e-global-color-7b996fd:    rgba(16,18,22,.08); /* היה #9F8C4614 */
	--e-global-color-b457143:    var(--oz-muted);    /* היה #2A2E3A57 */
	--e-global-color-05b6484:    rgba(16,18,22,.18); /* היה #9F8C4638 */
	--e-global-color-747263a:    var(--oz-muted);    /* היה #9F8C4659 */
	/* הלבנים נשארים לבנים: 78be63c1, 37cd55e */
}


/* ── 4. טיפוגרפיה — Rubik בכל מקום ───────────────────────────────────────
   :where() מאפס ספציפיות, כך שה-!important חל בלי להסלים מלחמות סלקטורים.
   אייקונים (i, svg, eicon, Font Awesome) לא נכללים בכוונה — הם פונטים
   של סמלים, והחלפת המשפחה שלהם הייתה שוברת אותם.
   ------------------------------------------------------------------------ */

html:root,
body[class*="elementor-kit-"] {
	--e-global-typography-primary-font-family:   "Rubik";
	--e-global-typography-secondary-font-family: "Rubik";  /* היה Noto Sans Hebrew */
	--e-global-typography-text-font-family:      "Rubik";  /* היה Noto Sans Hebrew */
	--e-global-typography-accent-font-family:    "Rubik";
	--e-global-typography-28d0191-font-family:   "Rubik";  /* היה Noto Sans Hebrew */
}

body :where(
	h1, h2, h3, h4, h5, h6, p, li, a, blockquote,
	button, input, textarea, select, label,
	.elementor-heading-title,
	.elementor-widget-text-editor,
	.elementor-button,
	.elementor-image-box-title,
	.elementor-image-box-description,
	.elementor-cta__title,
	.elementor-cta__description,
	.elementskit-funfact-title,
	.ekit_funfact_number
) {
	font-family: var(--oz-font) !important;
}


/* ── 5. כפתורים — חדים אך לא גסים ────────────────────────────────────────
   הקונספט: 8px לכפתורים, 12px לכרטיסים. מעבר רך על ריחוף.
   ------------------------------------------------------------------------ */

body :where(.elementor-button, .elementor-cta__button, button, input[type="submit"]) {
	border-radius: var(--oz-radius-button) !important;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

body :where(.elementor-button:hover, .elementor-cta__button:hover) {
	transform: translateY(-1px);
}


/* ── 6. קווים ומפרידים ──────────────────────────────────────────────────── */

body :where(.elementor-divider-separator) {
	border-color: var(--oz-line) !important;
}


/* ── 6ב. שאריות זהב מקודדות קשיח ─────────────────────────────────────────
   הכללים הבאים כותבים #9F8C46 ישירות ולא דרך משתנה, ולכן לא נתפסו
   בסעיף 3. אותרו בסריקת ה-DOM של העמוד החי.
   ------------------------------------------------------------------------ */

.elementor-46 .elementor-element.elementor-element-a9eca01
	.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	background: rgba(16, 18, 22, .22) !important;
}

.elementor-1787 .elementor-element.elementor-element-86c1ebe {
	border-color: var(--oz-line) !important;
}


/* ── 7. נגישות — כיבוד העדפת תנועה מופחתת ────────────────────────────────
   נשמר מהקונספט. מי שביקש פחות תנועה — מקבל.
   ------------------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
	body :where(.elementor-button, .elementor-cta__button) {
		transition: none;
	}
	body :where(.elementor-button:hover, .elementor-cta__button:hover) {
		transform: none;
	}
}