/* Apex mobile improvements v1 */

@media (max-width:767px){
  .hero-cursor{display:none!important}
  /* un-skew hero cards on phones */
  a.skew-card{transform:none!important;margin-inline:0!important}
  .skew-card-bg{inset:0!important;transform:none!important}
  .skew-card-body{transform:none!important;left:1.25rem!important;right:.75rem!important}
  .skew-card-hint{opacity:1!important;transform:none!important}
  /* home hero: let the text block size to its content so the heading is never clipped under the header */
  section:has(#hero-typewriter){height:auto!important;min-height:0!important}
  div:has(> div > #hero-typewriter),div:has(> #hero-typewriter){height:auto!important;padding-top:2.5rem!important;padding-bottom:2.5rem!important}
  #skew-panel{height:260px!important;flex:none!important}
  /* tap targets */
  footer a{display:inline-block;padding-block:.65rem;min-height:44px}
  nav[aria-label*="readcrumb" i] a,.breadcrumb a,[aria-label*="readcrumb" i] a{display:inline-block;padding-block:.75rem}
  a[href^="tel:"]:not(.btn-gold):not(.btn-outline):not(.apex-fab),a[href^="mailto:"]{display:inline-block;padding-block:.7rem}
  main a[class*="uppercase"]:not(.btn-gold):not(.btn-outline),main a[class*="tracking-"]:not(.btn-gold):not(.btn-outline),main a[class*="hover:text-"]:not(.btn-gold):not(.btn-outline){display:inline-block;padding-block:.65rem}
  /* readable text */
  [class*="text-[10px]"],[class*="text-[11px]"]{font-size:12px!important}
  /* inputs >=16px so iOS does not zoom on focus */
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:16px!important}
  select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:46px}
}
/* Floating call button (all pages) */
.apex-fab{position:fixed;right:16px;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8d48a,#c9a84c 50%,#8b6914);color:#022c22;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .2s}
.apex-fab:hover{transform:scale(1.08)}
.apex-fab svg{width:26px;height:26px;fill:currentColor}
@media (max-width:1023px){.apex-fab-up{bottom:calc(88px + env(safe-area-inset-bottom))!important}}
a.apex-fab{display:flex!important;align-items:center;justify-content:center;padding:0!important;min-height:0!important;line-height:0}
a.apex-fab svg{display:block;margin:0}