/* INDIC RMC — v317 Home tablet/mobile header control alignment.
   Scope: Home header only at <=1180px. Desktop is intentionally untouched. */

/* Dedicated compact login entry is only used when the desktop nav collapses. */
body[data-page="home"] > .site-header .ir-header-login-compact{display:none!important}

@media (max-width:1180px){
  body[data-page="home"] > .site-header .nav{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding-right:24px!important;
  }

  body[data-page="home"] > .site-header .brand{
    order:0!important;
    flex:0 1 auto!important;
    min-width:0!important;
    margin-right:0!important;
  }

  /* Keep the compact header limited to the three right-edge actions. */
  body[data-page="home"] > .site-header .nav > .ir-header-lang-select{display:none!important}

  body[data-page="home"] > .site-header .nav > .whatsapp-icon-btn{
    order:11!important;
    margin-left:0!important;
    margin-right:0!important;
    flex:none!important;
  }

  body[data-page="home"] > .site-header .nav > .ir-header-login-compact{
    --ir-login-size:42px;
    order:10!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 var(--ir-login-size)!important;
    width:var(--ir-login-size)!important;
    min-width:var(--ir-login-size)!important;
    height:var(--ir-login-size)!important;
    min-height:var(--ir-login-size)!important;
    margin:0!important;
    margin-left:auto!important;
    padding:0!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.30)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    line-height:0!important;
    opacity:1!important;
    isolation:isolate!important;
    position:relative!important;
    overflow:visible!important;
    box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    transition:transform .24s cubic-bezier(.22,1,.36,1),background .24s ease,border-color .24s ease,box-shadow .24s ease!important;
  }

  body[data-page="home"] > .site-header .nav > .ir-header-login-compact::before{
    content:""!important;
    position:absolute!important;
    inset:4px!important;
    z-index:-1!important;
    border-radius:50%!important;
    background:radial-gradient(circle at 66% 28%,rgba(255,96,0,.22),transparent 58%)!important;
    opacity:.68!important;
    transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1)!important;
  }

  body[data-page="home"] > .site-header .nav > .ir-header-login-compact::after{display:none!important;content:none!important}
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact:hover,
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact:focus-visible{
    transform:translateY(-2px) scale(1.035)!important;
    background:rgba(255,255,255,.16)!important;
    border-color:rgba(255,96,0,.68)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.16),0 0 0 4px rgba(255,96,0,.09)!important;
    outline:none!important;
  }
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact:hover::before,
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact:focus-visible::before{opacity:1!important;transform:scale(1.08)!important}

  body[data-page="home"] > .site-header .nav > .menu-btn{
    order:12!important;
    display:grid!important;
    place-items:center!important;
    flex:none!important;
    margin:0!important;
  }

  /* The original desktop login icon stays out of the expanded compact menu;
     the always-visible header icon above is the single login entry point. */
  body[data-page="home"] > .site-header .nav.menu-open .navlinks > .ir-nav-login-icon:not(.ir-header-login-compact){display:none!important}

  /* Move Language into the opened navigation at tablet widths too, keeping
     Login + WhatsApp + Menu as the only right-edge header actions. */
  body[data-page="home"] > .site-header .nav.menu-open .navlinks .ir-mobile-lang-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    margin-top:6px!important;
    padding:12px 8px 2px!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
  }
  body[data-page="home"] > .site-header .ir-mobile-lang-menu .lang-select{
    display:block!important;
    width:96px!important;
    max-width:96px!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 9px!important;
    border-radius:10px!important;
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.20)!important;
  }
  body[data-page="home"] > .site-header .ir-mobile-lang-menu .lang-select option{color:#111!important;background:#fff!important}
}

@media (min-width:621px) and (max-width:1180px){
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact{
    --ir-login-size:44px;
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  }
  body[data-page="home"] > .site-header .nav > .whatsapp-icon-btn,
  body[data-page="home"] > .site-header .nav > .menu-btn{
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  }
}

@media (max-width:620px){
  body[data-page="home"] > .site-header .nav{gap:6px!important;padding-right:14px!important}
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact{
    --ir-login-size:38px;
    width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  }
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact .ir-login-lottie,
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact .ir-login-lottie svg{width:23px!important;height:23px!important}
}

@media (max-width:380px){
  body[data-page="home"] > .site-header .nav{gap:5px!important}
  body[data-page="home"] > .site-header .nav > .whatsapp-icon-btn,
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact,
  body[data-page="home"] > .site-header .nav > .menu-btn{
    width:37px!important;min-width:37px!important;height:37px!important;min-height:37px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body[data-page="home"] > .site-header .nav > .ir-header-login-compact{transition:none!important}
}