/* Multi-Language Switching Styles */

/* All non-English language elements are hidden by default (English is default) */
[lang="fr"], [lang="es"], [lang="de"], [lang="it"], [lang="tr"], [lang="ar"] {
  display: none;
}

/* Language-specific display rules for block elements */
/* French */
html.fr [lang="fr"] {
  display: block;
}
html.fr [lang="en"], html.fr [lang="es"], html.fr [lang="de"], html.fr [lang="it"], html.fr [lang="tr"], html.fr [lang="ar"] {
  display: none;
}

/* Spanish */
html.es [lang="es"] {
  display: block;
}
html.es [lang="en"], html.es [lang="fr"], html.es [lang="de"], html.es [lang="it"], html.es [lang="tr"], html.es [lang="ar"] {
  display: none;
}

/* German */
html.de [lang="de"] {
  display: block;
}
html.de [lang="en"], html.de [lang="fr"], html.de [lang="es"], html.de [lang="it"], html.de [lang="tr"], html.de [lang="ar"] {
  display: none;
}

/* Italian */
html.it [lang="it"] {
  display: block;
}
html.it [lang="en"], html.it [lang="fr"], html.it [lang="es"], html.it [lang="de"], html.it [lang="tr"], html.it [lang="ar"] {
  display: none;
}

/* Turkish */
html.tr [lang="tr"] {
  display: block;
}
html.tr [lang="en"], html.tr [lang="fr"], html.tr [lang="es"], html.tr [lang="de"], html.tr [lang="it"], html.tr [lang="ar"] {
  display: none;
}

/* For inline elements */
span[lang="fr"], span[lang="es"], span[lang="de"], span[lang="it"], span[lang="tr"], span[lang="ar"] {
  display: none;
}

/* French inline */
html.fr span[lang="fr"] {
  display: inline;
}
html.fr span[lang="en"], html.fr span[lang="es"], html.fr span[lang="de"], html.fr span[lang="it"], html.fr span[lang="tr"], html.fr span[lang="ar"] {
  display: none;
}

/* Spanish inline */
html.es span[lang="es"] {
  display: inline;
}
html.es span[lang="en"], html.es span[lang="fr"], html.es span[lang="de"], html.es span[lang="it"], html.es span[lang="tr"], html.es span[lang="ar"] {
  display: none;
}

/* German inline */
html.de span[lang="de"] {
  display: inline;
}
html.de span[lang="en"], html.de span[lang="fr"], html.de span[lang="es"], html.de span[lang="it"], html.de span[lang="tr"], html.de span[lang="ar"] {
  display: none;
}

/* Italian inline */
html.it span[lang="it"] {
  display: inline;
}
html.it span[lang="en"], html.it span[lang="fr"], html.it span[lang="es"], html.it span[lang="de"], html.it span[lang="tr"], html.it span[lang="ar"] {
  display: none;
}

/* Turkish inline */
html.tr span[lang="tr"] {
  display: inline;
}
html.tr span[lang="en"], html.tr span[lang="fr"], html.tr span[lang="es"], html.tr span[lang="de"], html.tr span[lang="it"], html.tr span[lang="ar"] {
  display: none;
}

/* Arabic */
html.ar [lang="ar"] {
  display: block;
}
html.ar [lang="en"], html.ar [lang="fr"], html.ar [lang="es"], html.ar [lang="de"], html.ar [lang="it"], html.ar [lang="tr"] {
  display: none;
}

/* Arabic inline */
html.ar span[lang="ar"] {
  display: inline;
}
html.ar span[lang="en"], html.ar span[lang="fr"], html.ar span[lang="es"], html.ar span[lang="de"], html.ar span[lang="it"], html.ar span[lang="tr"] {
  display: none;
}

/* Language switcher styling */
.language-switcher {
  display: flex;
  align-items: center;
  margin-left: 20px;
  z-index: 1001;
  position: relative;
}

/* Custom language select with flags */
.custom-language-select {
  position: relative;
  font-size: 14px;
  user-select: none;
}

.selected-language {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  min-width: 120px;
  transition: all 0.3s ease;
}

.selected-language:hover {
  border-color: #7ED957;
  box-shadow: 0 0 0 2px rgba(126, 217, 87, 0.2);
}

header.sticky .selected-language {
  color: var(--dark);
}

.selected-language .flag-icon {
  width: 20px;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.selected-language i {
  margin-left: auto;
  transition: transform 0.3s ease;
}

.language-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  width: 100%;
  min-width: 160px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  z-index: 1001;
}

.language-dropdown.show {
  max-height: 300px;
  opacity: 1;
  transform: translateY(5px);
}

.language-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.language-option:hover {
  background-color: rgba(126, 217, 87, 0.1);
}

.language-option.active {
  background-color: rgba(126, 217, 87, 0.2);
  font-weight: 500;
}

.language-option .flag-icon {
  width: 20px;
  height: auto;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* RTL adjustments for Arabic */
html.ar .selected-language i {
  margin-right: auto;
  margin-left: 0;
}

html.ar .language-dropdown {
  left: auto;
  right: 0;
}

/* RTL support for Arabic */
html.ar {
  direction: rtl;
  text-align: right;
}

html.ar .header-nav ul li {
  margin-right: 30px;
  margin-left: 0;
}

html.ar .language-switcher {
  margin-right: 20px;
  margin-left: 0;
}