/* menu.css - navigation & info-bar styling for the FLORA "apo-" pharmacy template.
   Original file was unrecoverable (server returned 500 in all archives); rebuilt to
   spec from the markup + palette actually used on the site. Complements style.css
   (loaded after it) without altering the working desktop design. */

/* ---- Scrolling info / "Wichtiger Hinweis" notice bar ---- */
.apo-navigation-section { background-color: #08364b; text-align: center; position: relative; z-index: 999; }
.apo-navinner { display: block; width: 100%; color: #fff; padding: 23px 0; overflow-x: hidden; font-size: 21px; }
.apo-navinner a { color: #9bc03c; text-decoration: none; transition: color .2s ease; }
.apo-navinner a:hover { color: #fff; text-decoration: underline; }
.apo-sticky .apo-navigation-section { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; }

/* ---- Optional horizontal top menu (apo- template nav) ---- */
.apo-menu, .apo-nav ul { list-style: none; margin: 0; padding: 0; }
.apo-menu > li, .apo-nav > ul > li { display: inline-block; position: relative; }
.apo-menu > li > a, .apo-nav a { display: block; padding: 18px 16px; color: #fff; font-weight: 600; text-decoration: none; transition: color .2s ease; }
.apo-menu > li > a:hover, .apo-nav a:hover, .apo-menu > li.active > a { color: #9bc03c; }
.apo-menu ul { position: absolute; left: 0; top: 100%; min-width: 210px; background: #08364b; display: none; z-index: 1000; text-align: left; box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.apo-menu li:hover > ul { display: block; }
.apo-menu ul li { display: block; }
.apo-menu ul li a { padding: 12px 18px; border-top: 1px solid rgba(255,255,255,.08); font-weight: 400; }

/* ---- Mobile ---- */
@media (max-width: 767px) {
  .apo-navinner { font-size: 15px; padding: 14px 0; line-height: 1.5; }
  .apo-menu > li { display: block; }
  .apo-menu ul { position: static; box-shadow: none; }
}