/* ===== בר חדד אינסטלציה — RTL + Heebo + התאמות אישיות ===== */

/* --- פונט Heebo לכל האתר --- */
body, .navbar-light .navbar-nav .nav-link, .btn, input, select, textarea, button {
    font-family: 'Heebo', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4 {
    font-family: 'Heebo', sans-serif !important;
    font-weight: 800 !important;
}

/* --- היפוך מרווחי Bootstrap ל-RTL (margin/padding לוגיים) --- */
[dir=rtl] .me-1{margin-right:0!important;margin-inline-end:.25rem!important}
[dir=rtl] .me-2{margin-right:0!important;margin-inline-end:.5rem!important}
[dir=rtl] .me-3{margin-right:0!important;margin-inline-end:1rem!important}
[dir=rtl] .me-4{margin-right:0!important;margin-inline-end:1.5rem!important}
[dir=rtl] .me-5{margin-right:0!important;margin-inline-end:3rem!important}
[dir=rtl] .ms-1{margin-left:0!important;margin-inline-start:.25rem!important}
[dir=rtl] .ms-2{margin-left:0!important;margin-inline-start:.5rem!important}
[dir=rtl] .ms-3{margin-left:0!important;margin-inline-start:1rem!important}
[dir=rtl] .ms-4{margin-left:0!important;margin-inline-start:1.5rem!important}
[dir=rtl] .ms-5{margin-left:0!important;margin-inline-start:3rem!important}
[dir=rtl] .pe-1{padding-right:0!important;padding-inline-end:.25rem!important}
[dir=rtl] .pe-2{padding-right:0!important;padding-inline-end:.5rem!important}
[dir=rtl] .pe-3{padding-right:0!important;padding-inline-end:1rem!important}
[dir=rtl] .pe-4{padding-right:0!important;padding-inline-end:1.5rem!important}
[dir=rtl] .pe-5{padding-right:0!important;padding-inline-end:3rem!important}
[dir=rtl] .ps-1{padding-left:0!important;padding-inline-start:.25rem!important}
[dir=rtl] .ps-2{padding-left:0!important;padding-inline-start:.5rem!important}
[dir=rtl] .ps-3{padding-left:0!important;padding-inline-start:1rem!important}
[dir=rtl] .ps-4{padding-left:0!important;padding-inline-start:1.5rem!important}
[dir=rtl] .ps-5{padding-left:0!important;padding-inline-start:3rem!important}

/* יישור טקסט ל-RTL */
[dir=rtl] .text-start{text-align:right!important}
[dir=rtl] .text-end{text-align:left!important}
@media (min-width:992px){ [dir=rtl] .text-lg-start{text-align:right!important} }

/* תפריט: ביטול margin-right הקבוע, החלפה ללוגי */
[dir=rtl] .navbar-light .navbar-nav .nav-link{margin-right:0;margin-inline-start:30px}
@media (max-width:991.98px){ [dir=rtl] .navbar-light .navbar-nav .nav-link{margin-inline-start:0} }
[dir=rtl] .navbar .dropdown-toggle::after{margin-left:0;margin-right:8px}

/* --- כותרת/קרוסלה --- */
.header-carousel .owl-carousel-item img{
    width:100%; height:86vh; max-height:760px; object-fit:cover;
}
@media (max-width:768px){ .header-carousel .owl-carousel-item img{height:520px} }
[dir=rtl] .header-carousel .container{
    border-left:0; border-right:15px solid #FFFFFF;
    padding:45px 35px 45px 0;
}
[dir=rtl] .header-carousel .container::before,
[dir=rtl] .header-carousel .container::after{ left:auto; right:0; }
[dir=rtl] .header-carousel .owl-nav{ right:auto; left:8%; }

/* --- וידאו אמיתי (פורטרט, מסגרת טלפון) --- */
.work-video-frame{
    position:relative; width:100%; max-width:300px; margin:0 auto;
    border:10px solid #fff; border-radius:30px; overflow:hidden;
    box-shadow:0 24px 60px rgba(0,0,0,.45); background:#000;
}
.work-video-frame video{ display:block; width:100%; aspect-ratio:9/16; object-fit:cover; }

/* --- גלריית פרויקטים (hover zoom + כיתוב) --- */
.project-item{ position:relative; overflow:hidden; }
.project-item img{ width:100%; height:320px; object-fit:cover; transition:.5s; }
.project-item:hover img{ transform:scale(1.1); }
.project-item .project-cap{
    position:absolute; bottom:0; right:0; left:0;
    background:linear-gradient(to top, rgba(23,34,77,.85), transparent);
    color:#fff; padding:28px 18px 14px; font-weight:700; font-size:15px;
}

/* --- כפתורים צפים (בכל המסכים) --- */
.floating{position:fixed; bottom:18px; left:18px; z-index:9999; display:flex; flex-direction:column; gap:12px}
.floating a, .floating button{width:56px; height:56px; border:none; border-radius:999px; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(0,0,0,.3); color:#fff; font-size:22px; cursor:pointer; transition:transform .2s}
.floating a:hover, .floating button:hover{transform:scale(1.08)}
.floating .wa{background:#25D366}
.floating .call{background:var(--secondary)}
.floating .a11y{background:#2b59c3}

/* --- פאנל נגישות --- */
.a11y-panel{position:fixed; bottom:18px; left:84px; width:260px; max-width:calc(100vw - 100px); background:#fff; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.28); z-index:10000; overflow:hidden; opacity:0; visibility:hidden; transform:translateY(12px); transition:.25s}
.a11y-panel.open{opacity:1; visibility:visible; transform:translateY(0)}
.a11y-head{display:flex; align-items:center; justify-content:space-between; background:var(--primary); color:#fff; padding:12px 16px; font-weight:800}
.a11y-head button{background:transparent; border:none; color:#fff; font-size:24px; line-height:1; cursor:pointer}
.a11y-body{padding:10px; display:flex; flex-direction:column; gap:6px}
.a11y-body button{display:flex; align-items:center; gap:10px; width:100%; text-align:right; background:var(--light); border:1px solid transparent; border-radius:8px; padding:10px 12px; font-weight:600; font-family:'Heebo',sans-serif; cursor:pointer; transition:.2s}
.a11y-body button i{width:20px; text-align:center; color:var(--primary)}
.a11y-body button:hover{background:#dfe7fb}
.a11y-body button.active{background:var(--primary); color:#fff}
.a11y-body button.active i{color:#fff}
.a11y-body .a11y-reset{background:#fff; border-color:#ddd; color:#c0392b}
.a11y-foot{padding:10px 16px; border-top:1px solid #eee; font-size:13px}
.a11y-foot a{color:var(--primary); font-weight:700}

/* --- מצבי נגישות --- */
html.a11y-contrast body{background:#000 !important; color:#fff !important}
html.a11y-contrast .bg-light, html.a11y-contrast .bg-white{background:#111 !important; color:#fff !important}
html.a11y-contrast p, html.a11y-contrast h1, html.a11y-contrast h2, html.a11y-contrast h3, html.a11y-contrast h4, html.a11y-contrast h5, html.a11y-contrast h6, html.a11y-contrast span, html.a11y-contrast a, html.a11y-contrast li{color:#fff !important}
html.a11y-contrast .text-secondary{color:#ffd23f !important}
html.a11y-invert{filter:invert(1) hue-rotate(180deg)}
html.a11y-invert img, html.a11y-invert video, html.a11y-invert .header-carousel{filter:invert(1) hue-rotate(180deg)}
html.a11y-links a{text-decoration:underline !important; outline:2px solid #ffd23f; outline-offset:1px}
html.a11y-readable, html.a11y-readable body{font-family:Arial, Heebo, sans-serif !important; letter-spacing:.5px; line-height:1.9 !important}
html.a11y-bigcursor, html.a11y-bigcursor *{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><path fill='%23000' stroke='%23fff' stroke-width='2' d='M6 4l28 16-12 3-3 12z'/></svg>") 4 4, auto !important}

/* פוטר: יישור פריטים ל-RTL */
[dir=rtl] .footer .btn.btn-link{text-align:right}
[dir=rtl] .footer .btn.btn-link::before{margin-right:0; margin-left:10px; content:"\f104"}
[dir=rtl] .footer .btn.btn-social{margin-right:0; margin-left:5px}

/* לוגו בנאבבר */
.brand-logo{height:58px; width:auto; vertical-align:middle}
.topbar-logo{height:52px; width:auto}

/* נאבבר: טקסט לימין, ה-CTA הכחול צמוד עד הקצה השמאלי */
@media (min-width:992px){
    .navbar-expand-lg .navbar-collapse{ width:100%; }
    .nav-cta-box{ margin-inline-start:auto !important; margin-inline-end:-1.5rem !important; }
}

/* כותרות סקשנים אחידות (ב-RTL) */
.section-title h6{ letter-spacing:1px; }

/* --- שאלות נפוצות (FAQ) --- */
.faq .accordion-button{ font-weight:700; font-family:'Heebo',sans-serif; }
.faq .accordion-button:not(.collapsed){ color:#fff; background:var(--primary); }
.faq .accordion-button:focus{ box-shadow:none; }
[dir=rtl] .faq .accordion-button::after{ margin-left:0; margin-right:auto; }

/* --- כפתור CTA ראשי בולט (פעימה עדינה) --- */
.btn-cta{ position:relative; }
.btn-cta::after{
    content:""; position:absolute; inset:0; border-radius:inherit;
    box-shadow:0 0 0 0 rgba(255,73,23,.55); animation:cta-pulse 2.2s infinite;
}
@keyframes cta-pulse{
    0%{ box-shadow:0 0 0 0 rgba(255,73,23,.5) }
    70%{ box-shadow:0 0 0 14px rgba(255,73,23,0) }
    100%{ box-shadow:0 0 0 0 rgba(255,73,23,0) }
}

/* --- HERO סטטי יציב (ללא תלות ב-JS) --- */
.hero-static{ position:relative; min-height:80vh; display:flex; align-items:center; overflow:hidden; background:var(--dark); }
.hero-static .hero-bg{ position:absolute; inset:0; background-size:cover; background-position:center center; }
.hero-static .hero-bg.b2{ display:none; }
.hero-static .hero-bg.b1{ background-image:url(../img/hero-infra.jpg); }
.hero-static .hero-overlay{ position:absolute; inset:0; background:linear-gradient(270deg, rgba(12,30,50,.55) 0%, rgba(12,30,50,.85) 75%); }
.hero-static .hero-content{ position:relative; z-index:2; padding:60px 0; }
.hero-static .hero-eyebrow{ letter-spacing:2px; color:var(--secondary); }
@media (max-width:768px){
    .hero-static{ min-height:62vh; }
    .hero-static .hero-content{ padding:36px 0; border-right-width:8px; }
    .hero-static .display-3{ font-size:34px; }
    .hero-static .btn{ padding:12px 24px !important; font-size:15px; margin-bottom:8px; }
}
@media (prefers-reduced-motion: reduce){ .hero-static .hero-bg.b1{ animation:none; opacity:1; } }

/* --- כותרת/קרוסלה: גבהים יציבים גם במובייל --- */
.header-carousel .owl-carousel-item img{
    width:100%; height:78vh; max-height:760px; min-height:480px;
    object-fit:cover; position:relative;
}
@media (max-width:768px){
    .header-carousel .owl-carousel-item{ min-height:0; }
    .header-carousel .owl-carousel-item img{ height:auto; min-height:430px; max-height:560px; position:relative; }
    .header-carousel .owl-carousel-item h1{ font-size:26px !important; line-height:1.25; }
    .header-carousel .owl-carousel-item .btn{ padding:10px 22px !important; font-size:14px; }
    .header-carousel .container{ padding:24px 18px 24px 0 !important; border-right-width:8px !important; }
}

/* טופס: ריווח נוח יותר במובייל */
@media (max-width:575.98px){
    .bg-light.p-5{ padding:1.75rem !important; }
    .work-video-frame{ max-width:240px; }
}

/* מובייל: כפתורים צפים מעט קטנים יותר וקרוב לפינה */
@media (max-width:575.98px){
    .floating a{ width:52px; height:52px; font-size:20px; }
}