/*!
 * tag-fixes.css — כל תיקוני-הנגישות והמהירות של tagassets בקובץ סטטי אחד.
 * למה קובץ ולא <style> מוטמע: RUCSS של WP Rocket מרוקן בלוקים מוטמעים
 * בעמודים מעובדים (נמדד חי פעמיים, 2026-07-21). קובץ ברשימת-החרגה לפי URL
 * נשמר בשלמותו. נטען ע"י tagassets-perf.php. גרסה: 2026-07-22.
 */

/* ═══ 1. תפריט-הנייד (מקור: tagassets-mobile-menu.php, הועבר לכאן 22.07) ═══ */
@media (max-width:1440px){
  /* כל קישור בתפריט תופס את מלוא רוחב-השורה = כל השורה מנווטת */
  header .menu .mm1 .m-link,
  header .menu .mm1 .mm-link{
    display:block !important;
    width:100% !important;
    box-sizing:border-box;
    min-height:32px;      /* +12px ריפוד = 44px, תקן אזור-מגע של גוגל */
  }
  /* רצועת-החץ (60px משמאל, מחוץ לקישור) נשארת לפתיחה וסגירה */
  header .menu .mm1 .sub-1.sub{ cursor:pointer; }
  /* תפריט פתוח מעל באנר-הקוקיז (z=99999 שכיסה 331px מהתחתית) */
  header.open-menu{ z-index:100000 !important; }
}

/* ═══ 2. נגישות: בלוק-הביקורות — רקע כהה מתחת לתמונה (9.1:1) ═══ */
.reviews .main-reviews { background-color: #204C6B; }

/* ═══ 3. נגישות: נקודות-קרוסלה — אזור-נגיעה 24px, נראוּת 13px ═══ */
.owl-carousel .owl-dots button.owl-dot{width:24px!important;height:24px!important;
background:transparent!important;border-radius:0!important;margin:0!important;padding:0!important;
display:inline-flex!important;align-items:center;justify-content:center;border:0;}
.owl-carousel .owl-dots button.owl-dot>span{display:block;width:13px;height:13px;
border-radius:50%;background:#C9CCCF;}
.owl-carousel .owl-dots button.owl-dot.active>span{background:#898B8F;}
.reviews .slider-block .owl-dots button.owl-dot{width:100%!important;height:24px!important;background:transparent!important;}
.reviews .slider-block .owl-dots button.owl-dot>span{width:100%;height:4px;border-radius:0;
background:rgba(152,173,177,0.2);}
.reviews .slider-block .owl-dots button.owl-dot.active>span{background:#40B7FB;}

/* ═══ 4. נגישות: ניגודיות — הכהיות נקודתיות מאושרות-ניב (21.07.2026) ═══ */
#cmplz-cookiebanner-1-optin #cmplz-message-1-optin a,.cmplz-cookiebanner .cmplz-body a,
.cmplz-cookiebanner a{color:#1272BE!important;}
.search-form .form button#recommended-submit{background-color:#059BF1!important;}
.office-rental .title{color:#0B8FDE!important;}
.other-link-2,a.other-link-2{color:#1272BE!important;}
.text a,.container-block .text a,.single-post .text a,.text ul li a,.text p a{color:#1272BE!important;}
.float-buttons a.btn.whatsapp-button{background-color:#1D8921!important;}
.float-buttons span.btn.popup-button{background-color:#047CC1!important;}
.content-article a{color:#1272BE!important;text-decoration:underline!important;}
.change-city{background-color:#047CC1!important;}
.author_box .title_author a{color:#0B8FDE!important;}
/* עמודי-רשימות בדסקטופ בלבד (נמצאו 22.07): שם הטקסט לבן על תמונת-הבאנר —
   פס-הניווט מקבל כרית כהה (9:1) והכפתור מוכהה כמו כפתור-הפופאפ המאושר.
   ⚠️ במובייל אותם אלמנטים הם טקסט כהה (#01070F) על רקע בהיר — תקינים
   מלכתחילה, ואסור להחשיך להם את הרקע (נמדד: הפיל נגישות ל-96). */
@media (min-width:1024px){
  body.single-search-page #breadcrumbs{background:#204C6B;display:inline-block;
  padding:4px 14px;border-radius:8px;}
  body.single-search-page div.buttons .btn-2,
  body.single-offices div.buttons .btn-2{background-color:#047CC1!important;}
}

/* ═══ 5. מהירות: content-visibility — דף-הבית (9 סקשנים מתחת לקיפול) ═══ */
body.home section.office-new{content-visibility:auto;contain-intrinsic-size:auto 5700px;}
body.home div.cities-pages{content-visibility:auto;contain-intrinsic-size:auto 760px;}
body.home section.office-new-slider{content-visibility:auto;contain-intrinsic-size:auto 740px;}
body.home section.about-us{content-visibility:auto;contain-intrinsic-size:auto 730px;}
body.home section.office-rental{content-visibility:auto;contain-intrinsic-size:auto 1060px;}
body.home section.reviews{content-visibility:auto;contain-intrinsic-size:auto 570px;}
body.home section.partners{content-visibility:auto;contain-intrinsic-size:auto 190px;}
body.home section.section-posts{content-visibility:auto;contain-intrinsic-size:auto 1360px;}
body.home footer{content-visibility:auto;contain-intrinsic-size:auto 1780px;}

/* ═══ 6. מהירות: content-visibility — עמודי-רשימות (150+ כרטיסים) ═══ */
body.single-search-page a.office-item{content-visibility:auto;contain-intrinsic-size:auto 430px;}
/* 4 הראשונים מעל-הקיפול מרונדרים רגיל, אחרת ה-Speed-Index מתפוצץ */
body.single-search-page a.office-item:nth-child(-n+4){content-visibility:visible;}
body.single-search-page footer{content-visibility:auto;contain-intrinsic-size:auto 1780px;}

/* ═══ 7. באנר-הקוקיז קומפקטי — שני כפתורים + קישור (ניב, 22.07) ═══ */
/* היה 331px במובייל (39% מסך) ו-532×229 בדסקטופ. היעד: ~150px.
   הטקסט קוצר במסד (message_optin); כאן הפריסה. משלים את custom_css
   של הבאנר (מיקום/צבעים) שחי בשורת-הבאנר של Complianz. */
/* חץ-חזרה ממסך-ההגדרות (אלמנט שנוצר ב-JS — חייב לחיות כאן, RUCSS מוחק אותו מבלוקים מוטמעים) */
.cmplz-cookiebanner .tag-cmplz-back{display:none;position:absolute;top:12px;left:12px;z-index:10;
align-items:center;gap:4px;background:transparent;border:0;cursor:pointer;color:#204C6B;
padding:3px 6px;border-radius:6px;font:600 13px/1 inherit;font-family:inherit;}
.cmplz-cookiebanner .tag-cmplz-back:hover{color:#047CC1;background:#f0f6fb;}
.cmplz-cookiebanner.cmplz-categories-visible .tag-cmplz-back{display:inline-flex;}
.cmplz-cookiebanner .tag-cmplz-back svg{display:block;}
/* המעטפת: ריפוד צמוד, בלי לוגו ובלי קו-מפריד אחרי הכותרת */
#cmplz-cookiebanner-container .cmplz-cookiebanner{padding:14px 16px 12px!important;}
.cmplz-cookiebanner .cmplz-logo{display:none!important;}
.cmplz-cookiebanner .cmplz-divider-header{display:none!important;}
.cmplz-cookiebanner .cmplz-header{min-height:0!important;}
/* הכותרת מוסתרת: כפילות של ההודעה (שתיהן פותחות "אנחנו משתמשים"), נשברה
   לטור צר בדסקטופ. נשארת ב-DOM כדי ש-aria-labelledby של הדיאלוג יישאר תקף. */
.cmplz-cookiebanner .cmplz-header .cmplz-title{display:none!important;}
.cmplz-cookiebanner .cmplz-message{font-size:12.5px!important;line-height:1.5!important;margin:6px 0 2px!important;}
/* שורת-כפתורים: מאשר/ת ומסרב/ת זה-לצד-זה */
.cmplz-cookiebanner .cmplz-buttons{display:flex!important;flex-flow:row wrap!important;gap:8px!important;
align-items:center!important;margin-top:8px!important;}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept,
.cmplz-cookiebanner .cmplz-btn.cmplz-deny{flex:1 1 40%!important;margin:0!important;
padding:10px 8px!important;font-size:14px!important;min-height:42px;}
/* "הגדרות" יורד משורת-הכפתורים והופך קישור-טקסט קטן בשורה משלו */
.cmplz-cookiebanner:not(.cmplz-categories-visible) .cmplz-btn.cmplz-view-preferences{
flex:1 1 100%!important;background:none!important;border:0!important;box-shadow:none!important;
margin:0!important;padding:4px 6px!important;min-height:0;font-size:12.5px!important;
text-decoration:underline!important;color:#1272BE!important;text-align:center!important;}
/* מסך-ההגדרות: כפתור-השמירה על מלוא הרוחב */
.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences{flex:1 1 100%!important;margin:0!important;}
/* דסקטופ: רוחב צר במקום 532px */
@media (min-width:768px){
  #cmplz-cookiebanner-container .cmplz-cookiebanner{width:360px!important;max-width:360px!important;}
}

/* ═══ 8. עמודי-משרד (single-offices) + פוטר — נגישות ומהירות (22.07 לילה) ═══ */
/* target-size: קישורי פירורי-הלחם בעמוד-משרד קטנים מ-24px (נמדד בספיר) */
body.single-offices #breadcrumbs a{display:inline-block;padding:5px 2px;}
/* target-size: 10 קישורי-פוטר מתחת ל-24px (תפריט, יצירת-קשר, קרדיט-מפתח) */
footer .ul .li a.link{display:inline-block;padding:6px 0;min-height:24px;box-sizing:border-box;}
footer .contacts .block a.link{display:inline-block;padding:6px 0;min-height:24px;box-sizing:border-box;}
.footer-bottom .developer a{display:inline-block;padding:8px 6px;min-height:24px;box-sizing:border-box;}
/* הפוטר מתחת לקיפול — אותו דפוס כמו §5-§6. חל גם על עמודי-מגדל (22.07) */
body.single-offices footer,
body.single-towers footer{content-visibility:auto;contain-intrinsic-size:auto 1780px;}
/* בלוקי-הטקסט (SEO) של משרד ומגדל — עמוק מתחת לקיפול, נמדדו ב-47k-150k
   תווים לתוך ה-HTML. ⛔ לא נוגעים בסליידרים (owl מודד רוחב באתחול) */
body.single-offices .container-block,
body.single-towers .container-block{content-visibility:auto;contain-intrinsic-size:auto 900px;}

/* ═══ 9. פונט-חלופה מכויל-מידות — מחסל את קפיצת-הפונט (CLS) בכל האתר ═══ */
/* Heebo תופס שורה של 1.469em מול 1.117em של Arial — ההחלפה הזיזה את בלוק
   "פרטי המשרד" (CLS ‏0.19-0.31, נמדד בספיר). Arial מתוח ל-118.58%
   (יחס רוחב-התו הממוצע) עם מידות-שורה של Heebo — הטקסט תופס את אותו
   שטח לפני ואחרי טעינת-הפונט, והקפיצה מתה. המידות חושבו עם fonttools
   מקובצי-ה-TTF האמיתיים (Heebo: asc 1.0479, desc 0.4209, avg 0.5234;
   Arial: avg 0.4414). אייקונים בטוחים: FontAwesome/NagishLi יושבים על
   כללי-מחלקה שגוברים על כללי-התג כאן. */
@font-face{
  font-family:'Heebo-fallback';
  src:local('Arial'),local('Helvetica');
  size-adjust:118.58%;
  ascent-override:88.37%;
  descent-override:35.50%;
  line-gap-override:0%;
}
body,body div,body p,body span,body a,body li,body ul,body ol,body h1,body h2,body h3,
body h4,body h5,body h6,body td,body th,body table,body label,body legend,body strong,
body em,body b,body i,body pre,body kbd,body var,body iframe,body object,
body button,body input,body select,body textarea{
  font-family:'Heebo','Heebo-fallback',sans-serif;
}
/* ⚠️ הכלל רב-הסלקטורים למעלה נזרק ע"י ה-SaaS של RUCSS (22.07) — העותק
   האכיף חי כבלוק מוטמע מוגן tag-font-fallback ב-tagassets-perf.php.
   נשאר כאן כתיעוד-מקור בלבד. */

/* fallback מדויק לטקסט שמעל גלריית עמודי המגדלים המטופלים. המדידה על המחרוזות
   העבריות בפועל מצאה שהערך הגלובלי 118.58% רחב מדי. כאן נשמרים רוחב
   וגובה כמעט זהים ל-Heebo גם אם הביקור הראשון איטי והפונט טרם הגיע. */
@font-face{
  font-family:'Heebo-tower-fallback';src:local('Arial');font-style:normal;font-weight:400;
  size-adjust:102.875%;ascent-override:101.857%;descent-override:40.914%;line-gap-override:0%;
}
@font-face{
  font-family:'Heebo-tower-fallback';src:local('Arial Bold'),local('Arial-BoldMT');font-style:normal;font-weight:700;
  size-adjust:104.773%;ascent-override:100.012%;descent-override:40.172%;line-gap-override:0%;
}
body:is(.postid-1633,.postid-1640,.postid-1656,.postid-1664,.postid-1676,
        .postid-1814,.postid-1821,.postid-1827,.postid-1878) .office .content-block,
body:is(.postid-1633,.postid-1640,.postid-1656,.postid-1664,.postid-1676,
        .postid-1814,.postid-1821,.postid-1827,.postid-1878) .office .content-block
        :where(div,p,span,a,li,h1,h2,h3,h4,h5,h6,strong,b,label){
  font-family:'Heebo','Heebo-tower-fallback',sans-serif;
}

/* ═══ 10. שריון-גובה לגלריית משרד/מגדל — הורג את קפיצת-האתחול של אואל ═══ */
/* נמדד חי (ספיר, דסקטופ): owl-carousel נולד display:none (0px), ובאתחול
   קופץ ל-490px — כל מה שמתחתיו צונח, CLS ‏0.30. השריון שומר את הגובה
   מראש. היחסים נמדדו בעמודים חיים; ברוחבים אחרים הסטייה פיקסלים בודדים. */
body.single-offices .big-slider{aspect-ratio:858/490;}
body.single-towers .big-slider{aspect-ratio:640/418;}
@media (max-width:1023px){
  body.single-offices .big-slider,
  body.single-towers .big-slider{aspect-ratio:358/228;}
}

/* ═══ 11. LCP בגלריית מגדל: מציגים את השקופית הראשונה לפני אתחול Owl ═══ */
/* Owl מסתיר את כל הקרוסלה עד ש-JavaScript מוסיף owl-loaded. התמונה כבר ירדה,
   אבל לא נצבעה עד ~3 שניות. בזמן הקצר שלפני האתחול מציגים רק את הראשונה. */
body.single-towers .big-slider .big.owl-carousel:not(.owl-loaded){display:block;overflow:hidden;}
body.single-towers .big-slider .big.owl-carousel:not(.owl-loaded)>.item{display:none;}
body.single-towers .big-slider .big.owl-carousel:not(.owl-loaded)>.item:first-child{
  display:block;height:100%;width:100%;
}
body.single-towers .big-slider .big.owl-carousel:not(.owl-loaded)>.item:first-child>img{
  display:block;width:100%;height:100%;object-fit:cover;
}

/* שכבת-LCP יציבה בנייד. התמונה מפוענחת בתחילת body ומעוגנת למסגרת
   הגלריה. בדפדפן ללא CSS Anchors היא מועברת לאותה מסגרת לפני הצביעה. */
body.single-towers .office .gallery>.big-slider{position:relative;anchor-name:--tag-tower-gallery;}
#tag-tower-early-poster{
  position:absolute;z-index:3;visibility:hidden;
  overflow:hidden;border-radius:4px;pointer-events:none;
}
html.tag-tower-gallery-ready #tag-tower-early-poster{visibility:visible;}
@supports not (position-anchor:--tag-tower-gallery){
  .big-slider>#tag-tower-early-poster{inset:0;}
}
#tag-tower-early-poster>img{display:block;width:100%;height:100%;object-fit:cover;}
#tag-tower-early-poster .tag-lcp-play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}
#tag-tower-early-poster .tag-lcp-play svg{display:block;width:76px;height:76px;}
@media (max-width:900px){
  body:is(.postid-1656,.postid-1664,.postid-1676,.postid-1878){--tag-lcp-top:293px;}
  body:is(.postid-1633,.postid-1814,.postid-1821,.postid-1827){--tag-lcp-top:257px;}
  @supports (position-anchor:--tag-tower-gallery){
    body:is(.postid-1633,.postid-1656,.postid-1664,.postid-1676,
            .postid-1814,.postid-1821,.postid-1827,.postid-1878)
            #tag-tower-early-poster{
      visibility:visible;position-anchor:--tag-tower-gallery;
      top:anchor(top,var(--tag-lcp-top));left:anchor(left,16px);right:auto;bottom:auto;
      width:anchor-size(width,calc(100vw - 32px));
      height:anchor-size(height,max(228px,calc(63.6872vw - 20.3799px)));
    }
  }
  body:has(#tag-tower-early-poster) .office .gallery>.big-slider .big img,
  body:has(#tag-tower-early-poster) .office .gallery>.big-slider .big .play-video{visibility:hidden!important;}
}
@media (max-width:406px){body.postid-1827{--tag-lcp-top:293px;}}
@media (max-width:392px){body.postid-1821{--tag-lcp-top:293px;}}
@media (max-width:382px){body.postid-1878{--tag-lcp-top:313px;}}
@media (max-width:381px){
  body.postid-1633{--tag-lcp-top:277px;}
  body.postid-1676{--tag-lcp-top:313px;}
}
@media (max-width:375px){body.postid-1814{--tag-lcp-top:293px;}}
@media (max-width:372px){body.postid-1827{--tag-lcp-top:313px;}}
@media (min-width:901px){#tag-tower-early-poster{display:none!important;}}

/* כפתור נגישות קל: התוסף המלא נטען רק בלחיצה ולא מזיז את ה-LCP. */
#TagNagishLiLoader:focus,#TagNagishLiLoader:focus-visible{
  outline:3px solid #01070F!important;outline-offset:3px!important;
}

/* יעדי-מגע בתפריט התחתון: 44px מונעים חפיפה עם כרטיס המשרד האחרון. */
footer .menu-items .item .ul .li{min-height:44px;}
footer .menu-items .item .ul .li>a.link{
  display:inline-flex;min-width:44px;min-height:44px;box-sizing:border-box;
  align-items:center;justify-content:center;padding-inline:6px;
}
body.single-towers .additional-towers[data-wpr-lazyrender]{
  content-visibility:auto!important;contain-intrinsic-size:auto 480px;
}
@media (max-width:1023px){body.single-towers .additional-towers[data-wpr-lazyrender]{contain-intrinsic-size:auto 900px;}}
@media (max-width:900px){body.single-towers .additional-towers[data-wpr-lazyrender]{contain-intrinsic-size:auto 1332px;}}
@media (min-width:901px){#TagNagishLiLoader{bottom:14px!important;}}

/* 12. Tel Aviv results heading hierarchy, page 3571 only in the PHP template. */
.office-results-title{
  font-size:32px;font-weight:700;line-height:1.25;margin:32px 0 0;
}
.office-results-title+.office-items{margin-top:24px;}
@media (max-width:900px){
  .office-results-title{
    font-size:26px;line-height:32px;margin-top:28px;text-align:center;
  }
}