/* Language switcher (lang-switcher.php). Colours follow the header: text #333, active pill #333, brand blue #2259AB. */
.nadi-lang{ font-family: inherit; line-height: 1.4; }
.nadi-lang__item{ text-decoration: none; }

/* 1. desktop header: "FA ▾" between the menu and the search icon. Absolutely placed so the header columns keep
      their widths (in the 282px column it pushed the catalog button to a second line). inset-inline-end:100% puts
      it on the menu side of the search icon in both directions. */
.elementor-element-49f7146{ position: relative; }
.nadi-lang--menu{ position: absolute; top: 50%; inset-inline-end: 100%; margin-inline-end: 18px; transform: translateY(-50%); }
.nadi-lang .nadi-lang__toggle,
.nadi-lang .nadi-lang__toggle:hover,
.nadi-lang .nadi-lang__toggle:focus{
	display: inline-flex !important; align-items: center; gap: 6px; padding: 6px 2px !important; margin: 0; min-height: 0; height: auto; width: auto;
	background: none !important; border: 0 !important; border-radius: 8px !important; box-shadow: none !important; cursor: pointer;
	color: #333; font: inherit; font-size: 15px; font-weight: 600; letter-spacing: .02em; line-height: 1.4; text-transform: none;
}
/* the main menu moves a little away from the switcher (toward the logo): right in fa/ar, left in en. transform does not
   change the header columns, so nothing else moves. Set on the widget box: Max Mega Menu resets transform on its own wrapper with an id selector. Desktop only (the mega menu is hidden on smaller screens). */
@media (min-width: 1025px){
	html[dir="rtl"] .elementor-widget-neuros_navigation_menu > .elementor-widget-container{ transform: translateX(30px); }
	html:not([dir="rtl"]) .elementor-widget-neuros_navigation_menu > .elementor-widget-container{ transform: translateX(-30px); }
}
.nadi-lang .nadi-lang__toggle{ color: #333 !important; }
/* the theme turns button text white on hover (for its filled buttons); this one has no fill, so keep it dark/blue */
.nadi-lang .nadi-lang__toggle:hover, .nadi-lang .nadi-lang__toggle:focus, .nadi-lang .nadi-lang__toggle:active,
.nadi-lang .nadi-lang__toggle[aria-expanded="true"]{ color: #2259AB !important; }
.nadi-lang .nadi-lang__toggle:focus-visible{ outline: 2px solid #2259AB; outline-offset: 2px; }
.nadi-lang__toggle > span{ display: inline-block; flex: none; }
.nadi-lang .nadi-lang__toggle::before, .nadi-lang .nadi-lang__toggle::after{ content: none !important; display: none !important; }   /* the theme's gradient border on every button */
.nadi-lang__globe{
	width: 18px; height: 18px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M2.8 12h18.4M12 2.8c2.6 2.6 3.9 5.6 3.9 9.2s-1.3 6.6-3.9 9.2c-2.6-2.6-3.9-5.6-3.9-9.2S9.4 5.4 12 2.8z'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M2.8 12h18.4M12 2.8c2.6 2.6 3.9 5.6 3.9 9.2s-1.3 6.6-3.9 9.2c-2.6-2.6-3.9-5.6-3.9-9.2S9.4 5.4 12 2.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.nadi-lang__caret{ width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; transition: transform .2s; }
.nadi-lang__toggle[aria-expanded="true"] .nadi-lang__caret{ transform: rotate(180deg); }
.nadi-lang--menu .nadi-lang__list{
	position: absolute; top: calc(100% + 10px); left: 50%; z-index: 1000; min-width: 150px;
	display: flex; flex-direction: column; padding: 8px;
	background: #fff; border-radius: 16px; box-shadow: 0 12px 32px rgba(17, 37, 76, .14);
	opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .2s, transform .2s, visibility .2s;
}
.nadi-lang--menu.is-open .nadi-lang__list{ opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nadi-lang--menu .nadi-lang__item{ display: block; padding: 9px 16px; border-radius: 10px; color: #333; font-size: 15px; font-weight: 500; white-space: nowrap; text-align: center; }
.nadi-lang--menu a.nadi-lang__item:hover, .nadi-lang--menu a.nadi-lang__item:focus-visible{ background: #f2f5f9; color: #2259AB; outline: none; }
.nadi-lang--menu .nadi-lang__item.is-current{ color: #2259AB; font-weight: 700; }

/* 2. mobile menu panel: three pills at the top */
/*    own row under the search/close icons, indented like the menu items (the panel's list has 40px inline padding) */
.mobile-header-menu-container .mobile-header-row{ flex-wrap: wrap; }
.nadi-lang--pills{ order: 2; flex: 0 0 100%; box-sizing: border-box; padding: 0 40px; margin: 6px 0 4px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.nadi-lang--pills .nadi-lang__item{
	display: inline-block; padding: 6px 13px; border: 1px solid #d9dee6; border-radius: 999px; line-height: 1.4;
	color: #333; font-size: 14px; font-weight: 500;
}
.nadi-lang--pills a.nadi-lang__item:hover{ border-color: #2259AB; color: #2259AB; }
.nadi-lang--pills .nadi-lang__item.is-current{ background: #333; border-color: #333; color: #fff; }

/* 3. navy footer, middle column under the social icons: a title like the column headings, then three outline pills */
.nadi-lang--footer{ margin-top: 36px; }
/* one copy per screen size: middle column on wider screens, after the last (products) column on phones */
.nadi-lang--footer-end{ display: none; }
@media (max-width: 767px){
	.nadi-lang--footer-mid{ display: none; }
	.nadi-lang--footer-end{ display: block; }
}
.nadi-lang--footer .nadi-lang__title{ margin: 0 0 16px; color: #eef3f9; font-size: 18px; font-weight: 700; line-height: 1.5; }
.nadi-lang--footer .nadi-lang__title{ font-family: Shabnam, IRANYekan, Tahoma, Arial, sans-serif; }   /* the column headings' font */
html:not([dir="rtl"]) .nadi-lang--footer .nadi-lang__title{ font-family: Manrope, sans-serif; }
.nadi-lang--footer .nadi-lang__row{ display: flex; flex-wrap: wrap; gap: 8px; }
.nadi-lang--footer .nadi-lang__item{
	display: inline-block; padding: 6px 14px; border: 1px solid rgba(238, 243, 249, .35); border-radius: 999px;
	color: #eef3f9 !important; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none !important; transition: border-color .2s, background .2s, color .2s;
}
.nadi-lang--footer a.nadi-lang__item:hover, .nadi-lang--footer a.nadi-lang__item:focus-visible{ border-color: #fff; background: rgba(255, 255, 255, .08); color: #fff !important; outline: none; }
.nadi-lang--footer .nadi-lang__item.is-current{ background: #fff; border-color: #fff; color: #0f1d31 !important; }