/* Squad homepage final accent/layout fixes v3 */

/* Homepage identity: MHQ logo blue/cyan wins after shared button CSS. */
.hq-home{
  --hq-blue:#00bdf2;
  --hq-accent:#00bdf2;
}
.hq-home .hq-kicker i{background:var(--hq-accent)!important}
.hq-home .hq-lead h1 em{color:var(--hq-accent)!important}
body.premium-site .hq-home .hq-hero-actions>a:first-child,
body.premium-site .hq-home .hq-primary-link,
body.premium-site .hq-home .hq-coaching-actions>a:first-child{
  background:var(--hq-accent)!important;
  border-color:var(--hq-accent)!important;
  color:#07131a!important;
  box-shadow:none!important;
}
body.premium-site .hq-home .hq-hero-actions>a:first-child:is(:hover,:focus-visible),
body.premium-site .hq-home .hq-primary-link:is(:hover,:focus-visible),
body.premium-site .hq-home .hq-coaching-actions>a:first-child:is(:hover,:focus-visible){
  background:#20c9f5!important;
  border-color:#dffaff!important;
  color:#07131a!important;
}
.hq-home .hq-hqcard{border-color:#236b86!important;border-top-color:var(--hq-accent)!important}
.hq-home .hq-hqstats strong{color:var(--hq-accent)!important}
.hq-home .hq-network-card.is-home{--accent:var(--hq-accent)}

/* On the Squad homepage, the header Coaching CTA follows the page accent too. */
body:has(.hq-home) .nh-bar[data-site="squad"] .nh-local-links a[href="/coaching"],
body:has(.hq-home) .nh-bar[data-site="squad"] .nh-menu nav a[href="/coaching"]{
  background:var(--hq-accent,#00bdf2)!important;
  border-color:var(--hq-accent,#00bdf2)!important;
  color:#07131a!important;
  box-shadow:none!important;
}
body:has(.hq-home) .nh-bar[data-site="squad"] .nh-local-links a[href="/coaching"]:is(:hover,:focus-visible),
body:has(.hq-home) .nh-bar[data-site="squad"] .nh-menu nav a[href="/coaching"]:is(:hover,:focus-visible){
  filter:brightness(1.08);
  border-color:#dff9ff!important;
}

/* Minecraft feature: wide artwork + clean server/action hierarchy. */
.hq-home .hq-smp-feature{
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  border-color:#2d4652;
  background:linear-gradient(145deg,#0e171d,#101922);
}
.hq-home .hq-smp-visual{
  min-height:300px;
  align-items:stretch;
  justify-content:stretch;
  background:#0b151b;
}
.hq-home .hq-smp-visual::after{
  background:linear-gradient(180deg,transparent 36%,rgba(4,11,15,.82) 100%);
}
.hq-home .hq-smp-visual img{
  content:url('/assets/mhq-minecraft-world-card.webp');
  width:100%!important;
  height:100%!important;
  min-height:300px;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center 48%;
  display:block;
}
.hq-home .hq-smp-visual>div{
  left:22px;
  right:22px;
  bottom:20px;
  gap:2px;
}
.hq-home .hq-smp-visual span{
  color:#9fe7bb;
  font-size:10px;
}
.hq-home .hq-smp-visual strong{
  font-size:34px;
  color:#fff;
}
.hq-home .hq-smp-connect{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  padding:32px;
}
.hq-home .hq-edition{
  margin:0;
  padding:16px 16px;
  border:1px solid #2b3d49;
  border-radius:7px;
  background:#0d161d;
}
.hq-home .hq-edition:first-child{padding-top:16px}
.hq-home .hq-edition span:first-child{
  color:#eaf8fc;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.hq-home .hq-edition code{
  margin-top:3px;
  color:#cdebf5;
  font-size:13px;
}
.hq-home .hq-edition button{
  min-width:76px!important;
  background:#111c24!important;
  border-color:#3c5361!important;
  color:#effbff!important;
}
.hq-home .hq-edition button:is(:hover,:focus-visible){
  border-color:var(--hq-accent)!important;
  color:var(--hq-accent)!important;
}
body.premium-site .hq-home .hq-smp-connect>.hq-primary-link{
  align-self:flex-start;
  min-width:270px;
  margin-top:12px;
  padding-inline:20px!important;
}

/* Join section: align copy and CTA as one horizontal unit on desktop. */
.hq-home .hq-join-section .hq-heading{
  grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);
  align-items:center;
  margin-bottom:0;
}
.hq-home .hq-join-section .hq-heading-side{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding-bottom:0;
}
.hq-home .hq-join-section .hq-heading-side>p{
  max-width:34ch;
}
.hq-home .hq-join-section .hq-primary-link{
  margin:0;
  white-space:nowrap;
  justify-self:end;
}

@media(max-width:900px){
  .hq-home .hq-smp-feature{grid-template-columns:1fr}
  .hq-home .hq-smp-visual,.hq-home .hq-smp-visual img{min-height:240px}
  .hq-home .hq-join-section .hq-heading{grid-template-columns:1fr;align-items:start}
  .hq-home .hq-join-section .hq-heading-side{grid-template-columns:1fr;gap:12px}
  .hq-home .hq-join-section .hq-primary-link{justify-self:start}
}
@media(max-width:680px){
  .hq-home .hq-smp-visual,.hq-home .hq-smp-visual img{min-height:210px}
  .hq-home .hq-smp-connect{padding:20px;gap:12px}
  .hq-home .hq-smp-visual>div{left:16px;bottom:15px}
  .hq-home .hq-smp-visual strong{font-size:28px}
  .hq-home .hq-edition{align-items:center;padding:14px}
  body.premium-site .hq-home .hq-smp-connect>.hq-primary-link{min-width:0;width:100%;margin-top:8px}
}