/* nav-drop.css — 36 page(s): course-cadillac.html, course-functional.html, course-hyrox.html, course-postnatal.html, course-prenatal.html, course-reformer.html, en/course-cadillac.html, en/course-functional.html, en/course-hyrox.html, en/course-postnatal.html, en/course-prenatal.html, en/course-reformer.html, en/index.html, en/omada.html, en/person-alexandra.html, en/person-annamaria.html, en/person-apostolos.html, en/person-foteini.html, en/person-marianthi.html, en/person-stefania.html, en/personal.html, en/taksidia.html, en/tmimata.html, en/xwroi.html, index.html, omada.html, person-alexandra.html, person-annamaria.html, person-apostolos.html, person-foteini.html, person-marianthi.html, person-stefania.html, personal.html, taksidia.html, tmimata.html, xwroi.html */

.nav-drop{position:relative;display:inline-flex;align-items:center}
.nav-drop-caret{margin-left:5px;transition:transform .18s ease}
.nav-drop:hover .nav-drop-caret,.nav-drop:focus-within .nav-drop-caret{transform:rotate(180deg)}
/* The pop wrapper is transparent and carries the padding, so the pointer can travel
   from the nav item to the panel without crossing a gap that would close it. */
.nav-drop-pop{position:absolute;top:100%;left:50%;transform:translateX(-50%);padding-top:16px;
opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s}
.nav-drop:hover>.nav-drop-pop,.nav-drop:focus-within>.nav-drop-pop{opacity:1;visibility:visible}
.nav-drop-panel{display:flex;flex-direction:column;gap:2px;min-width:236px;padding:8px;
background:rgba(249,246,241,0.97);-webkit-backdrop-filter:blur(20px) saturate(1.4);
backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(209,201,189,0.7);
border-radius:18px;box-shadow:0 24px 48px -20px rgba(26,26,26,0.35);
transform:translateY(-6px);transition:transform .18s ease}
.nav-drop:hover .nav-drop-panel,.nav-drop:focus-within .nav-drop-panel{transform:translateY(0)}
.nav-drop-panel a{padding:11px 14px;border-radius:12px;font-family:'Instrument Sans',sans-serif;
font-size:14px;font-weight:400;color:#4A443C;text-decoration:none;white-space:nowrap;
transition:background .18s,color .18s}
.nav-drop-panel a:hover,.nav-drop-panel a:focus-visible{background:#F2ECE1;color:#1A1A1A}
.nav-drop-all{margin-top:5px;padding-top:12px !important;border-top:1px solid #E4DACA;
font-family:'IBM Plex Mono',monospace !important;font-size:12px !important;
letter-spacing:0.14em;text-transform:uppercase;color:#C19A4E !important}
.nav-drop-all:hover{color:#1A1A1A !important}
.som-sub{display:flex;flex-direction:column;margin:2px 0 6px 20px;padding-left:12px;
border-left:1px solid #E4DACA}
.som-sub a{padding:12px 14px;border-radius:12px;font-family:'Instrument Sans',sans-serif;
font-size:15px;font-weight:400;color:#4A443C;text-decoration:none}
.som-sub a:hover{background:#F2ECE1;color:#1A1A1A}
