/* =========================================================
   Dania Elixir — בסיס: פריסה, כפתורים, רכיבים משותפים
   שימוש ב-CSS Logical Properties לתמיכה מלאה ב-RTL.
   ========================================================= */

.de-container {
	width: 100%;
	max-width: var(--de-container);
	margin-inline: auto;
	padding-inline: var(--de-gutter);
}

.de-section {
	padding-block: var(--de-section);
}
.de-section--tight { padding-block: clamp(36px, 4vw, 64px); }

.de-page { display: flex; flex-direction: column; min-height: 100vh; }
.de-main { flex: 1 0 auto; }

/* דילוג לתוכן */
.de-skip {
	position: absolute;
	inset-inline-start: -9999px;
	top: 0;
	z-index: 999;
	background: var(--de-espresso);
	color: #fff;
	padding: 12px 20px;
	border-radius: 0 0 var(--de-r) var(--de-r);
}
.de-skip:focus { inset-inline-start: 12px; }

/* --- כפתורים --- */
.de-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--de-sp-2);
	padding: 14px 28px;
	border: 1px solid transparent;
	border-radius: var(--de-r);
	font-family: var(--de-font-head);
	font-weight: 500;
	font-size: var(--de-fs-base);
	line-height: 1;
	min-height: 48px;
	text-align: center;
	transition: transform var(--de-t-fast), background var(--de-t), color var(--de-t), box-shadow var(--de-t), border-color var(--de-t);
	cursor: pointer;
}
.de-btn:active { transform: translateY(1px); }

.de-btn--primary {
	background: var(--de-espresso);
	color: var(--de-surface);
	box-shadow: var(--de-shadow-sm);
}
.de-btn--primary:hover { background: var(--de-brown); }

.de-btn--gold {
	background: var(--de-gold);
	color: #fff;
	box-shadow: 0 10px 26px rgba(167, 123, 77, .28);
}
.de-btn--gold:hover { background: var(--de-brown); }

.de-btn--outline {
	background: transparent;
	color: var(--de-espresso);
	border-color: var(--de-border);
}
.de-btn--outline:hover { border-color: var(--de-gold); color: var(--de-gold); }

.de-btn--ghost {
	background: transparent;
	color: var(--de-espresso);
	border-color: var(--de-gold);
}
.de-btn--ghost:hover { background: var(--de-espresso); color: var(--de-surface); border-color: var(--de-espresso); }

.de-btn--wa {
	background: #1FA855;
	color: #fff;
	width: 100%;
}
.de-btn--wa:hover { background: #178a45; }

.de-btn--sm { padding: 10px 18px; min-height: 42px; font-size: var(--de-fs-sm); }
.de-btn--block { width: 100%; }
.de-btn.is-loading { opacity: .7; pointer-events: none; }

.de-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--de-gold);
	font-weight: 500;
}
.de-link:hover { color: var(--de-brown); }

/* --- כפתורי אייקון --- */
.de-iconbtn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border: none;
	background: transparent;
	color: var(--de-espresso);
	border-radius: var(--de-r-pill);
	transition: background var(--de-t-fast), color var(--de-t-fast);
}
.de-iconbtn:hover { background: rgba(167, 123, 77, .12); color: var(--de-gold); }

.de-icon { display: block; }

/* --- Eyebrow וכותרות מקטע --- */
.de-eyebrow {
	display: inline-block;
	font-family: var(--de-font-latin);
	font-size: var(--de-fs-md);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--de-gold);
	margin-bottom: var(--de-sp-3);
}
.de-eyebrow--gold { color: var(--de-gold-light); }

.de-sechead { margin-bottom: var(--de-sp-7); }
.de-sechead--center { text-align: center; }
.de-sechead__title { font-size: var(--de-fs-2xl); margin: 0; }
.de-sechead__sub {
	color: var(--de-muted);
	max-width: 620px;
	margin: var(--de-sp-4) auto 0;
	font-size: var(--de-fs-md);
}
.de-sechead--start { text-align: start; }
.de-sechead--start .de-sechead__sub { margin-inline: 0; }

/* --- מפריד זהב --- */
.de-rule {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	margin: var(--de-sp-4) auto;
	max-width: 220px;
	color: var(--de-gold);
}
.de-rule--start { justify-content: flex-start; margin-inline: 0; }
.de-rule--gold { color: var(--de-gold-light); }
.de-rule__line { flex: 1; height: 1px; background: currentColor; opacity: .5; }
.de-rule__mark { flex: 0 0 auto; }

/* --- Prose --- */
.de-prose { max-width: 760px; margin-inline: auto; }
.de-prose h2 { font-size: var(--de-fs-xl); margin-top: var(--de-sp-6); }
.de-prose h3 { font-size: var(--de-fs-lg); margin-top: var(--de-sp-5); }
.de-prose a { color: var(--de-gold); text-decoration: underline; }

/* --- כותרת עמוד --- */
.de-pagehead {
	background: var(--de-cream);
	padding-block: clamp(40px, 5vw, 72px);
	text-align: center;
}
.de-pagehead__title { font-size: var(--de-fs-2xl); margin: var(--de-sp-3) 0 0; }
.de-pagehead__sub { color: var(--de-muted); margin-top: var(--de-sp-3); }

/* --- Grid כללי --- */
.de-grid { display: grid; gap: var(--de-sp-5); }
.de-grid--3 { grid-template-columns: repeat(3, 1fr); }

/* --- ריק / 404 --- */
.de-empty {
	text-align: center;
	padding-block: var(--de-sp-8);
	color: var(--de-muted);
}
.de-empty h2 { color: var(--de-espresso); }
.de-empty .de-btn { margin-top: var(--de-sp-4); }
.de-empty .de-icon { margin-inline: auto; color: var(--de-beige); margin-bottom: var(--de-sp-4); }

/* --- פירורי לחם --- */
.de-crumbs {
	font-size: var(--de-fs-sm);
	color: var(--de-muted);
	padding-block: var(--de-sp-5) 0;
}
.de-crumbs a { color: var(--de-gold); }
.de-crumb__sep { margin-inline: 8px; opacity: .6; }

/* --- Toast --- */
.de-toast {
	position: fixed;
	inset-block-end: 24px;
	inset-inline-start: 50%;
	transform: translateX(50%) translateY(20px);
	background: var(--de-espresso);
	color: #fff;
	padding: 14px 24px;
	border-radius: var(--de-r-pill);
	box-shadow: var(--de-shadow-lg);
	z-index: var(--de-z-toast);
	opacity: 0;
	transition: opacity var(--de-t), transform var(--de-t);
	max-width: 90vw;
	font-size: var(--de-fs-sm);
	pointer-events: none;
}
.de-toast.is-visible { opacity: 1; transform: translateX(50%) translateY(0); }
.de-toast--ok { background: var(--de-success); }
.de-toast--error { background: #9a3b2f; }

/* --- כפתור ווטסאפ צף --- */
.de-wa-float {
	position: fixed;
	inset-block-end: 20px;
	inset-inline-end: 20px;
	z-index: var(--de-z-header);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #1FA855;
	color: #fff;
	padding: 12px 18px;
	border-radius: var(--de-r-pill);
	box-shadow: 0 12px 30px rgba(31, 168, 85, .34);
	transition: transform var(--de-t-fast);
}
.de-wa-float:hover { transform: translateY(-2px); }
.de-wa-float__icon { display: inline-flex; }

/* --- Pagination --- */
.de-pagination ul { display: flex; gap: 8px; justify-content: center; margin-top: var(--de-sp-7); }
.de-pagination a, .de-pagination span {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 44px; padding: 0 12px;
	border: 1px solid var(--de-border); border-radius: var(--de-r);
	color: var(--de-espresso);
}
.de-pagination .current { background: var(--de-espresso); color: #fff; border-color: var(--de-espresso); }

/* שדה מוסתר */
.de-hidden-field { display: none !important; }
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%); height: 1px; width: 1px;
	margin: -1px; overflow: hidden; padding: 0; position: absolute;
}