/* Learnaro Header v2 — premium Webflow-style navigation */
:root{--lrh-ink:#0b1220;--lrh-muted:#5c677a;--lrh-line:rgba(17,35,67,.10);--lrh-blue:#245cff;--lrh-blue-2:#6c8cff;--lrh-soft:#f5f8ff;--lrh-shadow:0 18px 50px rgba(11,25,52,.09)}

/* Core shell */
.whb-header{z-index:120!important;background:transparent!important;box-shadow:none!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .25s ease!important}
.whb-main-header{background:transparent!important}
.whb-general-header{position:relative!important;isolation:isolate;background:rgba(255,255,255,.84)!important;border-bottom:1px solid var(--lrh-line)!important;backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important;box-shadow:0 8px 26px rgba(11,25,52,.035)!important;transition:background .28s ease,box-shadow .28s ease,border-color .28s ease!important;overflow:hidden}
.whb-general-header:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(460px circle at var(--lrh-x,50%) var(--lrh-y,0%),rgba(58,104,255,.085),transparent 58%);opacity:.75;pointer-events:none;transition:opacity .25s ease}
.lr-header-scrolled .whb-general-header{background:rgba(255,255,255,.94)!important;border-bottom-color:rgba(17,35,67,.12)!important;box-shadow:0 16px 42px rgba(11,25,52,.10)!important}
.lr-header-scrolled .whb-general-header:before{opacity:.95}
.whb-general-header>.container{width:min(calc(100% - 56px),1720px)!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
.whb-general-header-inner{min-height:80px!important;transition:min-height .25s ease!important}
.lr-header-scrolled .whb-general-header-inner{min-height:72px!important}

/* Logo */
.site-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:100%!important;margin:0!important;line-height:0!important}.site-logo .wd-logo{position:relative;align-items:center!important;justify-content:flex-start!important;height:100%!important;margin:0!important;line-height:0!important;transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease!important}.whb-header .site-logo .wd-main-logo{display:flex!important}.whb-header .site-logo .wd-sticky-logo{display:none!important}
.site-logo .wd-logo:after{content:"";position:absolute;left:10%;right:10%;bottom:-7px;height:10px;border-radius:50%;background:radial-gradient(ellipse,rgba(36,92,255,.22),transparent 70%);opacity:0;transform:scale(.65);transition:.22s ease;pointer-events:none}
.site-logo .wd-logo:hover{transform:translateY(-1px) scale(1.012);filter:saturate(1.08)}
.site-logo .wd-logo:hover:after{opacity:1;transform:scale(1)}
.site-logo .wd-main-logo img,.site-logo .wd-sticky-logo img{display:block!important;width:auto!important;height:54px!important;max-width:255px!important;max-height:54px!important;object-fit:contain!important;margin:0!important;vertical-align:middle!important;transition:height .25s ease,max-width .25s ease!important}
.lr-header-scrolled .site-logo .wd-main-logo img,.lr-header-scrolled .site-logo .wd-sticky-logo img{height:48px!important;max-width:230px!important;max-height:48px!important}

/* Desktop nav */
@media(min-width:1025px){
  .whb-general-header-inner{display:grid!important;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;align-items:center!important;column-gap:32px!important}
  .whb-general-header-inner>.whb-col-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;max-width:none!important;width:auto!important;height:100%!important}
  .whb-general-header-inner>.whb-col-center{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:none!important;width:auto!important;height:100%!important}
  .whb-general-header-inner>.whb-col-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;max-width:none!important;width:auto!important;height:100%!important}
  .whb-col-left>.whb-space-element,.whb-col-right>.whb-space-element{display:none!important}
  .wd-header-nav,.wd-header-main-nav{width:100%!important}
  .wd-header-nav .wd-nav-main{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;padding:5px!important;border:1px solid rgba(17,35,67,.065);border-radius:16px;background:rgba(248,250,253,.74);box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
  .wd-header-nav .wd-nav-main>li{position:relative!important;flex:0 0 auto!important;white-space:nowrap!important}
  .wd-header-nav .wd-nav-main>li>a{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 15px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#3d4a5f!important;font-size:12.5px!important;font-weight:760!important;letter-spacing:-.012em!important;line-height:1!important;overflow:hidden!important;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease!important}
  .wd-header-nav .wd-nav-main>li>a:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,243,255,.96));opacity:0;transform:scale(.92);border-radius:inherit;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
  .wd-header-nav .wd-nav-main>li>a:after{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--lrh-blue),#8ba3ff,transparent);opacity:0;transform:scaleX(.35);transition:opacity .22s ease,transform .22s ease;box-shadow:0 0 14px rgba(36,92,255,.35)}
  .wd-header-nav .wd-nav-main>li>a .nav-link-text{position:relative;z-index:2;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  .wd-header-nav .wd-nav-main>li>a:hover{color:#102b65!important;border-color:rgba(36,92,255,.11)!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(20,45,95,.07)!important}
  .wd-header-nav .wd-nav-main>li>a:hover:before{opacity:1;transform:scale(1)}
  .wd-header-nav .wd-nav-main>li>a:hover:after{opacity:1;transform:scaleX(1)}
  .wd-header-nav .wd-nav-main>li>a:hover .nav-link-text{transform:translateY(-1px)}
  .wd-header-nav .wd-nav-main>li.current-menu-item>a,.wd-header-nav .wd-nav-main>li.current_page_item>a{color:#163b86!important;background:#f0f4ff!important;border-color:#dbe5ff!important;box-shadow:0 8px 20px rgba(36,92,255,.07)!important}
  .wd-header-nav .wd-nav-main>li.current-menu-item>a:after,.wd-header-nav .wd-nav-main>li.current_page_item>a:after{opacity:1;transform:scaleX(1)}

  /* All Courses = premium primary nav action */
  .wd-header-nav .wd-nav-main>li>a[href*="/shop/"]{background:linear-gradient(135deg,#1d50ee 0%,#315fff 55%,#5978ff 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 10px 24px rgba(36,92,255,.22),inset 0 1px 0 rgba(255,255,255,.26)!important;padding-inline:17px!important}
  .wd-header-nav .wd-nav-main>li>a[href*="/shop/"]:before{background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.22) 45%,transparent 70%);opacity:0;transform:translateX(-120%) skewX(-18deg);transition:transform .45s ease,opacity .2s ease}
  .wd-header-nav .wd-nav-main>li>a[href*="/shop/"]:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);box-shadow:0 0 16px rgba(255,255,255,.32)}
  .wd-header-nav .wd-nav-main>li>a[href*="/shop/"]:hover{color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 15px 30px rgba(36,92,255,.29),inset 0 1px 0 rgba(255,255,255,.30)!important}
  .wd-header-nav .wd-nav-main>li>a[href*="/shop/"]:hover:before{opacity:1;transform:translateX(120%) skewX(-18deg)}

  /* Login = quiet glass action */
  .wd-header-nav .wd-nav-main>li:last-child>a{padding-inline:15px!important;border:1px solid #dfe6f1!important;border-radius:11px!important;background:rgba(255,255,255,.72)!important;color:#223a64!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
  .wd-header-nav .wd-nav-main>li:last-child>a:hover{background:#fff!important;border-color:#cbd8ee!important;color:#17479e!important;box-shadow:0 9px 22px rgba(25,60,120,.09)!important}
}

@media(min-width:1281px) and (max-width:1500px){
  .site-logo .wd-main-logo img,.site-logo .wd-sticky-logo img{width:auto!important;height:50px!important;max-width:235px!important;max-height:50px!important}
  .whb-general-header-inner{min-height:80px!important}
}
@media(min-width:1025px) and (max-width:1280px){
  .site-logo .wd-main-logo img,.site-logo .wd-sticky-logo img{width:auto!important;height:46px!important;max-width:215px!important;max-height:46px!important}
  .whb-general-header-inner{grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr)!important;column-gap:20px!important;min-height:76px!important}
  .wd-header-nav .wd-nav-main{gap:3px!important}
  .wd-header-nav .wd-nav-main>li>a{padding-inline:10px!important;font-size:12px!important}
}

/* Cart control */
.wd-header-cart>a{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:0 15px!important;border:1px solid #dfe6f1!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,253,.96))!important;box-shadow:0 7px 20px rgba(15,36,75,.045),inset 0 1px 0 #fff!important;overflow:hidden!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease!important}
.wd-header-cart>a:before{content:"";position:absolute;inset:0;background:radial-gradient(150px circle at var(--lrh-cart-x,50%) var(--lrh-cart-y,50%),rgba(36,92,255,.13),transparent 64%);opacity:0;transition:opacity .2s ease;pointer-events:none}
.wd-header-cart>a:hover{transform:translateY(-2px)!important;border-color:#cbd8ef!important;box-shadow:0 14px 30px rgba(24,65,135,.10),inset 0 1px 0 #fff!important}
.wd-header-cart>a:hover:before{opacity:1}
.wd-header-cart .wd-tools-icon{position:relative;z-index:2;transition:transform .25s cubic-bezier(.2,.8,.2,1)!important}
.wd-header-cart>a:hover .wd-tools-icon{transform:translateY(-1px) rotate(-4deg) scale(1.04)!important}
.wd-header-cart .wd-tools-text{position:relative;z-index:2;display:flex!important;align-items:center!important;gap:5px!important;color:#4a5568!important}
.wd-header-cart .wd-cart-number{font-size:12px!important;font-weight:820!important;color:#1e293b!important}
.wd-header-cart .wd-cart-number span{display:none!important}
.wd-header-cart .subtotal-divider{color:#b0bac8!important;font-size:11px!important}
.wd-header-cart .wd-cart-subtotal{font-size:12px!important;font-weight:850!important;color:var(--lrh-blue)!important}

/* Mobile */
@media(max-width:1024px){
  .whb-general-header{background:rgba(255,255,255,.92)!important}
  .whb-general-header>.container{width:100%!important;padding-inline:18px!important}
  .whb-general-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:74px!important}
  .whb-general-header-inner>.whb-mobile-left,.whb-general-header-inner>.whb-mobile-right{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;height:100%!important}
  .whb-general-header-inner>.whb-mobile-left{justify-content:flex-start!important}.whb-general-header-inner>.whb-mobile-right{justify-content:flex-end!important}
  .site-logo .wd-main-logo img,.site-logo .wd-sticky-logo img{content:url('https://learnaro.in/wp-content/uploads/2026/07/Learnaro-logo-vector.svg');width:auto!important;height:46px!important;max-width:190px!important;max-height:46px!important}
  .wd-header-mobile-nav>a{position:relative;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:1px solid #dde5f0!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#f6f8fc)!important;box-shadow:0 8px 20px rgba(15,36,75,.06)!important;transition:.2s ease!important}
  .wd-header-mobile-nav>a:hover{transform:translateY(-1px)!important;border-color:#c8d6ec!important;box-shadow:0 12px 24px rgba(15,36,75,.09)!important}
  .wd-header-mobile-nav .wd-tools-text{display:none!important}
}
@media(max-width:760px){
  .site-logo .wd-main-logo img,.site-logo .wd-sticky-logo img{height:42px!important;max-width:176px!important;max-height:42px!important}
  .whb-general-header-inner{min-height:68px!important}
}
@media(max-width:560px){
  .whb-general-header>.container{padding-inline:14px!important}
  .whb-general-header-inner{min-height:64px!important}
  .site-logo .wd-main-logo img,.site-logo .wd-sticky-logo img{height:38px!important;max-width:160px!important;max-height:38px!important}
  .wd-header-mobile-nav>a{width:43px!important;height:43px!important;border-radius:13px!important}
}
@media(max-width:380px){
  .site-logo .wd-main-logo img,.site-logo .wd-sticky-logo img{height:34px!important;max-width:145px!important;max-height:34px!important}
  .whb-general-header>.container{padding-inline:10px!important}
}

@media(prefers-reduced-motion:reduce){.whb-header *{transition:none!important;animation:none!important}}