/* Hebrew RTL adaptation for the Scraper template.
   Roboto -> Heebo (body), Teko -> Secular One (display headings).
   Loaded AFTER style.css so it wins. */

body,
button, input, textarea, select,
p, li, a, span, label, blockquote,
.common-input, .footer-input, .btn-1,
.main-menu .navigation > li > a,
.service-two__single-content p,
.testimonial-one__text p,
.acc-content .text {
    font-family: 'Heebo', 'Assistant', system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.banner-section h2,
.center-title h2, .common-title h2,
.about-one__left-experience h3,
.funfact-one__single h1,
.funfact-one__single h3,
.service-two__single-content a,
.project-two__block-content a,
.news-one__single-content-date h3,
.marquee-content li,
.home3-contact__left h2 {
    font-family: 'Secular One', 'Heebo', sans-serif;
    font-weight: 400;
}

/* keep the condensed display feel a touch tighter */
.banner-section h2 { letter-spacing: 0; }

/* RTL: the theme-btn/search + CTA sit on the left in header right-column;
   fine under .rtl. Make sure the phone CTA reads naturally. */
.rtl .main-menu .navigation > li { margin-left: 30px; margin-right: 0; }

/* number blocks are LTR by nature (24, 100) - keep them upright */
.funfact-one__single h1 { direction: ltr; unicode-bidi: isolate; }

/* brand lockup: emblem + Hebrew wordmark (replaces template image logo) */
.brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 0;
}
.brand-mark { height: 46px !important; width: 46px !important; object-fit: contain; display: block; flex: 0 0 auto; }
.brand-text {
    font-family: 'Secular One', sans-serif;
    font-size: 26px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
}
.brand-lockup:hover .brand-text { color: var(--theme-color, #ff5e14); }
.sticky-header .brand-text { color: #0c1a2b; }
.sticky-header .brand-lockup { padding: 10px 0; }
.sticky-header .brand-mark { height: 40px !important; width: 40px !important; }
.brand-lockup--footer { padding: 0; }
.brand-text--footer { color: #fff; font-size: 28px; }
.mobile-menu .brand-text { color: #fff; }

/* hero: darken photo so the white heading stays readable on any slide
   (RTL text sits on the right -> gradient is darkest there) */
.banner-section-three .bg-layer::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to left, rgba(11,17,28,.62) 0%, rgba(11,17,28,.34) 45%, rgba(11,17,28,.06) 100%);
}
.banner-section-three .content-box h2{ text-shadow:0 2px 14px rgba(0,0,0,.35); }
.banner-section-three .content-box p{ text-shadow:0 1px 8px rgba(0,0,0,.35); }

/* #3 service icons: FontAwesome glyphs instead of template PNGs */
.service-two__single-icon i {
    font-size: 56px;
    line-height: 1;
    color: var(--theme-color, #ff5e14);
    transition: 0.5s;
    display: inline-block;
}
.service-two__single:hover .service-two__single-icon i {
    transform: rotateY(160deg);
}

/* #4 FAQ (RTL): move the +/- box to the LEFT so it stops overlapping
   the right-aligned Hebrew heading */
.rtl .accordion-box .acc-btn { padding: 15px 40px; }
.rtl .accordion-box .acc-btn .icon-box { right: auto; left: 30px; }
.rtl .accordion-box .acc-btn h4 { padding-left: 40px; padding-right: 0; }

/* #5 contact: centered short form (map removed) */
.contact-short { padding: 100px 0; }
.contact-short__inner { padding: 0; text-align: center; }
.contact-short .center-title { margin-bottom: 30px; }
.contact-short .contact-form form { max-width: 460px; margin: 0 auto; }
.contact-short .contact-form .common-input {
    max-width: 100% !important;
    width: 100%;
    margin-bottom: 16px;
    direction: rtl;
    text-align: right;
}
/* keep placeholders right-aligned too (tel input defaults to LTR) */
.contact-short .contact-form .common-input::placeholder { text-align: right; }
.contact-short .contact-form .btn-1 { width: 100%; justify-content: center; }
.contact-short__or { margin-top: 22px; font-size: 17px; color: #555; }
.contact-short__or a {
    color: var(--theme-color, #ff5e14);
    font-family: 'Secular One', sans-serif;
    direction: ltr;
    unicode-bidi: isolate;
}
.form-status { margin: 14px 0 0; font-size: 15px; font-weight: 600; min-height: 1em; }
.form-status.ok { color: #1a8a4a; }
.form-status.err { color: #d64500; }

/* sticky call bar for mobile */
.mobile-call-bar {
    display: none;
}
@media (max-width: 767px) {
    .mobile-call-bar {
        display: flex;
        position: fixed;
        inset-inline: 0;
        bottom: 0;
        z-index: 999;
        background: var(--theme-color, #ff5e14);
        color: #fff;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 10px;
        font-family: 'Secular One', sans-serif;
        font-size: 16px;
        line-height: 1;
        white-space: nowrap;
        text-decoration: none;
        box-shadow: 0 -6px 20px rgba(0,0,0,.2);
        direction: ltr;
    }
    .mobile-call-bar:hover { color: #fff; }
    .mobile-call-bar .call-num { direction: ltr; unicode-bidi: isolate; }
    body { padding-bottom: 58px; }

    /* header: keep logo + hamburger on ONE tidy row */
    .main-header .brand-mark { height: 40px !important; width: 40px !important; }
    .main-header .brand-text { font-size: 19px !important; }
    .main-header .brand-lockup { padding: 12px 0 !important; gap: 9px !important; }
    /* the call CTA in the header is redundant with the sticky call bar on mobile */
    .main-header .header-link-btn { display: none !important; }
    .main-header .logo-box { width: auto !important; }
    .main-header .mobile-nav-toggler { margin: 0 !important; }

    /* hero fills the whole screen on mobile */
    .banner-section-three .swiper-slide {
        min-height: 100vh;
        min-height: 100svh;
        display: flex;
        align-items: center;
        padding-top: 96px;
        padding-bottom: 96px;
    }
    .banner-section-three .swiper-slide .container { width: 100%; }
}