/* Kefalonia.gr shared "About" menu (owner: site-nav.js). Uses each page's design tokens, with fallbacks. */
.nav-links .nav-about { position: relative; }
.nav-links .nav-about-btn {
  background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
  font: inherit; font-size: 13px; color: var(--muted, #7a7a7a); display: inline-flex; align-items: center; gap: 4px;
  transition: color 0.2s;
}
/* Mirrors each page's ".nav-links a" colours: content pages use --muted / --sea on hover; the homepage
   nav (#navbar) is white over the hero and switches to --muted / --sea once it gets .scrolled. */
.nav-links .nav-about-btn:hover, .nav-links .nav-about.open .nav-about-btn { color: var(--sea, #1a5c7a); }
#navbar .nav-links .nav-about-btn, #navbar .nav-links .nav-about.open .nav-about-btn { color: rgba(255, 255, 255, 0.8); }
#navbar.scrolled .nav-links .nav-about-btn { color: var(--muted, #7a7a7a); }
#navbar.scrolled .nav-links .nav-about-btn:hover, #navbar.scrolled .nav-links .nav-about.open .nav-about-btn { color: var(--sea, #1a5c7a); }
.nav-links .nav-about-btn .nav-about-caret { font-size: 9px; line-height: 1; transition: transform 0.2s; }
.nav-links .nav-about.open .nav-about-caret { transform: rotate(180deg); }
.nav-links .nav-about-btn:focus-visible { outline: 2px solid var(--sea, #1a5c7a); outline-offset: 3px; border-radius: 3px; }
.nav-links .nav-about-menu {
  position: absolute; top: calc(100% + 10px); right: 0; min-width: 200px; list-style: none;
  margin: 0; padding: 6px 0; background: #fff; border: 1px solid var(--sand-dark, #ede5d8);
  border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); z-index: 400;
}
.nav-links .nav-about-menu[hidden] { display: none; }
.nav-links .nav-about-menu li { display: block; }
.nav-links .nav-about-menu a,
nav.scrolled .nav-links .nav-about-menu a {
  display: block; padding: 9px 16px; font-size: 13px; white-space: nowrap;
  color: var(--stone, #2c2c2c) !important; text-decoration: none; text-shadow: none;
}
.nav-links .nav-about-menu a:hover,
.nav-links .nav-about-menu a:focus-visible { background: var(--sea-light, #e8f4f8); color: var(--sea, #1a5c7a) !important; outline: none; }
.nav-links .nav-about-menu a::after { display: none !important; }

/* Mobile sidebar group */
.sidebar-nav .sidebar-about-label {
  font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--muted, #7a7a7a); padding: 18px 0 4px;
}
.sidebar-nav a.sidebar-about-link { padding-left: 12px; }

/* Memas legal line */
.memas-legal { font-size: 11px; color: var(--muted, #7a7a7a); text-align: center; padding: 6px 12px 10px; line-height: 1.5; }
.memas-legal a { color: inherit; text-decoration: underline; }