/* Akdeniz's authored mobile drawer. The existing navigation controller owns
   visibility, focus trapping, Escape, backdrop and breakpoint behaviour. */
html:has(#mobile-menu.sg-open) { overflow: hidden; }
#mobile-menu.ak-menu {
  --sg-mm-w: min(91vw, 420px);
  --sg-mm-pad: clamp(22px, 6vw, 34px);
  display: none;
  color: #172e3c;
  background: #ffffff;
  padding: calc(env(safe-area-inset-top, 0px) + 24px) var(--sg-mm-pad) calc(env(safe-area-inset-bottom, 0px) + 20px);
  gap: 0;
  scrollbar-width: thin;
  scrollbar-color: #d8e4e7 #ffffff;
}
#mobile-menu.ak-menu > * { flex-shrink: 0; }
#mobile-menu.ak-menu .sg-mm-close {
  top: calc(env(safe-area-inset-top, 0px) + 21px);
  right: 14px;
  border: 1px solid #d8e4e7;
  border-radius: 50%;
  background: transparent;
  color: #172e3c;
  font: 300 28px/1 Arial, sans-serif;
  width: 44px;
  height: 44px;
  opacity: 1;
}
#mobile-menu.ak-menu .ak-menu-brand {
  display: flex;
  align-items: center;
  width: fit-content;
  max-width: calc(100% - 42px);
  min-height: 44px;
  padding: 0;
  border: 0;
}
#mobile-menu .ak-menu-brand img { display:block; width: 183px; max-width: 100%; height:auto; }
#mobile-menu .ak-menu-links { margin-top:20px; border-top:1px solid #d8e4e7; }
#mobile-menu.ak-menu .ak-menu-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:50px;
  padding: 8px 0;
  color:#172e3c;
  background:transparent;
  border:0;
  border-bottom:1px solid #dce8eb;
  border-radius:0;
  text-decoration:none;
  font-size:16px;
}
#mobile-menu .ak-menu-label {
  font:400 clamp(24px, 6.5vw, 30px)/1.12 Georgia, 'Times New Roman', serif;
  letter-spacing:-.035em;
}
#mobile-menu .ak-menu-indicator { width:16px; height:16px; flex-shrink:0; opacity:.4; }
#mobile-menu .ak-menu-link[aria-current] { color:#007986; }
#mobile-menu .ak-menu-link[aria-current] .ak-menu-label { font-style:italic; }
#mobile-menu .ak-menu-link[aria-current] .ak-menu-indicator { opacity:1; }
#mobile-menu.ak-menu .ak-menu-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:16px 0 0;
  padding:0 18px;
  min-height:50px;
  color:#ffffff;
  background:#172e3c;
  border:1px solid #172e3c;
  border-radius:0;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
}
#mobile-menu .ak-menu-cta svg { width:19px; height:19px; flex-shrink:0; }
#mobile-menu.ak-menu .ak-menu-pdf {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding: 7px 2px;
  border:0;
  color:#172e3c;
  font-size:11px;
  font-weight:500;
  text-decoration:none;
}
#mobile-menu .ak-menu-pdf small { margin-left:8px; color:#76716a; font:9px/1.5 Arial,sans-serif; letter-spacing:.07em; }
#mobile-menu .ak-menu-pdf svg { width:17px; height:17px; flex-shrink:0; }
#mobile-menu .ak-menu-bottom { margin-top:0; padding-top:14px; }
#mobile-menu .ak-menu-fish { width:68px; height:29px; flex-shrink:0; color:#007986; }
#mobile-menu.ak-menu .sg-mm-foot { margin-top:0; padding-top:8px; border-top:1px solid #d8e4e7; }
#mobile-menu.ak-menu .sg-mm-foot a {
  color:#172e3c;
  opacity:1;
  min-height:44px;
  padding:5px 0;
  border:0;
  font-size:12px!important;
}
#mobile-menu a:focus-visible, #mobile-menu button:focus-visible { outline:2px solid #007986; outline-offset:4px; }
#mobile-menu .ak-menu-social {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #d8e4e7;
  margin-top:8px;
  padding-top:8px;
}
#mobile-menu .ak-menu-social-signature { display:flex; flex-direction:column; align-items:center; gap:2px; }
#mobile-menu .ak-menu-social p {
  margin:0;
  color:#6b6b65;
  font:400 7px/1.5 Arial,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
#mobile-menu .ak-menu-social-icons { display:flex; flex-wrap:wrap; gap:8px; }
#mobile-menu.ak-menu .sg-mm-foot .ak-menu-social-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  min-height:44px;
  padding:0;
  border:1px solid #7faeb7;
  border-radius:50%;
  background:transparent;
  color:#172e3c;
  opacity:1;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#mobile-menu .ak-menu-social-icon svg { width:19px; height:19px; flex-shrink:0; }
#mobile-menu .ak-menu-social-sample { cursor:default; }
#mobile-menu.ak-menu .sg-mm-foot a.ak-menu-social-icon:focus-visible {
  color:#ffffff;
  background:#007986;
  border-color:#007986;
}
@media (hover:hover) {
  #mobile-menu .ak-menu-link:hover, #mobile-menu .ak-menu-pdf:hover { color:#007986; }
  #mobile-menu .ak-menu-cta:hover { background:#284553; }
  #mobile-menu.ak-menu .sg-mm-foot .ak-menu-social-icon:hover { background:#007986; color:#ffffff; border-color:#007986; }
}
@media (max-width:350px) {
  #mobile-menu.ak-menu { --sg-mm-pad:21px; }
  #mobile-menu .ak-menu-brand img { width:157px; }
  #mobile-menu .ak-menu-label { font-size:23px; }
}
@media (prefers-reduced-motion:reduce) {
  #mobile-menu.ak-menu, #mobile-menu .ak-menu-social-icon { transition:none!important; animation:none!important; }
}
