/**
 * @file Presentation layer for php inter.
 *
 * Mobile-first responsive styling only; preserve touch targets, fluid containment and the seven-breakpoint contract.
 */

/** UFoundMe! typography authority. Inter is self-hosted and split by script so
 * a Latin page never downloads the complete multilingual variable font. */
@font-face{font-family:"Inter";src:url("/ufoundme/assets/fonts/InterUFM-Latin-Regular.woff2") format("woff2");font-style:normal;font-weight:100 599;font-display:optional;unicode-range:U+0000-024F,U+1E00-1EFF,U+20AC,U+2122,U+2190-2199,U+2713,U+2715,U+2717,U+2718,U+271A,U+2753,U+2764,U+2B05-2B07,U+FFFD}
@font-face{font-family:"Inter";src:url("/ufoundme/assets/fonts/InterUFM-Latin-Bold.woff2") format("woff2");font-style:normal;font-weight:600 900;font-display:optional;unicode-range:U+0000-024F,U+1E00-1EFF,U+20AC,U+2122,U+2190-2199,U+2713,U+2715,U+2717,U+2718,U+271A,U+2753,U+2764,U+2B05-2B07,U+FFFD}
:root{--ufm-font-primary:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-primary:var(--ufm-font-primary)}
html{font-family:var(--ufm-font-primary);font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--ufm-font-primary);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}

/* The first promise is visible before any interaction and must never wait for
   a font download. Platform UI fonts keep the same neutral grotesque voice. */
.hero .hero-promise{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* Covers legacy UFoundMe! surfaces that previously declared Lexend or Arial. */
body.auth-page-ufoundme,body.eshop-page,body.catalog-page,body.public-card-body,body.chat-surface,body.legal-page,body.ufm-ulule,body:has(.owner-office),body:has(.studio-page),body:has(.ufm-contact-head){font-family:var(--ufm-font-primary)!important}
body.auth-page-ufoundme *,body:has(.owner-office) *{box-sizing:border-box}
body.auth-page-ufoundme :is(button,input,select,textarea),body.eshop-page :is(button,input,select,textarea),body.catalog-page :is(button,input,select,textarea),body.public-card-body :is(button,input,select,textarea),body.chat-surface :is(button,input,select,textarea),body.legal-page :is(button,input,select,textarea),body:has(.owner-office) :is(button,input,select,textarea),body:has(.studio-page) :is(button,input,select,textarea){font-family:inherit!important}
body.auth-page-ufoundme .auth-logo.auth-logo-ufoundme{display:block;min-width:0;flex:0 0 auto}
body.auth-page-ufoundme .auth-logo.auth-logo-ufoundme img{width:100%;max-width:100%;height:auto}
body.auth-page-ufoundme .auth-nav,body.auth-page-ufoundme .auth-brand-navigation{min-width:0;max-width:100%}
body.auth-page-ufoundme .auth-brand-navigation{flex:1 1 auto}
body.auth-page-ufoundme .auth-shell,body.auth-page-ufoundme .auth-card{min-width:0;max-width:100%;box-sizing:border-box}
body.auth-page-ufoundme .auth-card>*{min-width:0;max-width:100%}
body.auth-page-ufoundme .ufm-auth-scene{max-width:100%;overflow:clip;contain:paint}
@media(max-width:359px){body.auth-page-ufoundme .auth-logo.auth-logo-ufoundme{width:7rem}body.auth-page-ufoundme .auth-card{width:100%;padding-inline:1rem}body.auth-page-ufoundme .auth-nav{width:100%;padding-inline:.875rem}}

/* iOS zooms focused controls whose computed text size is below 16 px. Keep
   data entry stable on every public and authenticated UFoundMe! surface. */
@media(max-width:767px){
  body.auth-page-ufoundme :is(input,select,textarea),
  body.eshop-page :is(input,select,textarea),
  body.catalog-page :is(input,select,textarea),
  body.public-card-body :is(input,select,textarea),
  body.chat-surface :is(input,select,textarea),
  body.legal-page :is(input,select,textarea),
  body:has(.owner-office) :is(input,select,textarea),
  body:has(.studio-page) :is(input,select,textarea),
  body:has(.ufm-contact-head) :is(input,select,textarea){font-size:16px!important}
}