/*
Theme Name: LuxCreo Israel
Theme URI: https://luxcreo.co.il
Description: תבנית בת של GeneratePress עבור LuxCreo ישראל / איי נוביס מדיקל. כוללת עיצוב מותג, תמיכה מלאה ב-RTL, גופן Assistant מוטמע ותבניות בלוקים מוכנות לעריכה בגוטנברג.
Author: Inovis Medical
Template: generatepress
Version: 1.0.0
Text Domain: luxcreo-child
Tags: rtl-language-support, block-patterns, full-width-template
*/

/* =========================================================
   1. גופן Assistant (מוטמע באתר — ללא תלות ב-Google Fonts)
   ========================================================= */
@font-face {
	font-family: 'Assistant';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url('assets/fonts/assistant-hebrew.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: 'Assistant';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url('assets/fonts/assistant-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Assistant';
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url('assets/fonts/assistant-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================================================
   2. משתני המותג — שנו כאן צבע אחד והוא יתעדכן בכל האתר
   ========================================================= */
:root {
	--lux-petrol:      #1E4C49;
	--lux-petrol-deep: #123331;
	--lux-green:       #397F66;
	--lux-mint:        #DDE9E9;
	--lux-mint-soft:   #EEF5F4;
	--lux-orange:      #E8632A;
	--lux-ink:         #16211F;
	--lux-muted:       #5F6B6A;
	--lux-line:        #E2E8E7;
	--lux-paper:       #FBFBFB;
	--lux-white:       #FFFFFF;

	--lux-radius:      14px;
	--lux-radius-lg:   22px;
	--lux-shadow:      0 2px 4px rgba(18, 51, 49, .04), 0 12px 28px rgba(18, 51, 49, .07);
	--lux-shadow-lg:   0 4px 10px rgba(18, 51, 49, .06), 0 24px 48px rgba(18, 51, 49, .10);
	--lux-ease:        cubic-bezier(.22, .61, .36, 1);
}

/* =========================================================
   3. בסיס וטיפוגרפיה
   ========================================================= */
body {
	font-family: 'Assistant', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
	color: var(--lux-ink);
	background-color: var(--lux-white);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-heading {
	font-family: 'Assistant', sans-serif;
	color: var(--lux-petrol-deep);
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.015em;
}

h1, .wp-block-heading.is-style-lux-display {
	font-size: clamp(2rem, 1.35rem + 2.6vw, 3.4rem);
	font-weight: 800;
}
h2 { font-size: clamp(1.6rem, 1.2rem + 1.7vw, 2.5rem); }
h3 { font-size: clamp(1.25rem, 1.05rem + .8vw, 1.6rem); }
h4 { font-size: clamp(1.1rem, 1rem + .4vw, 1.28rem); }

p, li { line-height: 1.75; }

/* מרחיב אופטי: טקסט עברי נושם טוב יותר עם מעט יותר גובה שורה */
:lang(he) p, :lang(he) li { line-height: 1.8; }

a { color: var(--lux-green); text-underline-offset: .18em; }
a:hover, a:focus { color: var(--lux-petrol); }

/* פוקוס נגיש בכל האתר */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--lux-orange);
	outline-offset: 3px;
	border-radius: 4px;
}

/* =========================================================
   4. RTL — תיקוני כיווניות
   ========================================================= */
.rtl .wp-block-columns,
.rtl .wp-block-buttons,
.rtl .wp-block-social-links { direction: rtl; }

.rtl .wp-block-list,
.rtl ul, .rtl ol { padding-right: 1.3em; padding-left: 0; }

/* רשימות עם סימון מותג במקום נקודה */
.rtl .wp-block-list.is-style-lux-check,
.wp-block-list.is-style-lux-check {
	list-style: none;
	padding-inline-start: 0;
	margin-inline-start: 0;
}
.wp-block-list.is-style-lux-check > li {
	position: relative;
	padding-inline-start: 2rem;
	margin-bottom: .7rem;
}
.wp-block-list.is-style-lux-check > li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: .55em;
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
	background: var(--lux-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E4C49' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / .72rem no-repeat;
}

/* =========================================================
   5. כפתורים
   ========================================================= */
.wp-block-button__link,
.button,
button:not(.components-button),
input[type="submit"] {
	font-family: 'Assistant', sans-serif;
	font-weight: 700;
	font-size: 1.02rem;
	letter-spacing: .01em;
	border-radius: 999px;
	padding: .85em 2.1em;
	transition: transform .2s var(--lux-ease), box-shadow .2s var(--lux-ease), background-color .2s var(--lux-ease);
}

.wp-block-button__link {
	background-color: var(--lux-petrol);
	color: var(--lux-white);
	box-shadow: 0 4px 14px rgba(30, 76, 73, .22);
}
.wp-block-button__link:hover {
	background-color: var(--lux-petrol-deep);
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(30, 76, 73, .28);
	color: var(--lux-white);
}

/* וריאציה: כפתור מתאר */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--lux-petrol);
	border: 2px solid var(--lux-petrol);
	box-shadow: none;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--lux-petrol);
	color: var(--lux-white);
}

/* וריאציה: כפתור מותג כתום (קריאה לפעולה ראשית) */
.wp-block-button.is-style-lux-accent .wp-block-button__link {
	background-color: var(--lux-orange);
	color: var(--lux-white);
	box-shadow: 0 4px 14px rgba(232, 99, 42, .28);
}
.wp-block-button.is-style-lux-accent .wp-block-button__link:hover {
	background-color: #cf5320;
	color: var(--lux-white);
}

/* וריאציה: כפתור על רקע כהה */
.has-lux-petrol-background-color .wp-block-button:not(.is-style-outline):not(.is-style-lux-accent) .wp-block-button__link,
.has-lux-petrol-deep-background-color .wp-block-button:not(.is-style-outline):not(.is-style-lux-accent) .wp-block-button__link {
	background: var(--lux-white);
	color: var(--lux-petrol-deep);
}
.has-lux-petrol-background-color .wp-block-button.is-style-outline .wp-block-button__link,
.has-lux-petrol-deep-background-color .wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--lux-white);
	border-color: rgba(255, 255, 255, .6);
}
.has-lux-petrol-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-lux-petrol-deep-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--lux-white);
	color: var(--lux-petrol-deep);
}

/* =========================================================
   6. סגנונות בלוקים מותאמים — נבחרים מתוך סרגל "סגנונות" בגוטנברג
   ========================================================= */

/* --- כרטיס --- */
.wp-block-group.is-style-lux-card,
.wp-block-column.is-style-lux-card {
	background: var(--lux-white);
	border: 1px solid var(--lux-line);
	border-radius: var(--lux-radius-lg);
	padding: 2rem 1.9rem;
	box-shadow: var(--lux-shadow);
	height: 100%;
	transition: transform .28s var(--lux-ease), box-shadow .28s var(--lux-ease), border-color .28s var(--lux-ease);
}
.wp-block-group.is-style-lux-card:hover,
.wp-block-column.is-style-lux-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--lux-shadow-lg);
	border-color: var(--lux-mint);
}
.wp-block-group.is-style-lux-card > :last-child,
.wp-block-column.is-style-lux-card > :last-child { margin-bottom: 0; }

/* --- כרטיס מנטה (ללא צל, רקע רך) --- */
.wp-block-group.is-style-lux-card-soft,
.wp-block-column.is-style-lux-card-soft {
	background: var(--lux-mint-soft);
	border: 1px solid transparent;
	border-radius: var(--lux-radius-lg);
	padding: 2rem 1.9rem;
	height: 100%;
}
.wp-block-group.is-style-lux-card-soft > :last-child,
.wp-block-column.is-style-lux-card-soft > :last-child { margin-bottom: 0; }

/* --- כרטיס כהה --- */
.wp-block-group.is-style-lux-card-dark,
.wp-block-column.is-style-lux-card-dark {
	background: var(--lux-petrol);
	color: #EAF2F1;
	border-radius: var(--lux-radius-lg);
	padding: 2.2rem 2rem;
	height: 100%;
}
.is-style-lux-card-dark h1, .is-style-lux-card-dark h2,
.is-style-lux-card-dark h3, .is-style-lux-card-dark h4,
.is-style-lux-card-dark .wp-block-heading { color: var(--lux-white); }
.wp-block-group.is-style-lux-card-dark > :last-child,
.wp-block-column.is-style-lux-card-dark > :last-child { margin-bottom: 0; }

/* --- כותרת עם קו מותג --- */
.wp-block-heading.is-style-lux-underline {
	position: relative;
	padding-bottom: .6rem;
	margin-bottom: 1.4rem;
}
.wp-block-heading.is-style-lux-underline::after {
	content: "";
	position: absolute;
	bottom: 0;
	inset-inline-start: 0;
	width: 68px;
	height: 4px;
	border-radius: 2px;
	background: linear-gradient(to left, var(--lux-orange), var(--lux-green));
}
.has-text-align-center.wp-block-heading.is-style-lux-underline::after {
	inset-inline-start: 50%;
	transform: translateX(50%);
}
.rtl .has-text-align-center.wp-block-heading.is-style-lux-underline::after {
	transform: translateX(50%);
}

/* --- תווית / אייבראו מעל כותרת --- */
.wp-block-paragraph.is-style-lux-eyebrow,
p.is-style-lux-eyebrow {
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .11em;
	text-transform: uppercase;
	color: var(--lux-green);
	margin-bottom: .5rem;
}

/* --- תמונה עם פינות מעוגלות --- */
.wp-block-image.is-style-lux-rounded img {
	border-radius: var(--lux-radius-lg);
	box-shadow: var(--lux-shadow);
}

/* --- ציטוט / המלצת רופא --- */
.wp-block-quote.is-style-lux-testimonial {
	background: var(--lux-mint-soft);
	border: 0;
	border-radius: var(--lux-radius-lg);
	padding: 2.4rem 2.2rem 2rem;
	position: relative;
	margin-inline: 0;
}
.wp-block-quote.is-style-lux-testimonial::before {
	content: "”";
	position: absolute;
	top: .1em;
	inset-inline-start: 1.4rem;
	font-size: 4.6rem;
	line-height: 1;
	color: var(--lux-mint);
	font-family: Georgia, serif;
}
.wp-block-quote.is-style-lux-testimonial p {
	font-size: 1.1rem;
	line-height: 1.85;
	position: relative;
}
.wp-block-quote.is-style-lux-testimonial cite {
	display: block;
	margin-top: 1.1rem;
	font-style: normal;
	font-weight: 700;
	color: var(--lux-petrol);
}

/* --- מספר שלב עגול --- */
.is-style-lux-step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.9rem;
	height: 2.9rem;
	border-radius: 50%;
	background: var(--lux-petrol);
	color: #fff !important;
	font-weight: 800;
	font-size: 1.15rem;
	margin-bottom: .9rem;
}

/* --- פס נתונים (סטטיסטיקה) --- */
.is-style-lux-stat {
	font-size: clamp(2.1rem, 1.5rem + 2.4vw, 3.1rem);
	font-weight: 800;
	line-height: 1.05;
	color: var(--lux-petrol);
	margin-bottom: .25rem;
}

/* =========================================================
   7. אזורים ומקטעים
   ========================================================= */
.wp-block-cover { border-radius: 0; }
.wp-block-cover.is-style-lux-rounded { border-radius: var(--lux-radius-lg); overflow: hidden; }

/* מקטע עם רקע מנטה שנמתח לרוחב מלא */
.wp-block-group.has-lux-mint-soft-background-color,
.wp-block-group.has-lux-mint-background-color,
.wp-block-group.has-lux-paper-background-color { border-radius: 0; }

/* מרווח אנכי אחיד למקטעים */
.lux-section, .wp-block-group.is-style-lux-section {
	padding-top: clamp(3rem, 1.6rem + 5vw, 6rem);
	padding-bottom: clamp(3rem, 1.6rem + 5vw, 6rem);
}

/* =========================================================
   8. ראש האתר וניווט (GeneratePress)
   ========================================================= */
.site-header { border-bottom: 1px solid var(--lux-line); }

.main-navigation .main-nav ul li a {
	font-weight: 600;
	font-size: 1rem;
	letter-spacing: .005em;
}
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current-menu-ancestor > a {
	color: var(--lux-petrol);
	box-shadow: inset 0 -3px 0 var(--lux-orange);
}
.main-navigation ul ul {
	box-shadow: var(--lux-shadow-lg);
	border-radius: 0 0 var(--lux-radius) var(--lux-radius);
	overflow: hidden;
	border: 1px solid var(--lux-line);
	border-top: 3px solid var(--lux-petrol);
}

/* שני לוגואים זה לצד זה בראש האתר */
.site-logo img, .site-header .header-image { max-height: 54px; width: auto; }

/* =========================================================
   9. כותרת תחתונה
   ========================================================= */
.site-footer,
.site-info {
	background: var(--lux-petrol-deep);
	color: #C7D6D4;
}
.site-footer a, .site-info a { color: #EAF2F1; }
.site-footer a:hover, .site-info a:hover { color: var(--lux-white); }
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4, .site-footer .wp-block-heading { color: var(--lux-white); }

/* =========================================================
   10. טפסים
   ========================================================= */
input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], input[type="number"], input[type="tel"], input[type="date"],
select, textarea {
	font-family: 'Assistant', sans-serif;
	font-size: 1rem;
	border: 1px solid var(--lux-line);
	border-radius: var(--lux-radius);
	padding: .8em 1em;
	background: var(--lux-white);
	width: 100%;
	transition: border-color .2s var(--lux-ease), box-shadow .2s var(--lux-ease);
}
input:focus, select:focus, textarea:focus {
	border-color: var(--lux-green);
	box-shadow: 0 0 0 3px rgba(57, 127, 102, .14);
}
label { font-weight: 600; display: block; margin-bottom: .4rem; }

/* =========================================================
   11. נגישות והעדפות משתמש
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
	.wp-block-group.is-style-lux-card:hover,
	.wp-block-button__link:hover { transform: none; }
}

.lux-skip-link:focus {
	position: fixed;
	inset-block-start: 12px;
	inset-inline-start: 12px;
	z-index: 100000;
	background: var(--lux-petrol);
	color: #fff;
	padding: .8em 1.4em;
	border-radius: var(--lux-radius);
}

/* =========================================================
   12. התאמות למסכים קטנים
   ========================================================= */
@media (max-width: 768px) {
	.wp-block-group.is-style-lux-card,
	.wp-block-column.is-style-lux-card,
	.wp-block-group.is-style-lux-card-soft,
	.wp-block-column.is-style-lux-card-soft,
	.wp-block-group.is-style-lux-card-dark,
	.wp-block-column.is-style-lux-card-dark { padding: 1.5rem 1.35rem; }

	.wp-block-quote.is-style-lux-testimonial { padding: 2rem 1.4rem 1.6rem; }

	/* מונע גלישה אופקית בעמודות רחבות */
	.wp-block-columns { gap: 1.25rem; }
}