/* Shared top navbar ("mnav") — desktop bar, Tools mega-dropdown, logged-in
   account menu, Hire a Writer navbar, and the static mobile menu.
   Extracted from shared/navbar.php. Scoped under .navbar.mnav / .navbarMenu /
   .navbar.hireNav so it never leaks into tool pages or other components. */
.navbar.mnav{position:sticky;top:0;z-index:1000;height:62px;width:100%;background:rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid #E9EDF1;padding:0;box-shadow:none;transition:box-shadow .2s,border-color .2s;}
.navbar.mnav.fixed-color{box-shadow:0 1px 0 rgba(15,23,42,.03),0 10px 28px -14px rgba(15,23,42,.16);border-bottom-color:#E5E7EB;}
.mnav .mnav-inner{max-width:1200px;margin:0 auto;padding:0 28px;height:100%;display:flex;align-items:center;gap:2px;}
.mnav .mnav-logo{display:flex;align-items:center;margin-right:auto;flex-shrink:0;transition:opacity .15s;}
.mnav .mnav-logo:hover{opacity:.8;}
.mnav .mnav-logo img{height:28px;width:auto;display:block;}
.mnav .mnav-h1{font-size:15px;font-weight:700;color:#111827;letter-spacing:-.015em;margin:0 0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnav .mnav-link{position:relative;align-self:stretch;display:inline-flex;align-items:center;font-size:14.5px;font-weight:500;color:#4B5563;padding:0 13px;transition:color .15s;white-space:nowrap;cursor:pointer;text-decoration:none;}
.mnav .mnav-link::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:#05ADA3;border-radius:2px 2px 0 0;transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.4,0,.2,1);}
.mnav .mnav-link:hover{color:#111827;}
.mnav .mnav-link:hover::after{transform:scaleX(1);}
.mnav .mnav-link.active{color:#0F2B26;font-weight:600;}
.mnav .mnav-link.active::after{transform:scaleX(1);}
.mnav .mnav-sep{width:1px;height:20px;background:#E5E7EB;margin:0 10px 0 6px;}
.mnav .mnav-actions{display:flex;align-items:center;gap:10px;}
.mnav .mnav-login{font-size:14px;font-weight:600;color:#374151;padding:8px 15px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;transition:color .15s,border-color .15s,background .15s;cursor:pointer;text-decoration:none;}
.mnav .mnav-login:hover{color:#05ADA3;border-color:rgba(5,173,163,.55);background:#f0fdf9;}
.mnav .mnav-hire{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:#fff;padding:9px 17px;border-radius:8px;background:linear-gradient(180deg,#0abcb1,#05ADA3);box-shadow:0 1px 2px rgba(5,173,163,.4),0 6px 16px -6px rgba(5,173,163,.5);transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap;text-decoration:none;}
.mnav .mnav-hire svg{width:15px;height:15px;flex-shrink:0;}
.mnav .mnav-hire:hover{background:linear-gradient(180deg,#05ADA3,#049185);box-shadow:0 2px 4px rgba(5,173,163,.45),0 10px 22px -6px rgba(5,173,163,.6);transform:translateY(-1px);}
.mnav .mnav-hire:active{transform:translateY(0);}
.mnav .mnav-menuBtn{display:none;align-items:center;justify-content:center;margin-left:14px;background:none;border:none;cursor:pointer;padding:4px;}
.mnav .mnav-menuBtn img{width:24px;height:auto;display:block;}
.mnav .newLoginBtn{position:relative;}
/* Tools mega-dropdown */
.mnav .mnav-tools{position:static;align-self:stretch;display:inline-flex;align-items:center;}
.mnav .mnav-tools-trigger{position:relative;align-self:stretch;display:inline-flex;align-items:center;gap:5px;font-size:14.5px;font-weight:500;color:#4B5563;padding:0 13px;border:none;background:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:color .15s;}
.mnav .mnav-tools-trigger::after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:#05ADA3;border-radius:2px 2px 0 0;transform:scaleX(0);transform-origin:center;transition:transform .22s cubic-bezier(.4,0,.2,1);}
.mnav .mnav-tools:hover .mnav-tools-trigger,.mnav .mnav-tools:focus-within .mnav-tools-trigger{color:#111827;}
.mnav .mnav-tools:hover .mnav-tools-trigger::after,.mnav .mnav-tools:focus-within .mnav-tools-trigger::after{transform:scaleX(1);}
.mnav .mnav-tools-trigger svg{width:11px;height:11px;transition:transform .2s;}
.mnav .mnav-tools:hover .mnav-tools-trigger svg,.mnav .mnav-tools:focus-within .mnav-tools-trigger svg{transform:rotate(180deg);}
.mnav .mnav-mega{position:absolute;top:100%;left:0;width:100%;box-sizing:border-box;display:none;padding:12px 24px 0;z-index:1001;}
.mnav .mnav-tools:hover .mnav-mega,.mnav .mnav-tools:focus-within .mnav-mega{display:block;}
.mnav .mnav-mega-inner{max-width:1160px;margin:0 auto;background:#fff;border:1px solid #E5E7EB;border-radius:16px;box-shadow:0 24px 48px rgba(15,23,42,.14);padding:22px;display:flex;gap:26px;}
.mnav .mnav-mega-feature{flex:0 0 232px;background:linear-gradient(160deg,#f0fdf9,#e3f7f5);border:1px solid rgba(5,173,163,.18);border-radius:12px;padding:20px;display:flex;flex-direction:column;}
.mnav .mnav-mega-feature-icon{width:40px;height:40px;border-radius:10px;background:#05ADA3;display:grid;place-items:center;margin-bottom:14px;}
.mnav .mnav-mega-feature-icon svg{width:22px;height:22px;}
.mnav .mnav-mega-feature-title{font-size:16px;font-weight:800;color:#0F2B26;letter-spacing:-.015em;margin-bottom:8px;}
.mnav .mnav-mega-feature-text{font-size:12.5px;line-height:1.55;color:#4B5563;margin-bottom:18px;}
.mnav .mnav-mega-feature-btn{display:inline-flex;align-items:center;gap:6px;margin-top:auto;align-self:flex-start;background:#05ADA3;color:#fff;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .13s;}
.mnav .mnav-mega-feature-btn:hover{background:#049990;}
.mnav .mnav-mega-groups{flex:1;column-count:3;column-gap:28px;}
.mnav .mnav-col{break-inside:avoid;margin-bottom:18px;}
.mnav .mnav-col-head{font-size:12.5px;font-weight:800;letter-spacing:-.01em;color:#111827;padding-bottom:7px;margin-bottom:5px;border-bottom:2px solid #E6F6F4;}
.mnav .mnav-col a{display:block;font-size:13px;font-weight:500;color:#4B5563;padding:6px 8px;margin:0 -8px;border-radius:7px;text-decoration:none;transition:color .12s,background .12s;}
.mnav .mnav-col a:hover{color:#05ADA3;background:#f0fdf9;}
/* Logged-in account menu — avatar chip + premium dropdown */
.mnav .mnav-actions > svg{display:none;}
.mnav .newLoginBtn.loggedIn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f0fdf9;border:1px solid rgba(5,173,163,.3);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;}
.mnav .newLoginBtn.loggedIn:hover{background:#e3f7f5;border-color:#05ADA3;box-shadow:0 2px 8px rgba(5,173,163,.22);}
.mnav .newLoginBtn.loggedIn .userIcon{width:20px;height:20px;padding:0;background-color:#05ADA3;-webkit-mask-size:19px 19px;mask-size:19px 19px;}
.mnav .new-session-wraper.userMenu{min-width:238px;top:48px;right:-10px;margin-left:0;border:1px solid #E9EDF1;border-radius:12px;box-shadow:0 20px 44px -12px rgba(15,23,42,.22);overflow:hidden;}
.mnav .new-session-wraper::before{border-color:#E9EDF1;right:20px;top:-6px;}
.mnav .new-session-inner{padding:8px;}
.mnav .session_links ul{list-style:none;margin:0;padding:0;}
.mnav .session_links ul li a{display:block;font-size:14px;font-weight:500;color:#374151;padding:9px 10px;border-radius:8px;line-height:1.2;text-align:left;text-decoration:none;transition:color .12s,background .12s;}
.mnav .session_links ul li a:hover{color:#05ADA3;background:#f0fdf9;}
.mnav .session_links ul li:last-child{border-top:1px solid #F1F5F9;margin-top:4px;padding-top:4px;}
.mnav .session_links ul li:last-child a{padding-bottom:9px;}
.mnav .session_links ul li:last-child a:hover{color:#e11d48;background:#FEF2F3;}
.mnav .basicUtilizationWrapper.navOne{margin:6px 2px 2px;padding:10px 8px 6px;border-top:1px solid #F1F5F9;border-bottom:none;}
.mnav .utilizationOuter{display:flex;align-items:center;gap:9px;}
.mnav .utilizationOuter svg{flex-shrink:0;width:22px;height:22px;}
.mnav .basicUtilization{justify-content:flex-start;flex-wrap:wrap;gap:3px;text-align:left;}
.mnav .basicCount{font-size:14px;font-weight:700;color:#0F2B26;}
.mnav #basic-utilized{color:#05ADA3;}
.mnav .basicUtilizationWrapper.red #basic-utilized{color:#e11d48;}
.mnav .basicSlash{color:#9CA3AF;font-size:15px;}
.mnav .basisWordsDesc{color:#6B7280;font-size:11.5px;}
.mnav .fairUsageAnchorEP{display:inline-block;margin-top:6px;font-size:11.5px;font-weight:600;color:#05ADA3;text-decoration:none;}
.mnav .fairUsageAnchorEP:hover{color:#049185;text-decoration:underline;}
@media(max-width:900px){
  .mnav .mnav-link,.mnav .mnav-sep,.mnav .mnav-tools{display:none;}
  .mnav .mnav-menuBtn{display:inline-flex;}
  .mnav .mnav-actions{display:none;}
}
/* Hire a Writer navbar action buttons */
.navbar.hireNav .orderBtns{display:flex;align-items:center;gap:10px;}
.navbar.hireNav .orderBtns .hwOrderBtn{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff!important;background:#05ADA3!important;border:1px solid #05ADA3!important;border-radius:6px;padding:8px 18px;box-shadow:0 1px 3px rgba(5,173,163,.35);text-decoration:none;transition:background .13s,box-shadow .13s;white-space:nowrap;cursor:pointer;}
.navbar.hireNav .orderBtns .hwOrderBtn:hover{background:#049990!important;border-color:#049990!important;box-shadow:0 2px 8px rgba(5,173,163,.4);}
.navbar.hireNav .orderBtns .sessionBtn{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:#4B5563;text-decoration:none;padding:7px 14px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;transition:border-color .13s,background .13s;cursor:pointer;white-space:nowrap;}
.navbar.hireNav .orderBtns .sessionBtn:hover{border-color:#D1D5DB;background:#F9FAFB;color:#111827;}
/* Mobile menu — primary links + collapsible tool categories + CTA */
.navbarMenu .navigationMenu{overflow-y:auto;}
.navbarMenu .mnavm{display:flex;flex-direction:column;padding:4px 20px 24px;}
.navbarMenu .mnavm-primary{display:flex;align-items:center;font-size:15px;font-weight:600;color:#111827;padding:12px 4px;text-decoration:none;border-bottom:1px solid #F3F4F6;}
.navbarMenu .mnavm-primary:hover{color:#05ADA3;}
.navbarMenu .mnavm-section{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF;padding:18px 4px 4px;}
.navbarMenu .mnavm-acc{border-bottom:1px solid #F3F4F6;}
.navbarMenu .mnavm-acc>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;}
.navbarMenu .mnavm-acc>summary::-webkit-details-marker{display:none;}
.navbarMenu .mnavm-acc>summary svg{width:13px;height:13px;color:#9CA3AF;transition:transform .2s;flex-shrink:0;}
.navbarMenu .mnavm-acc[open]>summary{color:#05ADA3;}
.navbarMenu .mnavm-acc[open]>summary svg{transform:rotate(180deg);color:#05ADA3;}
.navbarMenu .mnavm-acc-body{display:flex;flex-direction:column;padding:2px 0 10px 12px;}
.navbarMenu .mnavm-acc-body a{font-size:14px;font-weight:500;color:#4B5563;padding:8px 0 8px 12px;text-decoration:none;border-left:2px solid #E5E7EB;}
.navbarMenu .mnavm-acc-body a:hover{color:#05ADA3;border-left-color:#05ADA3;}
.navbarMenu .mnavm-all{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#05ADA3;padding:14px 4px;text-decoration:none;}
.navbarMenu .mnavm-ctaRow{display:flex;flex-direction:column;gap:10px;margin-top:18px;}
.navbarMenu .mnavm-hireBtn{display:block;text-align:center;background:#fff;color:#05ADA3;border:1.5px solid rgba(5,173,163,.4);border-radius:10px;padding:12px;font-size:15px;font-weight:700;text-decoration:none;}
.navbarMenu .mnavm-hireBtn:hover{background:#f0fdf9;border-color:#05ADA3;}
.navbarMenu .mnavm-cta{display:block;text-align:center;background:#05ADA3;color:#fff;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;box-shadow:0 2px 10px rgba(5,173,163,.35);}
.navbarMenu .mnavm-cta:hover{background:#049990;}