/* OC Lang: where the theme shows the language link. Logical properties only, so the
   English (left-to-right) page needs no mirrored copy. The link itself is the plugin's
   .oclang-switcher markup; with two languages it is one link to the other language. */

.deliz-lang .oclang-switcher { font-size: inherit; }
.deliz-lang .oclang-switcher__link { opacity: 1; color: inherit; }

/* Desktop: the end of the top bar — left on the Hebrew page, right on the English one. */
.deliz-lang--topbar {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    padding-inline-start: 15px;
    white-space: nowrap;
    font-weight: 600;
}

/* Without a top bar: beside the account and cart icons. */
.deliz-lang--header {
    display: flex;
    align-items: center;
    font-weight: 600;
    white-space: nowrap;
}

/* Mobile: beside the accessibility button and built like it — an icon above the
   language name, in the same colour and type size as its label. The icon is a
   mask inside the link itself, so the whole thing is one tap target. */
.deliz-lang--mobile {
    display: none;
    align-items: center;
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    color: var(--main-header-txt-color, var(--main-site-text-color, #000));
}
.deliz-lang--mobile .oclang-switcher__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: normal;
    color: inherit;
}
/* One icon only: the plugin's flag stays off the mobile link. */
.deliz-lang--mobile .oclang-switcher__flag { display: none; }
.deliz-lang--mobile .oclang-switcher__link::before {
    content: "";
    display: block;
    inline-size: 17px;
    block-size: 17px;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M2%2012h20'/%3E%3Cpath%20d='M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M2%2012h20'/%3E%3Cpath%20d='M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 599px) {
    .deliz-lang--topbar,
    .deliz-lang--header { display: none; }
    .deliz-lang--mobile { display: flex; }
}

/* Plugins that pin themselves to a corner with a physical side: the AI assistant's
   button (HiiAI) and the accessibility button follow the page's direction too. */
html:not([dir="rtl"]) .ocai-fab.ocai-pos-right,
html:not([dir="rtl"]) .ocai-panel.ocai-pos-right { right: auto; left: 22px; }
html:not([dir="rtl"]) .ocai-fab.ocai-pos-left,
html:not([dir="rtl"]) .ocai-panel.ocai-pos-left { left: auto; right: 22px; }

/* The AI assistant's chat: its own sheet aligns the typing line to the right and
   mirrors the send arrow for Hebrew; on a left-to-right page both follow the page. */
html:not([dir="rtl"]) #ocai-input { text-align: start; }
html:not([dir="rtl"]) #ocai-panel .ocai-panel__form button[type="submit"] { transform: none; }

/* The English header block is wider than the Hebrew one ("Accessibility" against
   "נגישות"), and on a phone it ran into the logo: tighter gaps keep it clear. */
@media (max-width: 599px) {
    html:not([dir="rtl"]) .site-header .container-header-inner .header-mobile-right { gap: 8px; padding-inline-start: 0; }
}

/* Simple Popup pins its close button to a side the admin picked, physically; on a
   left-to-right page the side mirrors, like every other modal's. */
html:not([dir="rtl"]) .osp-close.osp-close--left { left: auto; right: 10px; }
html:not([dir="rtl"]) .osp-close.osp-close--right { right: auto; left: 10px; }

/* The AI assistant's button stays under the cookie notice (99999) and the site's popups,
   whatever its own sheet says; its script lowers it only once it has noticed the notice. */
#ocai-fab.ocai-fab { z-index: 99998 !important; }

/* Left-to-right tuning the mirrored sheets cannot derive (formerly main-ltr.css):
   plugin markup styled physically, and one flex row written reversed for Hebrew. */
html:not([dir="rtl"]) .choose-shipping-popup,
html:not([dir="rtl"]) .redirect-dialog-popup { left: auto; right: -99999px; }
html:not([dir="rtl"]) .choose-shipping-popup.shown,
html:not([dir="rtl"]) .redirect-dialog-popup.shown { right: 0; }
html:not([dir="rtl"]) .footer-top .news-form .item.agree label { flex-direction: row; }
html:not([dir="rtl"]) .wpcf7-list-item { margin: 0; }
html:not([dir="rtl"]) .delivery-data-chip button.cds-button-change.cds-chip-supply-prompt { text-align: start; }