/* =========================================================
   YEMALI — LANGUAGE SWITCHER
   ========================================================= */

.yemali-language-switcher{
  position:fixed;
  top:18px;
  right:24px;
  z-index:99999;
  font-family:Arial,Helvetica,sans-serif;
}

.language-current{
  border:0;
  background:rgba(6,31,34,.92);
  color:#fff;
  padding:8px 11px;
  border-radius:18px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:.2s ease;
}

.language-current:hover{
  color:#ef6048;
}

.language-dropdown{
  position:absolute;
  top:42px;
  right:0;
  min-width:145px;
  padding:6px;
  display:none;
  flex-direction:column;
  gap:2px;
  background:#061f22;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.yemali-language-switcher.open .language-dropdown{
  display:flex;
}

.language-dropdown button{
  width:100%;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  padding:9px 10px;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}

.language-dropdown button:hover{
  background:#ef6048;
  color:#fff;
}

@media(max-width:700px){

  .yemali-language-switcher{
    position:absolute;
    top:10px;
    right:10px;
  }

  .language-current{
    padding:7px 9px;
    font-size:11px;
  }

  .language-dropdown{
    top:38px;
  }
}

/* YEMALI — mobile navigation + language in ONE ROW */
@media (max-width:700px){

  .yemali-language-switcher{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    height:76px !important;
    display:flex !important;
    align-items:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  .language-current{
    background:transparent !important;
    border:0 !important;
    padding:6px 8px !important;
    border-radius:0 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
  }

  .language-current:hover{
    color:#ef6048 !important;
  }

  .language-dropdown{
    top:58px !important;
    right:4px !important;
  }

  .mobile-home-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:100% !important;
    padding-right:55px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }

  .mobile-home-nav a{
    flex:0 0 auto !important;
    padding:0 10px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .mobile-home-nav a:first-child{
    padding-left:0 !important;
  }
}

/* YEMALI — PERFECT MOBILE NAV SPACING */
@media (max-width:700px){

  .mobile-home-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    padding:0 10px !important;
    margin:0 !important;
    gap:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .mobile-home-nav a{
    flex:1 1 auto !important;
    text-align:center !important;
    padding:0 4px !important;
    margin:0 !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .mobile-home-nav a:first-child{
    padding-left:4px !important;
  }

  .yemali-language-switcher{
    position:static !important;
    flex:0 0 auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 4px !important;
    display:flex !important;
    align-items:center !important;
  }

  .language-current{
    padding:5px 4px !important;
    margin:0 !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .language-dropdown{
    top:42px !important;
    right:8px !important;
  }
}

/* YEMALI — FINAL MOBILE NAV: 4 LINKS + LANGUAGE */
@media (max-width:700px){

  .mobile-home-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    height:76px !important;
    padding:0 12px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    gap:0 !important;
  }

  .mobile-home-nav a{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    text-align:center !important;
    padding:0 2px !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .mobile-home-nav a:first-child{
    padding-left:2px !important;
  }

  .yemali-language-switcher{
    position:static !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .language-current{
    display:block !important;
    position:static !important;
    padding:5px 3px !important;
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }

  .language-dropdown{
    position:absolute !important;
    top:58px !important;
    right:8px !important;
  }
}

/* YEMALI — LANGUAGE SWITCHER AS 5TH NAV ITEM */
@media (max-width:700px){

  .mobile-home-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    height:76px !important;
    padding:0 10px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .mobile-home-nav a{
    flex:1 1 0 !important;
    min-width:0 !important;
    text-align:center !important;
    padding:0 2px !important;
    margin:0 !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .mobile-home-nav .yemali-language-switcher{
    position:static !important;
    flex:0 0 auto !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  .mobile-home-nav .language-current{
    position:static !important;
    display:block !important;
    background:transparent !important;
    border:0 !important;
    color:#fff !important;
    padding:5px 3px !important;
    margin:0 !important;
    font-size:12px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }

  .mobile-home-nav .language-current:hover{
    color:#ef6048 !important;
  }

  .mobile-home-nav .language-dropdown{
    position:absolute !important;
    top:58px !important;
    right:8px !important;
  }
}