/* ============================================================
   Rancho Design – Hebrew / RTL stylesheet  v3
   Applied when body has class .lang-he
   ============================================================ */

/* ----------------------------------------------------------
   1. Hebrew fonts (Heebo replaces Poppins for body text)
   ---------------------------------------------------------- */
.lang-he body,
.lang-he p,
.lang-he li,
.lang-he a,
.lang-he span,
.lang-he h1,
.lang-he h2,
.lang-he h3,
.lang-he h4,
.lang-he h5,
.lang-he h6,
.lang-he div,
.lang-he input,
.lang-he textarea,
.lang-he button {
    font-family: 'Heebo', 'Poppins', sans-serif;
}

/* Hero display headings and brand elements keep Antonio */
.lang-he .logo-box h3,
.lang-he .menu-cover-title,
.lang-he #dsn_header h1,
.lang-he #dsn_header h2 {
    font-family: 'Antonio', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.01em;
}

/* ----------------------------------------------------------
   2. Disable text-transform: uppercase for Hebrew text
   ---------------------------------------------------------- */
.lang-he .text-upper {
    text-transform: none;
    letter-spacing: 0.02em;
}

/* Explicit exceptions: Latin-only elements must stay uppercase */
.lang-he .logo-box .text-upper,
.lang-he .menu-cover-title.text-upper,
.lang-he #dsn_header .title-lg {
    text-transform: uppercase !important;
    letter-spacing: normal !important;
}

/* ----------------------------------------------------------
   3. Preloader: force LTR so "RANCHO" never reverses
   ---------------------------------------------------------- */
.lang-he #dsn_preloader {
    direction: ltr !important;
}

/* ----------------------------------------------------------
   4. Header bar: logo-LEFT, lang-switcher, toggle-RIGHT
      Force LTR order on the bar itself (user's request)
   ---------------------------------------------------------- */
.lang-he #site_menu_header {
    direction: ltr;
}

/* Navigation panel content uses RTL */
.lang-he .main-navigation,
.lang-he .main-navigation ul,
.lang-he .nav__info,
.lang-he .nav-social {
    direction: rtl;
    text-align: right;
}

.lang-he #dsn-primary-list li a {
    text-align: right;
    direction: rtl;
}

/* ----------------------------------------------------------
   5. Hero section
   ---------------------------------------------------------- */
.lang-he #dsn_header .title-lg {
    text-align: right;
}

.lang-he #dsn_header .description-inner {
    direction: rtl;
    justify-content: space-between;
}

/* Description box (location text) pushed to the left end */
.lang-he #dsn_header .he-desc-box {
    margin-right: auto;
    margin-left: 0;
}

.lang-he #dsn_header .description-box p {
    text-align: right;
}

.lang-he .footer-head .container {
    direction: rtl;
}

/* ----------------------------------------------------------
   6. About section
   ---------------------------------------------------------- */
.lang-he .about-me {
    direction: rtl;
    text-align: right;
}

.lang-he .about-me .title,
.lang-he .about-me .sm-title-block {
    text-align: right;
    direction: rtl;
}

/* ----------------------------------------------------------
   7. Marquee – force LTR on wrapper so the JS plugin works.
      Hebrew characters render correctly in any direction.
   ---------------------------------------------------------- */
.lang-he .dsn-marquee,
.lang-he .dsn-text-marquee {
    direction: ltr !important;
    unicode-bidi: isolate;
}

/* ----------------------------------------------------------
   8. Services section
   ---------------------------------------------------------- */
.lang-he .service-item {
    direction: rtl;
}

/* Service number spacing: theme uses margin-right:30px (LTR).
   In RTL the number sits on the right, so we need margin-left. */
.lang-he .dsn-service.services-personal .service-item .title-box .number {
    margin-right: 0 !important;
    margin-left: 30px !important;
}

/* Service description indentation: theme uses margin-left:72px (LTR) */
.lang-he .dsn-service.services-personal .service-item .text {
    margin-left: 0 !important;
    margin-right: 72px !important;
}

.lang-he .service-item h4 {
    text-align: right;
}

.lang-he .service-item .content {
    direction: rtl;
}

.lang-he .service-item .content .text p {
    text-align: right;
}

.lang-he .service-item .content ul {
    text-align: right;
    margin-right: auto;
    margin-left: 0;
}

/* ----------------------------------------------------------
   9. CTA / next-page section
   ---------------------------------------------------------- */
.lang-he .next-page .tob-box {
    direction: rtl;
}

.lang-he .next-page h2,
.lang-he .next-page h4,
.lang-he .next-page p {
    text-align: right;
}

/* dsn-right-container: theme floats this to the right with margin-left:auto.
   In RTL it should float to the left with margin-right:auto. */
.lang-he .dsn-right-container {
    margin-left:  0 !important;
    margin-right: auto !important;
    padding-right: var(--dsn-gap-container) !important;
    padding-left:  0 !important;
    direction: rtl;
}

/* ----------------------------------------------------------
   10. Footer
   ---------------------------------------------------------- */
.lang-he .footer .d-grid {
    direction: rtl;
}

.lang-he .footer-links ul,
.lang-he .footer-contact,
.lang-he .footer-socials {
    direction: rtl;
    text-align: right;
}

.lang-he .footer-links h4,
.lang-he .footer-contact h4,
.lang-he .footer-socials h4 {
    text-align: right;
    text-transform: none;
}

.lang-he .col-contact p {
    text-align: right;
}

.lang-he .copyright .d-flex {
    direction: rtl;
}

/* ----------------------------------------------------------
   11. Preloader loading text
   ---------------------------------------------------------- */
.lang-he .loading-text {
    font-family: 'Heebo', sans-serif;
    /* Keep direction LTR since the whole preloader is LTR */
}

/* ============================================================
   Language Switcher – shared styles (both lang files)
   ============================================================ */

.lang-switcher {
    display: flex;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 200;
    flex-shrink: 0;
}

.lang-flag {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    transition: opacity 0.25s ease, background 0.25s ease;
    opacity: 0.45;
    border: 1px solid transparent;
    font-family: 'Poppins', 'Heebo', sans-serif;
    text-transform: uppercase;
}

.lang-flag:hover {
    opacity: 0.8;
    color: #fff;
}

.lang-flag.is-active {
    opacity: 1;
    border-color: rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.08);
    color: #fff;
}

.lang-flag img {
    border-radius: 2px;
    display: block;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

.lang-label {
    display: inline-block;
    line-height: 1;
}

@media (max-width: 480px) {
    .lang-label { display: none; }
    .lang-flag   { padding: 5px 6px; }
}