/*
Theme Name: MHarty Child
Theme URI: https://human-rights.com.ar
Description: Child Theme for MHarty - HR TV
Author: Abdelaziz Tarekji
Template: mharty
Version: 1.3.0
Text Domain: mharty-child
*/
/* HR TV global header styling — all pages */

#main-header,
header,
.et-l--header {
  background: #071f3b !important;
}

#top-header,
.et-secondary-nav,
#et-secondary-nav {
  background: #0b2d52 !important;
}

#top-menu,
.et-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px 18px !important;
  width: 100% !important;
}

#top-menu > li,
.et-menu > li {
  margin: 0 !important;
  white-space: nowrap !important;
}

#top-menu a,
.et-menu a {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
  padding: 8px 4px !important;
}

#top-menu a:hover,
.et-menu a:hover,
#top-menu .current-menu-item > a,
.et-menu .current-menu-item > a {
  color: #d6ad55 !important;
}

.lang-item {
  display: inline-block !important;
  margin: 0 5px !important;
}

.lang-item a {
  display: inline-block !important;
  padding: 7px 12px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.lang-item a:hover,
.lang-item.current-lang a {
  background: #d6ad55 !important;
  color: #071f3b !important;
}

@media (max-width: 1250px) {
  #top-menu,
  .et-menu {
    gap: 6px 12px !important;
  }

  #top-menu a,
  .et-menu a {
    font-size: 14px !important;
  }
}
/* ===== HR TV Dropdown Menu ===== */

#top-menu .sub-menu,
.et-menu .sub-menu,
ul.sub-menu {
    min-width: 240px !important;
    background: #071F3B !important;
    border-top: 2px solid #D6AD55 !important;
    border-radius: 0 0 8px 8px;
    padding: 8px 0 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

#top-menu .sub-menu li,
.et-menu .sub-menu li,
ul.sub-menu li{
    width:100%;
}

#top-menu .sub-menu a,
.et-menu .sub-menu a,
ul.sub-menu a{
    display:block;
    color:#ffffff !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.6 !important;
    padding:10px 18px !important;
    white-space:nowrap;
}

#top-menu .sub-menu a:hover,
.et-menu .sub-menu a:hover,
ul.sub-menu a:hover{
    background:#0B2D52 !important;
    color:#D6AD55 !important;
}
/* Show language switcher on mobile */

@media (max-width: 980px) {

  #top-header,
  #et-secondary-nav,
  .et-secondary-nav {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    background: #0B2D52 !important;
  }

  #et-secondary-nav,
  .et-secondary-nav {
    width: 100% !important;
    text-align: center !important;
    padding: 7px 10px !important;
  }

  #et-secondary-nav .lang-item,
  .et-secondary-nav .lang-item {
    display: inline-block !important;
    margin: 3px 4px !important;
  }

  #et-secondary-nav .lang-item a,
  .et-secondary-nav .lang-item a {
    display: inline-block !important;
    padding: 7px 11px !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.10) !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  #et-secondary-nav .current-lang a,
  .et-secondary-nav .current-lang a {
    background: #D6AD55 !important;
    color: #071F3B !important;
  }
}