.t-Header-branding {
    background-image: url('../images/mhtdesign4.jpg');
    background-size: cover;
    background-position: center;
    height: 126px;
}



span.apex-logo-text {
   
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  color: #f5f8fc;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  letter-spacing: 1px;
  padding: 50px 50px;
 

  
}






img.apex-logo-img {
    max-height: 26%; /* الشعار لن يتجاوز ارتفاع الحاوية */
    max-width: 26%; /* الشعار لن يتجاوز عرض الحاوية */
   filter: drop-shadow(0px 0px 3px #000000);
    image-rendering: -webkit-optimize-contrast; /* تحسين الوضوح */
}


/*--------------------------------*/



.t-Header-navBar--center{
  
    background-color:#aab7b8  ;
       border-radius: 10px;
       box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}




#t_MenuNav {
    background-color: #499d78;
}

.a-MenuBar-item:hover{
    background-color: #58aa84;
}

button#t_Button_navControl {
    background-color: #b4c1b7;
}

/*--------------------------------*/


/* تحديد العنصر النشط في TreeNav */
.t-TreeNav .a-TreeView-label.is-current,
.t-TreeNav .a-TreeView-label.is-current a {
    background-color: #0066cc !important;
    color: white !important;
    font-weight: bold !important;
}

/* التأكد من ظهور العقد المفتوحة */
.t-TreeNav .a-TreeView-node.is-expanded > .a-TreeView-content {
    display: block !important;
}

/* تحديد أيقونة العنصر النشط */
.t-TreeNav .a-TreeView-node.is-current > .a-TreeView-label .a-TreeView-icon {
    color: white !important;
}

/* فتح العقد الفرعية */
.t-TreeNav .a-TreeView-node.is-expanded > .a-TreeView-toggle:before {
    transform: rotate(90deg);
}