/*** Arabic Fonts ****/

/********************/

#globalnav .globalnav-submenu-list-item-elevated, #globalnav .globalnav-submenu-list-item-elevated:lang(ar), #ac-localnav .ac-ln-title, #ac-localnav .ac-ln-title:lang(ar), .typography-headline-reduced, .typography-headline-reduced:lang(ar), .typography-tout, .typography-tout:lang(ar), .typography-accessories-hero-headline, .typography-accessories-hero-headline:lang(ar), .typography-accessories-hero-intro, .typography-accessories-hero-intro:lang(ar), .typography-accessories-modal-headline, .typography-accessories-modal-headline:lang(ar), .typography-category-headline, .typography-category-headline:lang(ar), .typography-issues-copy, .typography-issues-copy:lang(ar) {
	letter-spacing: 0;
	font-family:
		"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#globalnav .globalnav-link, #globalnav .globalnav-link:lang(ar), #globalnav .globalnav-link-apple, #globalnav .globalnav-link-apple:lang(ar), #globalnav .globalnav-submenu-header, #globalnav .globalnav-submenu-header:lang(ar), #globalnav .globalnav-submenu-list-item, #globalnav .globalnav-submenu-list-item:lang(ar), #globalmessage-segment, #globalmessage-segment:lang(ar), #ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button, #ac-globalfooter:lang(ar), #ac-globalfooter select:lang(ar), #ac-globalfooter button:lang(ar), #ac-globalfooter, #ac-globalfooter:lang(ar), #ac-globalfooter .ac-gf-sosumi p, #ac-globalfooter .ac-gf-sosumi li, #ac-globalfooter .ac-gf-sosumi p:lang(ar), #ac-globalfooter .ac-gf-sosumi li:lang(ar), #ac-globalfooter .ac-gf-breadcrumbs-path, #ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar), #ac-globalfooter .ac-gf-directory, #ac-globalfooter .ac-gf-directory:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text, #ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar), #ac-localnav .ac-ln-menu, #ac-localnav .ac-ln-menu:lang(ar), #ac-localnav .ac-ln-button, #ac-localnav .ac-ln-button:lang(ar), html, [lang]:lang(ar), body, body:lang(ar), .button, .button:lang(ar), .typography-body-tight, .typography-body-tight:lang(ar), .typography-accessories-modal-copy, .typography-accessories-modal-copy:lang(ar), .typography-filter-modal-button, .typography-filter-modal-button:lang(ar), .typography-filter-action-button, .typography-filter-action-button:lang(ar), .typography-filter-action-button-semibold, .typography-filter-action-button-semibold:lang(ar) {
	letter-spacing: 0;
	font-family:
		"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
		"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.typography-body-reduced-tight, .typography-body-reduced-tight:lang(ar) {
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 833px) {
	#globalnav .globalnav-link, #globalnav .globalnav-link:lang(ar), #globalnav .globalnav-link-apple, #globalnav .globalnav-link-apple:lang(ar), #globalnav .globalnav-submenu-list-item-elevated, #globalnav .globalnav-submenu-list-item-elevated:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#globalnav .globalnav-submenu-header, #globalnav .globalnav-submenu-header:lang(ar), #globalnav .globalnav-submenu-list-item, #globalnav .globalnav-submenu-list-item:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (max-width: 1068px) {
	.typography-headline-reduced, .typography-headline-reduced:lang(ar), .typography-accessories-hero-headline, .typography-accessories-hero-headline:lang(ar), .typography-accessories-hero-intro, .typography-accessories-hero-intro:lang(ar), .typography-category-headline, .typography-category-headline:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media (max-width: 833px) {
	#ac-localnav .ac-ln-title, #ac-localnav .ac-ln-title:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	#ac-localnav .ac-ln-menu, #ac-localnav .ac-ln-menu:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (max-width: 734px) {
	.typography-headline-reduced, .typography-headline-reduced:lang(ar), .typography-accessories-hero-headline, .typography-accessories-hero-headline:lang(ar), .typography-accessories-hero-intro, .typography-accessories-hero-intro:lang(ar), .typography-category-headline, .typography-category-headline:lang(ar) {
		font-family:
			"SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
			"SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.typography-filter-action-button-semibold, .typography-filter-action-button-semibold:lang(ar), .section-hero .hero-copy .button, .section-hero .hero-copy .button:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

@media only screen and (min-width: 735px) {
	.section-hero .hero-copy .button, .section-hero .hero-copy .button:lang(ar) {
		font-family:
			"SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
			"Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

/********************/

/*** Arabic Fonts ****/

.typography-accessories-hero-headline {
    line-height: 1.1;
}

.section-accessory-filter .search-input-wrapper svg {
    right: 21px;
	left: unset;
}

.section-accessory-filter .search-input-wrapper .search-input {
    padding-right: 56px;
    padding-left: 20px;
}

.section-accessory-filter .filter-modal-button-text {
    right: 30px;
	left: unset;
    padding-right: 14px;
    padding-left: 7px;
}

.section-accessory-filter .filters-applied {
    right: 10px;
	left: unset;
}

.section-accessory-filter .product-name {
    justify-content: end;
    direction: ltr;
}

.section-accessory-filter .tooltip {
	left: -16px;
	right: unset;
}

.section-accessory-filter .tooltip:after {
	left: 20px;
	right: unset;
}

.typography-issues-copy {
    line-height: 1.28;
}

@media only screen and (min-width: 735px) {
	button.modal-close-button {
		left: 32px;
		right: unset;
	}
}

@media only screen and (max-width: 734px) {
	[dir="rtl"] button.modal-close-button {
		margin-right: 20px;
		margin-left: unset;
	}
}

@media only screen and (min-width: 735px) {
    .modal.modal-open .buttons-container {
        left: 0;
        right: unset;
    }
}

@media only screen and (min-width: 735px) {
  .category-checkboxes #bridges-message {
      max-width: 55px;
  }

  .category-checkboxes #garage-door-openers-message {
      max-width: 75px;
  }

  .category-checkboxes #thermostats-message {
      max-width: 55px;
  }
}