/*
 * Fichier : public/assets/css/odelya-public-wordmark.css
 * Rôle : afficher le mot-symbole officiel, sans déformation, dans les deux
 *        zones de marque de la vitrine sur un support blanc indépendant.
 * Sécurité : présentation seulement. Aucun droit, état comptable ou formulaire.
 * Maintenabilité : chargé explicitement après public.css ; les règles sont
 *        ciblées sur le cadre et ne modifient pas les autres composants.
 */
.public-body .public-header .odelya-wordmark-frame,
.public-body .public-footer .odelya-wordmark-frame{
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:192px;max-width:100%;height:auto;min-width:0;
  padding:5px 8px;box-sizing:border-box;border-radius:10px;
  background:#fff!important;border:1px solid rgba(255,255,255,.8);
  box-shadow:0 5px 18px rgba(0,0,0,.12);
}
.public-body .public-footer .odelya-wordmark-frame{width:232px;padding:6px 10px}
.public-body .public-header .odelya-wordmark-frame>img,
.public-body .public-footer .odelya-wordmark-frame>img{
  display:block!important;width:100%!important;height:auto!important;
  min-width:0!important;max-width:100%!important;max-height:none!important;
  aspect-ratio:1366/537;object-fit:contain!important;object-position:center!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;
  flex:none!important;transform:none!important;
}
.public-body .public-header .public-brand-mark,
.public-body .public-footer .public-footer-brand-mark>div{
  min-width:0;align-items:center;
}
.public-body .public-header .public-brand-mark .public-brand-copy{min-width:0}
@media(max-width:850px){
  .public-body .public-header .odelya-wordmark-frame{width:170px;padding:4px 7px}
  .public-body .public-footer .odelya-wordmark-frame{width:210px}
}
@media(max-width:420px){
  .public-body .public-header .odelya-wordmark-frame{width:154px;padding:4px 6px}
  .public-body .public-footer .odelya-wordmark-frame{width:190px}
}
@media(prefers-reduced-motion:reduce){
  .public-body .odelya-wordmark-frame>img{animation:none!important;transition:none!important}
}
