/* Israel Fetish — האדר ופוטר בקוד, בכל האתר
   הצבעים מהלוגו. כל הסלקטורים עם קידומת if- כדי שאלמנטור / hello לא ידרסו */
:root {
	--if-bg: #000000;
	--if-surface: #0b0b0b;
	--if-line: #2a2827;
	--if-text: #ffffff;
	--if-text-soft: #d9d6d5;
	--if-grey: #A9A3A1;
	--if-red: #88151A;
	--if-red-hi: #b3242b;
	--if-red-lo: #520b0e;
	--if-silver: linear-gradient(180deg, #ffffff 0%, #e4e1e0 28%, #8e8886 50%, #f1efee 70%, #A9A3A1 100%);
	--if-red-grad: linear-gradient(180deg, var(--if-red-hi) 0%, var(--if-red) 55%, var(--if-red-lo) 100%);
	--if-grey-grad: linear-gradient(180deg, #e2dfde 0%, var(--if-grey) 55%, #77716f 100%);
	--if-font-body: "Heebo", Arial, sans-serif;
}

.if-skip { position: absolute; top: -80px; left: 16px; z-index: 1000; background: var(--if-red); color: #fff !important; padding: 10px 16px; font-family: var(--if-font-body); text-decoration: none; }
.if-skip:focus { top: 10px; }

/* ---------- האדר: לוגו + המבורגר, התפריט נפתח מתחת ---------- */
.if-hdr { position: relative; z-index: 999; background: var(--if-bg); font-family: var(--if-font-body); }
.if-hdr::after { content: ""; display: block; height: 1px; background: linear-gradient(90deg, transparent, var(--if-grey), transparent); opacity: .6; }
.if-hdr__in {
	box-sizing: border-box; max-width: 1500px; min-height: 63px; margin: 0 auto; padding: 6px 20px;
	display: flex; flex-direction: row; align-items: center; justify-content: space-between;
}
.if-hdr__logo { display: block; line-height: 0; }
.if-hdr__logo img { display: block; width: 105px; height: auto; max-width: none; }

/* כפתור ההמבורגר — בלי עיגול, שלושה פסים שהופכים ל-X */
.if-hdr .if-hdr__toggle,
.if-hdr .if-hdr__toggle:hover,
.if-hdr .if-hdr__toggle:focus {
	box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
	width: 59px; height: 59px; margin: 0; padding: 10px;
	background: transparent; border: 0; border-radius: 0; box-shadow: none; color: var(--if-grey); cursor: pointer;
}
.if-hdr .if-hdr__toggle:focus-visible { outline: 2px solid var(--if-grey); outline-offset: 2px; }
.if-hdr__bars, .if-hdr__bars::before, .if-hdr__bars::after {
	display: block; width: 34px; height: 3px; background: currentColor; transition: transform .25s, background-color .25s, top .25s;
}
.if-hdr__bars { position: relative; }
.if-hdr__bars::before, .if-hdr__bars::after { content: ""; position: absolute; right: 0; }
.if-hdr__bars::before { top: -10px; }
.if-hdr__bars::after { top: 10px; }
.if-hdr .if-hdr__toggle:hover { color: #fff; }
.if-hdr.is-open .if-hdr__toggle { color: var(--if-red-hi); }
.if-hdr.is-open .if-hdr__bars { background: transparent; }
.if-hdr.is-open .if-hdr__bars::before { top: 0; transform: rotate(45deg); }
.if-hdr.is-open .if-hdr__bars::after { top: 0; transform: rotate(-45deg); }

/* התפריט הנפתח */
.if-hdr__menu {
	display: none; position: absolute; top: 100%; right: 0; left: 0;
	background: var(--if-bg); border-bottom: 1px solid var(--if-line);
	box-shadow: 0 24px 40px rgba(0, 0, 0, .7);
}
.if-hdr.is-open .if-hdr__menu { display: block; }
.if-hdr .if-hdr__list { list-style: none; margin: 0 auto; padding: 0; max-width: 1500px; }
.if-hdr .if-hdr__list li { margin: 0; padding: 0; border-top: 1px solid var(--if-line); }
.if-hdr .if-hdr__list a {
	display: flex; align-items: center; gap: 8px; padding: 20px;
	font-family: var(--if-font-body); font-size: 17px; font-weight: 700; line-height: 1.3;
	color: var(--if-text); text-decoration: none; transition: color .2s, background-color .2s;
}
.if-hdr .if-hdr__list a:hover,
.if-hdr .if-hdr__list a:focus-visible { color: #fff; background: #111; }
.if-hdr .if-hdr__list .current-menu-item > a { color: var(--if-grey); }
.if-hdr .if-ic {
	flex: none; width: 31px; height: 31px;
	fill: none; stroke: var(--if-red-hi); stroke-width: 2; stroke-linejoin: miter; stroke-linecap: square;
}
.if-hdr .if-hdr__list a:hover .if-ic { stroke: var(--if-grey); }

/* ---------- פוטר: תפריט בטור אחד + שורת זכויות ---------- */
.if-ftr { background: var(--if-surface); color: var(--if-text); font-family: var(--if-font-body); }
.if-ftr::before { content: ""; display: block; height: 1px; background: linear-gradient(90deg, transparent, var(--if-grey), transparent); opacity: .6; }
.if-ftr__in { box-sizing: border-box; min-height: 57px; padding: 20px 10px; display: flex; justify-content: center; }
.if-ftr .if-ftr__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: 0; }
.if-ftr .if-ftr__list li { margin: 0; padding: 0; }
.if-ftr .if-ftr__list a {
	display: block; padding: 2px 0;
	font-family: var(--if-font-body); font-size: 14px; font-weight: 400; line-height: 1.6;
	color: var(--if-text); text-decoration: none; transition: color .2s;
}
.if-ftr .if-ftr__list a:hover { color: var(--if-grey); }
.if-ftr .if-ftr__list .current-menu-item > a { color: var(--if-grey); }
.if-ftr__bar { border-top: 1px solid rgba(255, 255, 255, .2); padding: 10px; text-align: center; }
.if-ftr__bar p { margin: 0; font-family: var(--if-font-body); font-size: 14px; font-weight: 400; color: var(--if-grey); }

/* ---------- מובייל ---------- */
@media (max-width: 767px) {
	.if-hdr__in { min-height: 94px; padding: 10px 5px; }
	.if-hdr__logo img { width: 76px; }
	.if-hdr .if-hdr__toggle { width: 52px; height: 52px; }
	.if-hdr__bars, .if-hdr__bars::before, .if-hdr__bars::after { width: 30px; }
	.if-hdr__bars::before { top: -9px; }
	.if-hdr__bars::after { top: 9px; }
	.if-hdr .if-hdr__list a { padding: 10px 20px 10px 10px; font-size: 15px; }
	.if-hdr .if-ic { width: 17px; height: 17px; }
	.if-ftr__in { min-height: 0; padding: 24px 0 20px; }
	.if-ftr .if-ftr__list { gap: 11px; }
	.if-ftr .if-ftr__list a { padding: 0; }
	.if-ftr__bar p { font-size: 11px; }
}

/* ---------- האדר נצמד ללמעלה (מחשב ומובייל) ---------- */
.if-hdr { position: sticky; top: 0; }
body.admin-bar .if-hdr { top: 32px; }
@media (max-width: 782px) { body.admin-bar .if-hdr { top: 46px; } }
@media (max-width: 600px) { body.admin-bar .if-hdr { top: 0; } }
/* התפריט הנפתח נגלל בתוך עצמו אם המסך נמוך */
.if-hdr__menu { max-height: calc(100vh - 100px); overflow-y: auto; }

/* ---------- הודעת עוגיות ---------- */
.if-cookies[hidden] { display: none; }
.if-cookies {
	position: fixed; right: 0; left: 0; bottom: 0; z-index: 998;
	background: rgba(11, 11, 11, .97); border-top: 1px solid #4a4644;
	box-shadow: 0 -12px 30px rgba(0, 0, 0, .6); font-family: var(--if-font-body);
}
.if-cookies__in { box-sizing: border-box; max-width: 1180px; margin: 0 auto; padding: 14px 70px 14px 16px; display: flex; align-items: center; gap: 20px; }
.if-cookies__text { margin: 0; flex: 1; font-size: 14px; line-height: 1.6; color: var(--if-text-soft); }
.if-cookies__text a { color: #fff; text-decoration: underline; text-decoration-color: var(--if-red-hi); text-underline-offset: 3px; }
.if-cookies__text a:hover { color: var(--if-grey); }
.if-cookies .if-cookies__ok,
.if-cookies .if-cookies__ok:hover,
.if-cookies .if-cookies__ok:focus {
	flex: none; min-width: 96px; min-height: 42px; margin: 0; padding: 8px 24px;
	background: var(--if-red-grad); border: 1px solid var(--if-red-hi); border-radius: 0; color: #fff;
	font-family: var(--if-font-body); font-size: 16px; font-weight: 700; cursor: pointer;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
}
.if-cookies .if-cookies__ok:hover { filter: brightness(1.15); }
.if-cookies .if-cookies__ok:focus-visible { outline: 2px solid var(--if-grey); outline-offset: 2px; }
@media (max-width: 767px) {
	.if-cookies__in { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px 16px 14px; }
	.if-cookies__text { font-size: 13px; }
	.if-cookies .if-cookies__ok { width: 100%; min-height: 40px; }
}