/* ==========================================================
   OHGS FINAL HEADER SCROLL ANIMATION
   Professional shrink + glass + shadow + reveal animation.
   ========================================================== */

.site-header.ohgs-pro-visible-header,
header.site-header{
  transition:
    min-height .28s ease,
    padding .28s ease,
    background .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    transform .28s ease !important;
}

.site-header .ohgs-final-brand-icon,
.site-header .ohgs-final-brand-title,
.site-header .ohgs-final-brand-subtitle,
.site-header .nav-links a,
.site-header .header-actions,
.site-header .menu-toggle{
  transition:
    width .28s ease,
    height .28s ease,
    min-width .28s ease,
    font-size .28s ease,
    letter-spacing .28s ease,
    opacity .28s ease,
    transform .28s ease,
    background .28s ease,
    color .28s ease !important;
}

/* Scrolled desktop look */
.site-header.ohgs-animate-scrolled{
  min-height:64px !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
  background:rgba(3,10,22,.92) !important;
  border-bottom-color:rgba(0,191,255,.22) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.30) !important;
}

body.light .site-header.ohgs-animate-scrolled,
html[data-theme="light"] .site-header.ohgs-animate-scrolled{
  background:rgba(255,255,255,.92) !important;
  border-bottom-color:rgba(0,119,182,.18) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.14) !important;
}

.site-header.ohgs-animate-scrolled .ohgs-final-brand-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  transform:rotate(-3deg) scale(.96) !important;
}

.site-header.ohgs-animate-scrolled .ohgs-final-brand-title{
  font-size:25px !important;
  letter-spacing:.12em !important;
}

.site-header.ohgs-animate-scrolled .ohgs-final-brand-subtitle{
  font-size:7px !important;
  letter-spacing:.26em !important;
}

.site-header.ohgs-animate-scrolled .nav-links a{
  min-height:34px !important;
  padding-inline:11px !important;
}

.site-header.ohgs-animate-scrolled .theme-toggle,
.site-header.ohgs-animate-scrolled .lang-toggle,
.site-header.ohgs-animate-scrolled .whatsapp{
  transform:translateY(-1px) !important;
}

/* Tiny slide down when user scrolls upward */
.site-header.ohgs-scroll-up{
  animation:ohgsHeaderSoftDrop .26s ease both;
}

@keyframes ohgsHeaderSoftDrop{
  from{transform:translateY(-8px); opacity:.92}
  to{transform:translateY(0); opacity:1}
}

/* Mobile scroll look */
@media(max-width:980px){
  .site-header.ohgs-animate-scrolled{
    min-height:58px !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .site-header.ohgs-animate-scrolled .ohgs-final-brand-icon{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }

  .site-header.ohgs-animate-scrolled .ohgs-final-brand-title{
    font-size:15px !important;
    letter-spacing:.08em !important;
  }

  .site-header.ohgs-animate-scrolled .ohgs-final-brand-subtitle{
    font-size:4.6px !important;
    letter-spacing:.16em !important;
  }

  .site-header.ohgs-animate-scrolled .theme-toggle,
  .site-header.ohgs-animate-scrolled .lang-toggle,
  .site-header.ohgs-animate-scrolled .whatsapp,
  .site-header.ohgs-animate-scrolled .menu-toggle{
    transform:scale(.96) !important;
  }

  .site-header.ohgs-animate-scrolled + main,
  main{
    transition:padding-top .28s ease !important;
  }
}

/* Respect users who prefer reduced motion */
@media(prefers-reduced-motion:reduce){
  .site-header,
  .site-header *,
  .site-header.ohgs-scroll-up{
    transition:none !important;
    animation:none !important;
  }
}