/*
Theme Name: Vio Sonora Landing
Description: Centered logo with a warm off-white background and social footer.
Version: 1.3.0
Text Domain: vio-sonora-landing
*/
* { box-sizing: border-box; }
html { margin: 0; background: #F7F5F2; }
body { margin: 0; color: #787878; font-family: 'Space Grotesk', Arial, sans-serif; }
.vio-shell { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
.vio-landing { flex: 1; display: grid; place-items: center; padding: 40px 24px; min-height: 160px; }
.vio-logo { display: block; width: min(100%, 331px); height: auto; }
.vio-footer { background: #fff; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 8px; padding: 5px clamp(16px, 2.5vw, 52px); padding-bottom: max(5px, env(safe-area-inset-bottom)); }
.vio-footer p { margin: 0; font-size: 12px; line-height: 1.5; white-space: nowrap; }
.vio-social { display: flex; flex-shrink: 0; gap: 4px; }
.vio-social a { color: #787878; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; }
.vio-social svg { width: 18px; height: 18px; }
.vio-social a:hover { color: #501325; }
.vio-social a:focus-visible { outline: 2px solid #501325; outline-offset: 2px; }
body.admin-bar .vio-shell { min-height: calc(100vh - 32px); min-height: calc(100svh - 32px); }
@media (max-width: 782px) { body.admin-bar .vio-shell { min-height: calc(100vh - 46px); min-height: calc(100svh - 46px); } }
@media (max-width: 480px) {
 .vio-footer { padding-left: 16px; padding-right: 12px; }
 .vio-footer p { font-size: 11px; }
 .vio-social { gap: 0; }
}