/* ============================================================
   Rancho Design – English / LTR stylesheet
   Applied when body has class .lang-en

   Key difference from Hebrew:
   • Hamburger toggle on the LEFT side of the header
   • Logo on the RIGHT side of the header
   ============================================================ */

/* ----------------------------------------------------------
   1. Header bar: flip order so toggle is LEFT, logo is RIGHT
   ---------------------------------------------------------- */
.lang-en #site_menu_header {
    flex-direction: row-reverse;
}

/* ----------------------------------------------------------
   2. Language Switcher – shared styles
   ---------------------------------------------------------- */

.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', 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; }
}

/* ----------------------------------------------------------
   3. Services bullet list stays right-aligned in LTR
   ---------------------------------------------------------- */
.lang-en .service-item .content ul {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
}
