/* Approved asset-based Roby's identity. Letterforms live inside SVG paths,
   so rendering no longer depends on browser fonts or CSS stretching. */
:root{
  --robys-brand-red:#E21B23;
  --robys-brand-ink:#111111;
  --robys-brand-paper:#FFFFFF;
  --ruby:var(--robys-brand-red);
  --brand-wordmark-paper:var(--robys-brand-paper);
}

.brand-copy{
  display:block!important;
  position:relative!important;
  width:180px!important;
  height:58px!important;
  flex:0 0 auto!important;
  background:url("src/brand/robys-compact-master-v1.svg?v=20260917-approved-v4-restore") center/contain no-repeat!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}

.brand-copy strong,
.brand-copy small{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  background:none!important;
}

.brand-copy strong::before,
.brand-copy strong::after{
  content:none!important;
  display:none!important;
}

.menu-page-brand-tagline{
  display:none!important;
}

.site-header .brand,
.discover-header .brand{
  overflow:hidden!important;
}

.site-header .brand-copy,
.discover-header .brand-copy{
  width:286px!important;
  height:58px!important;
  background-image:url("src/brand/robys-header-master-v1.svg?v=20260917-approved-v4-restore")!important;
}

.menu-page-brand .brand-copy{
  width:min(530px,84vw)!important;
  height:112px!important;
  background-image:url("src/brand/robys-primary-master-v1.svg?v=20260917-approved-v4-restore")!important;
}

.menu-page-mark::before{
  border:0!important;
  border-radius:0!important;
  background:url("src/brand/robys-mark-master-v1.svg?v=20260917-approved-v4-restore") center/contain no-repeat!important;
}

@media(max-width:680px){
  .site-header .brand,
  .discover-header .brand{
    max-width:136px!important;
    padding:6px 12px!important;
    overflow:hidden!important;
    border-radius:999px!important;
    box-shadow:0 10px 26px rgba(17,17,17,.16)!important;
  }

  .site-header .brand-copy,
  .discover-header .brand-copy{
    display:block!important;
    width:108px!important;
    height:39px!important;
    background-image:url("src/brand/robys-compact-master-v1.svg?v=20260917-approved-v4-restore")!important;
  }

  .menu-page-brand .brand-copy{
    width:min(370px,84vw)!important;
    height:84px!important;
  }

  html body.featured-gallery-active nav.mobile-cta{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media(max-width:420px){
  .discover-header-inner{
    min-height:auto!important;
    flex-wrap:wrap!important;
    gap:6px 10px!important;
    padding-block:8px!important;
  }

  .discover-header .brand{
    order:1!important;
  }

  .discover-header .discover-back{
    order:2!important;
    margin-left:auto!important;
  }

  .discover-header .language-switcher{
    order:3!important;
    width:100%!important;
    justify-content:flex-end!important;
  }
}

@media(max-width:390px){
  .site-header .brand,
  .discover-header .brand{
    max-width:118px!important;
    padding:5px 10px!important;
  }

  .site-header .brand-copy,
  .discover-header .brand-copy{
    width:96px!important;
    height:35px!important;
  }
}

@media(max-width:340px){
  .site-header .brand,
  .discover-header .brand{
    width:100px!important;
    max-width:100px!important;
    padding:5px 8px!important;
  }

  .site-header .brand-copy,
  body.discover-page .discover-header .brand-copy{
    display:block!important;
    width:82px!important;
    height:31px!important;
    background-image:url("src/brand/robys-compact-master-v1.svg?v=20260917-approved-v4-restore")!important;
  }

  .site-header .header-actions{
    gap:6px!important;
  }
}

/* ROBIS-UX-238: bounded mobile conversion and touch-target repairs. */
@media(max-width:1024px){
  html .language-switcher .lang-button{
    min-width:44px!important;
    min-height:44px!important;
    padding-inline:8px!important;
  }

  html body.discover-page #next-pairing,
  html body.discover-page #mark-discovered,
  html body.menu-page .menu-share-actions a{
    min-width:44px!important;
    min-height:44px!important;
  }

  html body.discover-page #next-pairing,
  html body.discover-page #mark-discovered{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding-block:8px!important;
  }
}


.map-pin img{display:block;width:46px;height:46px;object-fit:contain;transform:rotate(45deg)}