/* LOUIE DESIGN · site-v22 · PC common footer refinement v1
 * Scope: PC only (>=901px). Mobile footer/contact bar remain untouched.
 */
@media (min-width:901px){
  .site-footer-compact{
    margin-top:14px!important;
    padding:14px 0 10px!important;
    border-top-color:rgba(214,173,65,.22)!important;
    background:linear-gradient(180deg,#090a0a 0%,#070808 100%)!important;
  }

  .site-footer-compact>.wr-2{
    width:min(calc(100% - 48px),1320px)!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .site-footer-compact__main{
    min-height:58px!important;
    gap:24px!important;
  }

  .site-footer-compact__brand{
    gap:12px!important;
    min-width:0!important;
    border-radius:8px;
  }

  .site-footer-compact__brand img{
    width:44px!important;
    height:44px!important;
    max-width:44px!important;
    flex:0 0 44px!important;
  }

  .site-footer-compact__brand strong{
    font-size:15.5px!important;
    line-height:1.08!important;
    letter-spacing:.025em!important;
  }

  .site-footer-compact__brand small{
    margin-top:4px!important;
    color:#aaa196!important;
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.025em!important;
  }

  .site-footer-compact__visitors{
    gap:8px!important;
  }

  .site-footer-compact__visitors>span{
    min-width:100px!important;
    height:38px!important;
    padding:0 11px!important;
    gap:8px!important;
    border-color:rgba(214,173,65,.24)!important;
    background:linear-gradient(180deg,rgba(214,173,65,.04),rgba(255,255,255,.012))!important;
  }

  .site-footer-compact__visitors b{
    color:#9f978c!important;
    font-size:9.5px!important;
    line-height:1!important;
  }

  .site-footer-compact__visitors strong{
    color:#e1b94f!important;
    font-size:15px!important;
    line-height:1!important;
  }

  .site-footer-compact__bottom{
    min-height:24px!important;
    margin-top:10px!important;
    padding-top:9px!important;
    border-top-color:rgba(255,255,255,.055)!important;
    color:#746e66!important;
    font-size:9.5px!important;
    line-height:1.25!important;
  }

  .site-footer-compact__bottom a{
    color:#9d958b!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.1em!important;
    border-radius:5px;
  }

  .site-footer-compact__brand:hover strong,
  .site-footer-compact__brand:focus-visible strong,
  .site-footer-compact__bottom a:hover,
  .site-footer-compact__bottom a:focus-visible{
    color:#edc85e!important;
  }

  .site-footer-compact__brand:focus-visible,
  .site-footer-compact__bottom a:focus-visible{
    outline:2px solid rgba(237,200,94,.9);
    outline-offset:4px;
  }
}

/* Medium PC: reserve physical room for the fixed QR rail instead of letting the footer sit underneath it. */
@media (min-width:1181px) and (max-width:1439px){
  .site-footer-compact>.wr-2{
    width:auto!important;
    max-width:none!important;
    margin-left:24px!important;
    margin-right:142px!important;
  }

  .site-footer-compact__main{
    gap:18px!important;
  }

  .site-footer-compact__brand small{
    font-size:9.5px!important;
  }

  .site-footer-compact__visitors>span{
    min-width:92px!important;
    height:36px!important;
    padding:0 9px!important;
  }

  .site-footer-compact__visitors b{font-size:9px!important}
  .site-footer-compact__visitors strong{font-size:14px!important}
}

/* Compact PC / tablet-landscape shell. */
@media (min-width:901px) and (max-width:1180px){
  .site-footer-compact{
    margin-top:12px!important;
    padding:12px 0 9px!important;
  }

  .site-footer-compact>.wr-2{
    width:auto!important;
    max-width:none!important;
    margin-left:16px!important;
    margin-right:124px!important;
  }

  .site-footer-compact__main{
    min-height:52px!important;
    gap:14px!important;
  }

  .site-footer-compact__brand{
    gap:9px!important;
  }

  .site-footer-compact__brand img{
    width:40px!important;
    height:40px!important;
    max-width:40px!important;
    flex-basis:40px!important;
  }

  .site-footer-compact__brand strong{
    font-size:14px!important;
  }

  .site-footer-compact__brand small{
    margin-top:3px!important;
    font-size:8.8px!important;
    line-height:1.2!important;
  }

  .site-footer-compact__visitors{
    gap:5px!important;
  }

  .site-footer-compact__visitors>span{
    min-width:82px!important;
    height:35px!important;
    padding:0 7px!important;
    gap:5px!important;
  }

  .site-footer-compact__visitors b{font-size:8.2px!important}
  .site-footer-compact__visitors strong{font-size:13px!important}

  .site-footer-compact__bottom{
    margin-top:8px!important;
    padding-top:8px!important;
    font-size:9px!important;
  }

  .site-footer-compact__bottom a{font-size:9.5px!important}
}

@media (prefers-reduced-motion:reduce) and (min-width:901px){
  .site-footer-compact *,
  .site-footer-compact *::before,
  .site-footer-compact *::after{
    transition-duration:.001ms!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
  }
}

/* stage10-4 regression fix:
 * 1440-1631px: centered 1320px footer can sit under the fixed 124px QR rail.
 * Reserve a physical right gutter until the centered layout naturally clears the rail. */
@media (min-width:1440px) and (max-width:1631px){
  .site-footer-compact>.wr-2{
    width:auto!important;
    max-width:none!important;
    margin-left:24px!important;
    margin-right:160px!important;
  }
}