/* ANIMUS v1.6.7b — THRUSTMASTER WORDMARK + CLOCK FIT HOTFIX
   Keep the F1-inspired utility bar fully inside its card on desktop and mobile. */

/* The supplied official-looking wordmark asset contains its own black field.
   Let it breathe instead of forcing it into the old 34px crop. */
.tm-logo-v166{
  min-width:0!important;
  overflow:hidden!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#050608!important;
}
.tm-logo-v166 img,
.partner-logo-frame-v167 img[src*="thrustmaster-wordmark"]{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
  filter:none!important;
}
.tm-logo-v166 img{
  max-width:176px!important;
  max-height:42px!important;
}
.partner-logo-frame-v167 img[src*="thrustmaster-wordmark"]{
  max-width:168px!important;
  max-height:44px!important;
}
.current-partners-grid-v167 .partner-logo-frame-v167 img[src*="thrustmaster-wordmark"]{
  max-width:215px!important;
  max-height:52px!important;
}

/* The previous layers mixed flex + grid rules, which let the analog clock spill
   past the right edge. Lock the utility to three real columns. */
.f1-partner-clock-v165.f1-partner-clock-v166{
  display:grid!important;
  grid-template-columns:minmax(138px,1.12fr) minmax(122px,.92fr) minmax(198px,1.38fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:76px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.f1-partner-clock-v166>*{min-width:0!important;box-sizing:border-box!important}
.tm-code-v166{overflow:hidden!important}
.race-clock-v165.race-clock-v166{
  display:grid!important;
  grid-template-columns:minmax(112px,1fr) 58px!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  width:100%!important;
  padding:8px 10px 8px 12px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.race-clock-times-v165{
  width:100%!important;
  min-width:0!important;
  gap:7px!important;
}
.race-clock-times-v165 span{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
}
.race-clock-times-v165 small{overflow:hidden;text-overflow:ellipsis}

/* Self-contained ANIMUS timepiece. Never sits outside the utility card. */
.analog-clock-v165.analog-clock-v166{
  position:relative!important;
  justify-self:end!important;
  flex:none!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  margin:0!important;
  border:2px solid #d7bb65!important;
  border-radius:50%!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 30%,rgba(215,187,101,.07) 31% 32%,transparent 33%),
    radial-gradient(circle at 42% 35%,#211f1a 0,#101115 50%,#050608 76%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.025),0 0 0 1px rgba(215,187,101,.14),0 0 18px rgba(215,187,101,.17)!important;
}
.analog-clock-v166:before{
  content:"ANIMUS"!important;
  position:absolute!important;
  left:50%!important;
  top:30%!important;
  transform:translateX(-50%)!important;
  width:auto!important;
  height:auto!important;
  inset:auto!important;
  border-radius:0!important;
  background:none!important;
  filter:none!important;
  opacity:.58!important;
  color:#d8c681!important;
  font:900 4px/1 Inter,sans-serif!important;
  letter-spacing:.1em!important;
  z-index:2!important;
}
.clock-brand-v166{
  display:block!important;
  left:50%!important;
  top:14%!important;
  color:#f1ead8!important;
  font:950 7px/1 "Barlow Condensed",Inter,sans-serif!important;
  letter-spacing:.02em!important;
  z-index:3!important;
}
.analog-clock-v166 .clock-mark-v165{background:#c6b36b!important;z-index:2!important}
.analog-clock-v166 .clock-hand-v165.hour,.analog-clock-v166 .clock-hand-v165.minute{background:#f4eddb!important;z-index:4!important}
.analog-clock-v166 .clock-hand-v165.second{background:#e2554c!important;z-index:5!important}
.analog-clock-v166 .clock-pin-v165{background:#d9bd65!important;box-shadow:0 0 0 2px #16171a!important;z-index:6!important}

@media(max-width:1280px){
  .f1-partner-clock-v165.f1-partner-clock-v166{
    grid-template-columns:minmax(120px,1.02fr) minmax(112px,.9fr) minmax(184px,1.25fr)!important;
  }
  .tm-logo-v166 img{max-width:154px!important}
  .race-clock-v165.race-clock-v166{grid-template-columns:minmax(104px,1fr) 52px!important;padding-left:9px!important;padding-right:8px!important}
  .analog-clock-v165.analog-clock-v166{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important}
}

@media(max-width:900px){
  /* Still horizontal: logo | code | times+clock. */
  .f1-partner-clock-v165.f1-partner-clock-v166{
    grid-template-columns:28% 29% 43%!important;
    min-height:64px!important;
  }
  .tm-logo-v166{padding:7px!important}
  .tm-logo-v166 img{max-width:110px!important;max-height:30px!important}
  .race-clock-v165.race-clock-v166{
    grid-template-columns:minmax(76px,1fr) 40px!important;
    gap:4px!important;
    padding:6px!important;
  }
  .race-clock-times-v165 span{gap:3px!important}
  .race-clock-times-v165 small{font-size:4.5px!important;letter-spacing:.03em!important}
  .race-clock-times-v165 b{font-size:10px!important}
  .analog-clock-v165.analog-clock-v166{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;border-width:1.5px!important}
  .clock-brand-v166{font-size:5px!important}
  .analog-clock-v166:before{font-size:3px!important}
}

@media(max-width:480px){
  .f1-partner-clock-v165.f1-partner-clock-v166{grid-template-columns:27% 30% 43%!important;min-height:60px!important}
  .tm-logo-v166 img{max-width:88px!important;max-height:25px!important}
  .tm-code-v166{padding:6px!important}
  .tm-code-v166 strong,.tm-code-v166 b{font-size:10px!important}
  .race-clock-v165.race-clock-v166{grid-template-columns:minmax(62px,1fr) 35px!important;padding:5px!important}
  .race-clock-times-v165 small{font-size:3.8px!important}
  .race-clock-times-v165 b{font-size:8.5px!important}
  .analog-clock-v165.analog-clock-v166{width:33px!important;height:33px!important;min-width:33px!important;max-width:33px!important}
}

@media(max-width:360px){
  /* Do not hide the clock; shrink it. */
  .f1-partner-clock-v165.f1-partner-clock-v166{grid-template-columns:26% 31% 43%!important}
  .race-clock-v165.race-clock-v166{grid-template-columns:minmax(54px,1fr) 29px!important;gap:2px!important}
  .analog-clock-v165.analog-clock-v166{display:block!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important}
  .clock-brand-v166{font-size:4px!important}
  .analog-clock-v166:before{display:none!important}
}