/* Header logo sizing (bigger) */
#header .header-logo img.header-logo-img{
  height: 78px !important;     /* desktop */
  width: auto !important;
  max-height: none !important;
}

/* Mobile */
@media (max-width: 991px){
  #header .header-logo img.header-logo-img{
    height: 62px !important;
  }
}

/* Shrink state on scroll */
#header.header-effect-shrink .header-logo img.header-logo-img{
  height: 58px !important;
}


.footer-logo{
  height:42px;
  width:auto;
}
@media (max-width: 991px){
  .footer-logo{
    height:38px;
  }
}

/* Mobile nav: bigger tap targets, no overlap (keeps Porto hamburger styling) */
@media (max-width: 991px){

  /* Make each link a full-width tap target */
  #header .header-nav-main nav > ul > li > a{
    display: block !important;
    width: 100% !important;
    padding: 14px 18px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    white-space: normal !important;   /* allow wrapping instead of overlapping */
  }

  /* Add subtle spacing between items */
  #header .header-nav-main nav > ul > li{
    margin: 4px 0 !important;
  }

  /* Optional: add a divider line for clarity */
  #header .header-nav-main nav > ul > li + li > a{
    border-top: 1px solid rgba(255,255,255,0.08);
  }
}