/* Fixed mobile actions; safe-area space is reserved at the end of each page. */
.mobile-contact-bar{display:none}
@media(max-width:700px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
 .mobile-contact-bar{position:fixed;z-index:45;right:0;bottom:0;left:0;width:100vw;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:7px;padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--accent-highlight);background:#100d0bf2;box-shadow:0 -10px 32px #0008;backdrop-filter:blur(14px);transition:transform .2s,opacity .2s}
 .mobile-contact-action{display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #ffffff1a;border-radius:13px;color:#f7f3ef;background:#ffffff08;font-size:11px;font-weight:600}
 .mobile-contact-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .mobile-contact-action img{width:22px;height:22px;object-fit:contain}
 .mobile-book-action{color:#160a03;border-color:var(--accent-highlight);background:linear-gradient(110deg,var(--accent-highlight),var(--accent));box-shadow:0 0 18px color-mix(in srgb, var(--accent-highlight) 16.47%, transparent)}
 .mobile-book-action svg{stroke:var(--blue-900)}
 body.mobile-keyboard-open .mobile-contact-bar,.mobile-contact-bar.field-focused{transform:translateY(110%);opacity:0;pointer-events:none}
 body:has(#main-nav:not([hidden])) .mobile-contact-bar{display:none}
 body:has(.portfolio-lightbox[open]) .mobile-contact-bar{display:none}
 input,textarea,select,button,a{scroll-margin-bottom:calc(90px + env(safe-area-inset-bottom))}
 .whatsapp-hero{display:none!important}
 #main-nav:not([hidden]){max-height:calc(100dvh - 145px);overflow:auto;z-index:60}
 .portfolio-lightbox{z-index:100}
 .home-work .home-portfolio-preview .website-preview img{transform:none}
}
@media(prefers-reduced-motion:reduce){.mobile-contact-bar{transition:none}}

.mobile-contact-action:not(.mobile-book-action):hover,.mobile-contact-action:not(.mobile-book-action):focus{color:#f7f3ef}

.mobile-contact-bar .mobile-contact-action:not(.mobile-book-action) span{color:#f7f3ef}