/* Shared navbar dropdown styles (desktop .navbar_dd hover menus — used three
   times, Mocks, PYQs and Topic Tests — plus mobile hamburger-menu grouped
   test links). Single source of truth for every page that carries the shared
   Preparoo navbar — do not re-inline per page.
   Menus open on :hover and keyboard focus (:focus-visible) only — not plain
   :focus-within, which pinned the menu open after a mouse click on the
   tabindex="0" trigger until focus moved elsewhere. */
.navbar_dd{position:relative;display:inline-flex;align-items:center;}.navbar_dd-trigger{cursor:pointer;}.navbar_dd-caret{display:inline-block;font-size:0.68em;opacity:0.55;margin-left:0.28em;vertical-align:0.12em;}.navbar_dd-menu{position:absolute;top:100%;left:50%;min-width:150px;display:flex;flex-direction:column;background:#fff;border:1px solid #e7e9ee;border-radius:12px;box-shadow:0 12px 32px rgba(13,36,66,0.14);padding:0.4rem;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(6px);transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:1000;}.navbar_dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px;}.navbar_dd:hover .navbar_dd-menu,.navbar_dd:focus-visible .navbar_dd-menu,.navbar_dd:has(:focus-visible) .navbar_dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.navbar_dd-link{display:block;padding:0.55rem 0.85rem;border-radius:8px;color:var(--_colors---primary--black,#0d2442);text-decoration:none;font-family:'BDO Grotesk VF',Arial,sans-serif;font-size:1rem;font-weight:600;white-space:nowrap;transition:background .12s ease;}.navbar_dd-link:hover{background:#f1f5f9;}
/* The desktop navbar now carries 7 links + login — keep multi-word links on
   one line and tighten spacing a notch at laptop widths so nothing wraps. */
.navbar_links .navbar_link-text{white-space:nowrap;}
@media screen and (min-width:992px) and (max-width:1320px){.navbar_content .navbar_links{grid-column-gap:1.15rem;grid-row-gap:1.15rem;}.navbar_links .navbar_link-text{font-size:0.94rem;}}
/* Hamburger menu: exam-grouped entries — an uppercase exam label
   ("CUET" / "IPMAT") followed by left-aligned feature sublinks
   (Mocks / PYQs / Topic Tests / Flashcards / BluePrint Notes / Sectionals).
   Labels sized close to the 1.5rem sublinks so the group headers hold
   their place in the hierarchy on desktop. */
.menu_dd-label{font-family:'BDO Grotesk VF',Arial,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:0.07em;text-transform:uppercase;opacity:0.55;padding:0.75rem 0 0.2rem;}.menu_dd-sub .menu_link-texts{padding-left:0;}.menu_dd-sub .menu_link-text{font-size:1.5rem;}
/* The grouped list outgrows short viewports — let the overlay scroll its own
   content. data-lenis-prevent on .menu (set in the shared markup) keeps the
   Lenis smooth-scroll wrapper from swallowing wheel/touch events. */
.menu{max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;}.menu::-webkit-scrollbar{display:none;}
/* Desktop hamburger: the single-column grouped list plus the contact card
   outgrow the 100vh panel, and several pages carry a
   ".menu{height:auto!important}" whitespace hack that lets the fixed panel
   run past the viewport — clipping Contact and the legal links. Pin the
   panel to the viewport again and lay the two exam groups side by side
   (CUET column 1, IPMAT column 2) so everything fits without scrolling;
   overflow-y stays as a safety net on very short screens. The
   [data-lenis-prevent] attribute bumps specificity over those inline
   !important hacks. */
@media (min-width:992px){
  .menu[data-lenis-prevent]{height:100vh!important;height:100dvh!important;min-height:0!important;}
  .menu[data-lenis-prevent] .menu_in{height:100%!important;}
  .menu[data-lenis-prevent] .menu_content{
    height:100%!important;min-height:0!important;
    justify-content:space-between!important;
    overflow-y:auto!important;-webkit-overflow-scrolling:touch;
  }
  .menu[data-lenis-prevent] .menu_links{display:block;width:100%;column-count:2;column-gap:2rem;}
  .menu_links>*{break-inside:avoid;-webkit-column-break-inside:avoid;}
  /* the second divider opens the IPMAT group — start it at the top of column 2 */
  .menu_links>hr.menu_hr:last-of-type{break-before:column;-webkit-column-break-before:always;}
  /* block flow inside columns: restore the spacing the flex gap used to give */
  .menu_links>a.menu_link{width:max-content;margin-bottom:0.5rem;}
  /* generous contact card, but capped so the actions block still shares
     the viewport with the list on short screens */
  .menu_actions .menu_contact{height:clamp(9rem,26vh,17rem);}
}
/* Compact phone layout for the hamburger menu: the stacked list of
   label + CUET + IPMAT rows per test type is too tall on phones, so lay
   .menu_links out on a 2-column grid — direct links/labels span both
   columns, the CUET/IPMAT sublinks fall side by side as tappable pills. */
@media (max-width:767px){
  .menu_content{grid-row-gap:1.25rem;row-gap:1.25rem;}
  .menu_links{display:grid;grid-template-columns:1fr 1fr;column-gap:0.75rem;row-gap:0.4rem;width:100%;align-items:stretch;}
  .menu_links>.menu_link:not(.menu_dd-sub),.menu_links>.menu_hr,.menu_links>.menu_dd-label{grid-column:1/-1;}
  .menu_link{justify-content:flex-start;}
  .menu_link-text{font-size:1.45rem;}
  .menu_hr{display:none;}
  /* Exam group headers lead the hierarchy: larger than the 1.05rem pill
     text below them, near-full ink instead of the faded desktop look. */
  .menu_dd-label{padding:1rem 0 0.15rem;opacity:0.92;font-size:1.25rem;letter-spacing:0.06em;}
  .menu_dd-sub{border:1px solid #e5e8ee;border-radius:0.75rem;padding:0.6rem 0;justify-content:center;background:#fff;}
  .menu_dd-sub .menu_link-texts{padding-left:0;}
  /* !important + extra specificity to beat the per-page inline
     ".menu_link .menu_link-text{font-size:1.5rem !important}" rule */
  .menu_links .menu_dd-sub .menu_link-text{font-size:1.05rem !important;font-weight:600;}
  .menu_dd-sub .menu_link-dot{display:none;}
  .menu_contact{aspect-ratio:3.2;height:auto;max-height:7.5rem;}
}