/*** The riginal file with the levels 2-5. Keep in store was replaced by this. This file is without those levels as the menu has now a shoreter an cleaner code */


/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 100% (it was 150px) */
#menuwrapper ul li{
    background-color:#d25f15;
    border-bottom:solid 1px #cccccc;
    width:100%;
	cursor:pointer;
}

/* We apply the background hover color when user hover the mouse over of the li component */
/* for IE < 9 we using class .iehover */
#menuwrapper ul li:hover,
#menuwrapper ul li.iehover{
    background-color:#c4361e;
    position:relative;
}

/* We apply the link style */
#menuwrapper ul li a{
    padding:5px 15px;
    color:#ffffff;
    display:inline-block;
    text-decoration:none;
}


/* Clear float */
.clear{
    clear:both;
}



/* KURDISH */
/* Kurdisk submenu default — opens to the RIGHT */
.lang-kurdish #menuwrapper ul li ul {
  display: none;
  position: absolute;
  top: 0;
  right: 100%; /* → open to right */
  z-index: 999;
  padding: 0;
  margin: 0;
}

/* Show submenu on hover */
.lang-kurdish #menuwrapper ul li:hover > ul {
  display: block;
}

/* Nested submenus also open to right */
.lang-kurdish #menuwrapper ul li ul li:hover > ul {
  display: block;
  right: 100%;
  top: 0;
  position: absolute;
}

/* Submenu <li> reset — no background here */
.lang-kurdish #menuwrapper ul li ul li {
  margin: 0;
  padding: 0;
  background: none;
}

/* Submenu <a> handles background & hover */
.lang-kurdish #menuwrapper ul li ul li a {
  background-color: #000000;
  color: #ffffff;
  display: block; /* key fix */
  width: 180px;
  padding: 8px 10px;
  text-decoration: none;
  box-sizing: border-box;
}

/* Hover effect clean and non-overlapping */
.lang-kurdish #menuwrapper ul li ul li a:hover {
  background-color: #e47a38ff;
}
/* END of  KURDISH */

/* ARABIC */
/* Arabic submenu default — opens to the RIGHT */
.lang-arabic #menuwrapper ul li ul {
  display: none;
  position: absolute;
  top: 0;
  right: 100%; /* → open to right */
  z-index: 999;
  padding: 0;
  margin: 0;
}

/* Show submenu on hover */
.lang-arabic #menuwrapper ul li:hover > ul {
  display: block;
}

/* Nested submenus also open to right */
.lang-arabic #menuwrapper ul li ul li:hover > ul {
  display: block;
  right: 100%;
  top: 0;
  position: absolute;
}

/* Submenu <li> reset — no background here */
.lang-arabic #menuwrapper ul li ul li {
  margin: 0;
  padding: 0;
  background: none;
}

/* Submenu <a> handles background & hover */
.lang-arabic #menuwrapper ul li ul li a {
  background-color: #000000;
  color: #ffffff;
  display: block; /* key fix */
  width: 180px;
  padding: 8px 10px;
  text-decoration: none;
  box-sizing: border-box;
}

/* Hover effect clean and non-overlapping */
.lang-arabic #menuwrapper ul li ul li a:hover {
  background-color: #e47a38ff;
}

/* END of  ARABIC */