/*
Theme Name: Willis & Elliott Optometrist
Theme URI: https://williselliottoptometrist.com.au
Author: Media 365
Author URI: https://www.media365.com.au
Description: Custom theme for Willis & Elliott Optometrist, Mount Hawthorn. Design system: navy #163a5c, primary #1b4d78, accent #2e83bd, powder #b5d3e8; Raleway display + Mulish body; three-stripe brand motif.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License: Proprietary
Text Domain: willis-elliott
*/
html { scroll-behavior: smooth; }
body { margin: 0; background: #ffffff; color: #163a5c; font-family: 'Mulish', sans-serif; -webkit-font-smoothing: antialiased; }
a { color: #1b4d78; text-decoration: none; }
a:hover { color: #2e83bd; }
a:focus-visible { outline: 2px solid #2e83bd; outline-offset: 2px; }
img { max-width: 100%; }
.nav-mobile { display: none; }
.nav-mobile summary { list-style: none; }
.nav-mobile summary::-webkit-details-marker { display: none; }
@media (max-width: 760px) {
  .nav-desktop { display: none !important; }
  .nav-mobile { display: block; }
  .nav-mobile[open] { flex-basis: 100%; }
}

/* Button hover states */
.we-hov-1:hover { background: #2e83bd !important; color: #ffffff !important; }
.we-hov-2:hover { border: 1px solid #2e83bd !important; color: #163a5c !important; }
.we-hov-3:hover { background: #ffffff !important; color: #163a5c !important; }

/* Media365 2026-10: skip link (accessibility) */
.skip-link.screen-reader-text {
  position: absolute;
  left: -9999px;
  top: 8px;
  z-index: 100000;
  padding: 12px 18px;
  background: #1b4d78;
  color: #fff;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-decoration: none;
  border-radius: 4px;
}
.skip-link.screen-reader-text:focus {
  left: 8px;
  outline: 2px solid #2e83bd;
  outline-offset: 2px;
}