/* English-only presentation corrections. Arabic/RTL views do not load this file. */
html[lang="en"] {
  direction: ltr;
  text-size-adjust: 100%;
}

html[lang="en"] *,
html[lang="en"] *::before,
html[lang="en"] *::after {
  box-sizing: border-box;
}

html[lang="en"] body.english-interface {
  direction: ltr;
  overflow-x: hidden;
}

html[lang="en"] body.english-interface :focus-visible {
  outline: 3px solid #0b57d0;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff;
}

html[lang="en"] .skip-to-main {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10000;
  padding: 10px 16px;
  border-radius: 8px;
  background: #fff;
  color: #075c46;
  font-weight: 800;
  transform: translateY(-160%);
  transition: transform .15s ease;
}

html[lang="en"] .skip-to-main:focus {
  transform: translateY(0);
}

html[lang="en"] .lang-switcher {
  min-width: 42px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html[lang="en"] .lang-flag {
  direction: ltr;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-align: center;
}

html[lang="en"] .desktop-auth-buttons .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  height: 44px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

html[lang="en"] .desktop-auth-buttons .btn-secondary:first-child,
html[lang="en"] .desktop-auth-buttons .btn-outline-light {
  color: #fff;
  background: #064c3a !important;
  border-color: rgba(255, 255, 255, .8);
}

html[lang="en"] .desktop-auth-buttons .btn-secondary:last-child,
html[lang="en"] .desktop-auth-buttons .btn-light {
  color: #073c2f;
  background: #fff !important;
  border-color: #fff;
}

/* The legacy bounce overlay and important theme background otherwise hide
   the sign-up label. Keep each button's text/background pair in every state. */
html[lang="en"] .desktop-auth-buttons .hvr-bounce-to-left::before {
  display: none;
}

html[lang="en"] .desktop-auth-buttons .btn-secondary:first-child:hover,
html[lang="en"] .desktop-auth-buttons .btn-secondary:first-child:focus,
html[lang="en"] .desktop-auth-buttons .btn-secondary:first-child:active {
  color: #fff;
  background: #073c2f !important;
  border-color: #fff;
}

html[lang="en"] .desktop-auth-buttons .btn-secondary:last-child:hover,
html[lang="en"] .desktop-auth-buttons .btn-secondary:last-child:focus,
html[lang="en"] .desktop-auth-buttons .btn-secondary:last-child:active {
  color: #073c2f;
  background: #e7f3ef !important;
  border-color: #e7f3ef;
}

/* Bootstrap 3 CSS / Bootstrap 4 JS compatibility for keyboard-opened menus. */
html[lang="en"] .desktop-header__nav .navbar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

html[lang="en"] .desktop-header__nav .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: .35em;
  vertical-align: .15em;
  content: "";
  border-top: .3em solid currentColor;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

html[lang="en"] .desktop-header__nav .dropdown-menu.show {
  display: block;
}

html[lang="en"] body:not(.light-mode) .desktop-user-actions .btn {
  color: #fff;
  background: #075c46 !important;
}

html[lang="en"] body:not(.light-mode) .desktop-user-actions .btn:hover,
html[lang="en"] body:not(.light-mode) .desktop-user-actions .btn:focus,
html[lang="en"] body:not(.light-mode) .desktop-user-actions .btn:active {
  color: #fff;
  background: #064c3a !important;
}

html[lang="en"] body:not(.light-mode) .desktop-user-actions .hvr-bounce-to-left::before {
  background: #064c3a;
}

html[lang="en"] body:not(.light-mode) .desktop-header__nav .dropdown-menu {
  background: #111a17;
  border-color: #355249;
}

html[lang="en"] .desktop-header__nav .dropdown-menu > .dropdown-item {
  display: block;
  width: 100%;
  padding: 8px 16px;
  clear: both;
  color: #f2f6f5;
  text-align: left;
  white-space: normal;
}

html[lang="en"] .desktop-header__nav .dropdown-menu > .dropdown-item:hover,
html[lang="en"] .desktop-header__nav .dropdown-menu > .dropdown-item:focus {
  background: #075c46;
  color: #fff;
  text-decoration: none;
}

html[lang="en"] body.light-mode .desktop-header__nav .dropdown-menu > .dropdown-item {
  color: #1a1a2e;
}

html[lang="en"] body.light-mode .desktop-header__nav .dropdown-menu {
  background: #fff;
  border-color: #d4ddd9;
}

html[lang="en"] body.light-mode .desktop-header__nav .dropdown-menu > .dropdown-item:hover,
html[lang="en"] body.light-mode .desktop-header__nav .dropdown-menu > .dropdown-item:focus {
  background: #e7f3ef;
  color: #075c46;
}

html[lang="en"] .home-tabs__wrapper {
  align-items: stretch;
}

html[lang="en"] .home-tab {
  min-height: 44px;
  max-width: 260px;
  padding: 10px 18px;
  justify-content: center;
  text-align: center;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[lang="en"] .home-card,
html[lang="en"] .home-featured__card {
  min-width: 0;
}

html[lang="en"] .home-card__title,
html[lang="en"] .home-featured__card-title {
  min-height: 2.8em;
  overflow-wrap: anywhere;
  text-align: center;
}

html[lang="en"] .home-card__features,
html[lang="en"] .home-featured__card-features {
  min-height: 7.5rem;
}

html[lang="en"] .home-card__features li,
html[lang="en"] .home-featured__card-feature {
  align-items: flex-start;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

html[lang="en"] .home-card__features i,
html[lang="en"] .home-featured__card-feature i {
  flex: 0 0 auto;
  margin-top: .2em;
}

html[lang="en"] .home-card__price,
html[lang="en"] .home-card__quantity,
html[lang="en"] .home-card__btn {
  position: relative;
  z-index: 1;
}

html[lang="en"] .home-card__quantity-label {
  gap: 10px;
  flex-wrap: wrap;
}

html[lang="en"] .home-card__input {
  text-align: center;
}

html[lang="en"] .home-card__slider,
html[lang="en"] .package-card__slider {
  direction: ltr;
}

html[lang="en"] .home-page__packages-slider-container {
  touch-action: pan-y;
}

html[lang="en"] .english-home-hero {
  min-height: 330px;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #06291f, #087657);
}

html[lang="en"] .english-hero-fallback {
  width: 100%;
  padding: 64px 20px;
  text-align: center;
  color: #fff;
}

html[lang="en"] .english-hero-fallback {
  width: min(760px, 100%);
  margin: 0 auto;
}

html[lang="en"] .english-hero-fallback__eyebrow {
  margin-bottom: 10px !important;
  color: #c9ffed !important;
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html[lang="en"] .english-hero-fallback h1 {
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(30px, 5vw, 52px);
  line-height: 1.12;
  text-align: center;
}

html[lang="en"] .english-hero-fallback p {
  margin: 0 auto 26px;
  max-width: 640px;
  color: rgba(255, 255, 255, .88);
  font-size: 17px;
  line-height: 1.65;
  text-align: center;
}

html[lang="en"] .english-hero-fallback__action {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  border-radius: 10px;
  background: #fff;
  color: #075c46;
  font-weight: 800;
  text-decoration: none;
}

html[lang="en"] body.light-mode .english-home-hero {
  background: linear-gradient(135deg, #075c46, #087657);
}

html[lang="en"] .footer-brand__description,
html[lang="en"] .footer-links__list a,
html[lang="en"] .footer-contact__item,
html[lang="en"] .footer-bottom__text {
  overflow-wrap: anywhere;
}

html[lang="en"] .footer-links__list,
html[lang="en"] .footer-brand,
html[lang="en"] .footer-contact {
  text-align: left;
}

html[lang="en"] .footer-links__list li a:hover,
html[lang="en"] .footer-links__list li a:focus,
html[lang="en"] .footer-contact__item:hover,
html[lang="en"] .footer-contact__item:focus,
html[lang="en"] .footer-bottom__text span,
html[lang="en"] body.light-mode .footer-links__list li a:hover,
html[lang="en"] body.light-mode .footer-contact__item:hover {
  color: #85e8cb;
}

html[lang="en"] .support-grid,
html[lang="en"] .support-list-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

html[lang="en"] .support-next-article,
html[lang="en"] .support-empty-state {
  margin-top: 16px;
}

/* Small English interface text is pinned to WCAG AA contrast pairs. */
html[lang="en"] .support-hero,
html[lang="en"] body.light-mode .support-hero {
  background: linear-gradient(135deg, #064c3a, #075c46);
}

html[lang="en"] .support-hero__subtitle {
  color: #fff;
}

html[lang="en"] .support-search__input::placeholder {
  color: #f2f6f5;
}

html[lang="en"] .support-quick-card__desc,
html[lang="en"] .support-list-card__subtitle {
  color: #c7d5d1;
}

html[lang="en"] body.light-mode .support-search__input::placeholder,
html[lang="en"] body.light-mode .support-quick-card__desc,
html[lang="en"] body.light-mode .support-list-card__subtitle {
  color: #4f505a;
}

html[lang="en"] body.light-mode .support-section__link {
  color: #075c46;
}

html[lang="en"] body:not(.light-mode) .home-card__price-label,
html[lang="en"] body:not(.light-mode) .home-card__price-old,
html[lang="en"] body:not(.light-mode) .home-card__quantity-range,
html[lang="en"] body:not(.light-mode) .package-card__price-old {
  color: #c7d5d1;
}

html[lang="en"] body.light-mode .home-card__price-label,
html[lang="en"] body.light-mode .home-card__price-old,
html[lang="en"] body.light-mode .home-card__quantity-range,
html[lang="en"] body.light-mode .package-card__price-old,
html[lang="en"] body.light-mode .packages-hero__subtitle {
  color: #4f505a;
}

html[lang="en"] body:not(.light-mode) .home-card__timer,
html[lang="en"] body:not(.light-mode) .package-card__badge--discount {
  color: #ff9ca7 !important;
}

html[lang="en"] body:not(.light-mode) .home-card__timer[style*="#0d8b6d"],
html[lang="en"] body:not(.light-mode) .package-card__badge--new,
html[lang="en"] body:not(.light-mode) .packages-tab:not(.active) {
  color: #85e8cb !important;
}

html[lang="en"] body.light-mode .home-card__timer,
html[lang="en"] body.light-mode .package-card__badge--discount {
  color: #8f1f30 !important;
}

html[lang="en"] body.light-mode .home-card__timer[style*="#0d8b6d"],
html[lang="en"] body.light-mode .package-card__badge--new,
html[lang="en"] body.light-mode .packages-tab:not(.active) {
  color: #075c46 !important;
}

html[lang="en"] body:not(.light-mode) .packages-hero__subtitle {
  color: #d7e2df;
}

html[lang="en"] .packages-tab.active,
html[lang="en"] body.light-mode .packages-tab.active,
html[lang="en"] .home-tab.active,
html[lang="en"] body.light-mode .home-tab.active {
  background: #075c46;
  border-color: #075c46;
  color: #fff;
}

html[lang="en"] .package-card__btn,
html[lang="en"] .home-card__btn {
  background: linear-gradient(135deg, #075c46, #064c3a);
  color: #fff;
}

html[lang="en"] .package-card__btn:hover,
html[lang="en"] .home-card__btn:hover {
  background: linear-gradient(135deg, #064c3a, #053d2f);
  color: #fff;
}

html[lang="en"] body:not(.light-mode) .package-card__price-current {
  color: #85e8cb;
}

html[lang="en"] body.light-mode .package-card__price-current {
  color: #075c46;
}

html[lang="en"] .package-card__discount-badge {
  margin-right: 0;
  margin-inline-start: auto;
}

html[lang="en"] .packages-tab:focus-visible,
html[lang="en"] .home-tab:focus-visible,
html[lang="en"] .package-card__btn:focus-visible,
html[lang="en"] .home-card__btn:focus-visible {
  outline: 3px solid #0b57d0;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff;
}

html[lang="en"] .packages-slider__slider-dots .dot {
  padding: 0;
  border: 0;
}

html[lang="en"] .footer-collapse__content[hidden] {
  display: none !important;
}

@media (min-width: 992px) {
  html[lang="en"] .desktop-header__nav .navbar-toggler {
    display: none;
  }

  html[lang="en"] .desktop-header__inner {
    gap: 20px;
    align-items: center;
  }

  html[lang="en"] .desktop-header__nav {
    min-width: 0;
  }

  /* Bootstrap 3 adds 20px below .navbar and a 50px minimum height. */
  html[lang="en"] .desktop-header__nav .navbar {
    min-height: 0;
    margin: 0;
    border: 0;
  }

  html[lang="en"] .desktop-header__nav .navbar-collapse {
    padding: 0;
  }

  html[lang="en"] .desktop-header__nav .navbar-nav {
    display: flex;
    float: none;
    gap: 2px;
    align-items: center;
    flex-wrap: wrap;
  }

  html[lang="en"] .desktop-header__nav .navbar-nav .nav-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 8px;
    line-height: 1.25;
    white-space: nowrap;
  }

  html[lang="en"] .desktop-header__actions {
    gap: 8px;
  }

  html[lang="en"] .desktop-switchers .theme-toggle,
  html[lang="en"] .desktop-switchers .lang-switcher {
    width: 44px;
    height: 44px;
    min-height: 44px;
    flex: 0 0 44px;
  }
}

@media (max-width: 1199.98px) {
  html[lang="en"] .home-packages__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  html[lang="en"] .home-packages__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[lang="en"] .english-home-hero {
    min-height: 280px;
  }
}

@media (max-width: 767.98px) {
  html[lang="en"] .home-page,
  html[lang="en"] .english-home-hero,
  html[lang="en"] footer {
    width: 100%;
    max-width: 100%;
  }

  html[lang="en"] .home-packages__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  html[lang="en"] .home-tab {
    flex: 1 1 150px;
    max-width: none;
  }

  html[lang="en"] .home-featured__card-features {
    grid-template-columns: 1fr;
  }

  html[lang="en"] .support-grid,
  html[lang="en"] .support-list-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  html[lang="en"] .home-card__features,
  html[lang="en"] .home-featured__card-features,
  html[lang="en"] .home-card__title,
  html[lang="en"] .home-featured__card-title {
    min-height: 0;
  }

  html[lang="en"] .english-hero-fallback {
    padding: 46px 18px;
  }

  html[lang="en"] .footer-collapse,
  html[lang="en"] .footer-collapse__content,
  html[lang="en"] .footer-links__list {
    text-align: left;
  }
}