/* Shark Coast Media — responsive + mobile-nav + a11y base layer
   The design handoff is desktop-first with inline styles; these rules add
   mobile behavior and accessibility affordances without touching page markup. */

.canvas img{max-width:100%;height:auto;}

/* Skip link */
.skip-link{position:absolute;left:-9999px;top:0;background:#0A1622;color:#2FBFAE;
  padding:10px 18px;z-index:100000;font-weight:800;font-family:'Archivo',sans-serif;}
.skip-link:focus{left:8px;top:8px;}

/* Visible keyboard focus everywhere */
.canvas a:focus-visible,.canvas button:focus-visible,.canvas input:focus-visible,
.canvas select:focus-visible,.canvas textarea:focus-visible{outline:3px solid #1E9C8D;outline-offset:2px;}

/* Hamburger button (hidden on desktop) */
#scm-burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;
  gap:5px;padding:8px;margin-left:auto;}
#scm-burger span{display:block;width:26px;height:3px;background:#0A1622;border-radius:2px;transition:.2s;}
#scm-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg);}
#scm-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
#scm-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* ===== Tablet ===== */
@media (max-width:960px){
  #scm-burger{display:flex;}
  #scm-nav{position:relative;flex-wrap:wrap;}
  #scm-navlinks{display:none !important;position:absolute;top:100%;left:0;right:0;
    background:#FFFFFF;border-bottom:1px solid #E2E9EC;flex-direction:column !important;
    align-items:stretch !important;gap:0 !important;padding:8px 0 16px !important;
    box-shadow:0 12px 30px rgba(10,22,34,.12);z-index:60;}
  #scm-navlinks.open{display:flex !important;}
  #scm-navlinks > *{padding:11px 24px !important;}
  #scm-navlinks .nav-drop{position:static !important;}
  #scm-navlinks .nav-drop > span{color:#8CA3AF !important;font-size:12px !important;
    letter-spacing:.14em;text-transform:uppercase;}
  #scm-navlinks .nav-menu{position:static !important;display:block !important;padding-top:0 !important;}
  #scm-navlinks .nav-menu > div{border:none !important;box-shadow:none !important;
    border-radius:0 !important;padding:0 !important;min-width:0 !important;}
  #scm-navlinks .nav-menu a{padding:9px 40px !important;}
  #scm-navlinks a[href="contact.html"],#scm-navlinks a[href="../contact.html"]{
    margin:12px 24px 0 !important;text-align:center;}
  .canvas [style*="grid-template-columns"]{grid-template-columns:repeat(2,1fr) !important;}
  .canvas [style*="max-width:900px"]{max-width:100% !important;}
}

/* ===== Phone ===== */
@media (max-width:600px){
  .canvas [style*="grid-template-columns"]{grid-template-columns:1fr !important;}
  .canvas [style*="max(48px"]{padding-left:20px !important;padding-right:20px !important;}
  .canvas [style*="justify-content:space-between"]{flex-wrap:wrap;gap:22px;}
  .canvas h1{font-size:40px !important;line-height:1.05 !important;}
  .canvas h2{font-size:29px !important;line-height:1.1 !important;}
  .canvas [style*="font-size:48px"]{font-size:32px !important;}
  .canvas [style*="font-size:19px"]{font-size:16.5px !important;}
}