/* ═══ אבטה נדל"ן v5 · דפי התוכן שנוספו 10.11 (tools/pages_extra.py) ═══
   רק בדפים: kochav-yair-zur-yigal · zur-yitzhak · faq · ready-to-sell · golden-stars.
   הצבעים מהמשתנים של site.css, ולכן יום ולילה עובדים לבד. תנועה רק ב-transform ו-opacity. */

.x-h3{font-size:clamp(22px,5vw,28px)}
.x-src{color:var(--muted);margin-top:32px}

/* תוכן העניינים */
.x-toc{margin:0 0 28px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.x-toc p{margin:0 0 8px;font-weight:700;color:var(--head)}
.x-toc ul{list-style:none;margin:0;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.x-toc li{margin:0!important}
.x-toc a{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border-radius:999px;background:var(--tealtint);color:var(--ink);text-decoration:none;font-weight:600}
.x-toc a:hover{background:var(--sand)}

/* שורת עובדות */
.x-facts{list-style:none;margin:24px 0 32px;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.x-facts li{margin:0!important;padding:16px;border-radius:18px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--mustard)}
.x-facts b{display:block;font:600 24px/1.2 var(--font-display);color:var(--head)}
.x-facts span{color:var(--muted);font-size:16px}

/* ציר הזמן · קו אחד עם נקודות. השורות של המשרד בצהוב */
.x-time{list-style:none;margin:20px 0 8px;padding:0!important;position:relative}
.x-time::before{content:"";position:absolute;inset-block:8px;inset-inline-start:9px;width:2px;background:var(--line-2)}
.x-time li{position:relative;margin:0 0 18px!important;padding-inline-start:38px}
.x-time li::before{content:"";position:absolute;inset-inline-start:2px;top:7px;width:16px;height:16px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--bg)}
.x-time li.ours::before{background:var(--mustard)}
.x-time .x-when{display:block;font-size:15px;font-weight:700;color:var(--teal-d)}
.x-time b{display:block;font:600 20px/1.3 var(--font-display);color:var(--head)}
.x-time li > span:last-child{color:var(--muted)}
.x-time li.ours{background:var(--tealtint);border-radius:16px;padding-block:10px;padding-inline-end:14px}
.x-time li.ours::before{top:17px}
.x-time li.ours .x-when{padding-top:0}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){
  html:not(.a11y-still) .x-time li{animation:x-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
}}
@keyframes x-in{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:none}}

/* העונות · העונה של היום מסומנת מ-extra.js */
.x-seasons{list-style:none;margin:20px 0;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.x-season{margin:0!important;padding:18px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);position:relative}
.x-season h3{margin:0;font-size:24px}
.x-season .x-months{margin:0 0 8px;font-size:15px;color:var(--muted)}
.x-season p:last-child{margin:0}
.x-season.is-now{border:2px solid var(--mustard);background:linear-gradient(var(--paper),var(--paper)) padding-box;box-shadow:var(--shadow)}
.x-now{display:inline-block;margin:0 0 6px;padding:2px 12px;border-radius:999px;background:var(--mustard);color:#2A2210;font-weight:700;font-size:15px}

/* שאלות נפוצות */
.x-faq{display:grid;gap:10px;margin:12px 0 28px}
.x-faq details{border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.x-faq summary{cursor:pointer;list-style:none;min-height:52px;padding:14px 18px;padding-inline-end:52px;font:600 19px/1.4 var(--font-display);color:var(--head);position:relative}
.x-faq summary::-webkit-details-marker{display:none}
.x-faq summary::after{content:"";position:absolute;inset-inline-end:20px;top:50%;width:10px;height:10px;border-inline-end:2.4px solid currentColor;border-block-end:2.4px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .25s var(--ease-out)}
.x-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.x-faq details > div{padding:0 18px 6px}
.x-faq details a{font-weight:700;color:var(--link)}

/* הרשימה להכנת הבית */
.x-check ul{list-style:none;margin:16px 0;padding:0!important;display:grid;gap:10px}
.x-check li{margin:0!important;position:relative}
.x-check input{position:absolute;opacity:0;width:28px;height:28px;inset-inline-start:16px;top:16px;margin:0}
.x-check label{display:block;min-height:56px;padding:14px 16px;padding-inline-start:60px;border:1px solid var(--line);border-radius:18px;background:var(--paper);cursor:pointer;position:relative}
.x-check label::before{content:"";position:absolute;inset-inline-start:16px;top:16px;width:26px;height:26px;border-radius:8px;border:2px solid var(--teal-d);background:var(--bg)}
.x-check label::after{content:"";position:absolute;inset-inline-start:25px;top:20px;width:8px;height:14px;border-inline-end:3px solid #2A2210;border-block-end:3px solid #2A2210;transform:rotate(45deg) scale(0);opacity:0;transition:transform .25s var(--ease-out),opacity .2s}
.x-check input:checked + label{background:var(--tealtint)}
.x-check input:checked + label::before{background:var(--mustard);border-color:var(--mustard)}
.x-check input:checked + label::after{transform:rotate(45deg) scale(1);opacity:1}
.x-check input:focus-visible + label{outline:3px solid var(--link);outline-offset:2px}
.x-check label b{display:block;font:600 19px/1.35 var(--font-display);color:var(--head)}
.x-check label span{color:var(--muted)}
.x-prog{display:flex;align-items:center;gap:12px;margin:0;font-weight:700;color:var(--head)}
.x-bar{flex:1;height:10px;border-radius:99px;background:var(--bg-2);overflow:hidden;max-width:260px}
.x-bar i{display:block;height:100%;width:100%;background:var(--mustard);transform-origin:right;transform:scaleX(var(--p,0));transition:transform .4s var(--ease-out)}
html:not(.js) .x-prog,html:not(.js) .x-reset{display:none}

/* ציטוט, מתכון, רשימת "מה אמרנו" */
.x-quote{margin:20px 0 24px;padding:20px 22px;border-inline-start:5px solid var(--mustard);background:var(--paper);border-radius:0 18px 18px 0}
[dir="rtl"] .x-quote{border-radius:18px 0 0 18px}
.x-quote p{font:600 clamp(20px,4.6vw,24px)/1.45 var(--font-display);color:var(--head);margin:0 0 6px}
.x-quote footer{color:var(--muted);font-size:16px}
.x-recipe{margin:16px 0 28px;padding:20px;border-radius:var(--r);background:var(--sand);border:1px solid var(--line)}
.x-recipe h3{margin:0 0 10px}
.x-recipe h3 span{font:400 17px var(--f-body);color:var(--muted)}
.x-recipe ul{columns:2 200px;column-gap:24px;margin:0 0 18px}
.x-recipe ol li::marker{font-weight:700;color:var(--teal-d)}
.x-tip{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--paper)}
.x-said{list-style:none;padding:0!important}
.x-said li{padding:12px 16px;border-inline-start:4px solid var(--teal);background:var(--paper);border-radius:12px;margin-bottom:10px}
.x-recipe h3{color:var(--ink)}
.x-check label span,.x-said li,.x-recipe li,.x-faq summary,.x-time li{text-wrap:pretty}
.x-now[hidden]{display:none}
.note-box .x-h3{margin-top:0}
.x-more{margin-top:-6px;font-size:16px}