/*
 * YHN 3.9.55.62 — Footer Absolute Quiet Premium Mobile Final
 * Visual-only. Keeps the locked 4-column footer structure, links, contact data,
 * payment methods, widget rendering and mobile ordering intact.
 */

#footer .footer-widgets.footer.footer-2{
  background:#5b5c62 !important;
  color:rgba(255,255,255,.86) !important;
  padding:32px 0 27px !important;
  border-top:1px solid rgba(255,255,255,.07) !important;
}

#footer .footer-widgets.footer.footer-2 .row{
  max-width:1280px !important;
}

#footer .footer-widgets.footer.footer-2 .col{
  padding-left:22px !important;
  padding-right:22px !important;
}

#footer .footer-widgets.footer.footer-2 .widget-title{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:13.5px !important;
  line-height:1.28 !important;
  font-weight:700 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
}

#footer .footer-widgets.footer.footer-2 .yhn-footer-policy .widget-title{
  font-size:13px !important;
}

#footer .footer-widgets.footer.footer-2 .is-divider.small{
  width:24px !important;
  max-width:24px !important;
  height:2px !important;
  margin:0 0 14px !important;
  border-radius:0 !important;
  background:#ef2b7a !important;
}

#footer .footer-widgets.footer.footer-2,
#footer .footer-widgets.footer.footer-2 p,
#footer .footer-widgets.footer.footer-2 li,
#footer .footer-widgets.footer.footer-2 span,
#footer .footer-widgets.footer.footer-2 .textwidget{
  color:rgba(255,255,255,.84) !important;
  font-size:13.2px !important;
  line-height:1.62 !important;
}

#footer .footer-widgets.footer.footer-2 .yhn-footer-about p{
  margin:0 0 9px !important;
  max-width:300px;
  color:rgba(255,255,255,.80) !important;
}

#footer .footer-widgets.footer.footer-2 a{
  color:rgba(255,255,255,.90) !important;
  text-decoration:none !important;
}

#footer .footer-widgets.footer.footer-2 a:hover{
  color:#fff !important;
}

#footer .yhn-footer-classic-links li{
  border-bottom:1px solid rgba(255,255,255,.040) !important;
}

#footer .yhn-footer-classic-links li:last-child{
  border-bottom:0 !important;
}

#footer .yhn-footer-classic-links a,
#footer .yhn-footer-more a{
  gap:8px !important;
  padding:4px 0 !important;
  line-height:1.42 !important;
}

#footer .yhn-footer-leading-icon{
  width:12px !important;
  height:18px !important;
  flex-basis:12px !important;
  opacity:.48 !important;
  color:rgba(255,255,255,.9) !important;
}

#footer .yhn-footer-leading-icon svg{
  width:10px !important;
  height:10px !important;
  stroke-width:1.8 !important;
}

#footer .yhn-footer-classic-links a:hover .yhn-footer-leading-icon,
#footer .yhn-footer-more a:hover .yhn-footer-leading-icon{
  transform:translateX(1px) !important;
  color:#f6a7c8 !important;
  opacity:.86 !important;
}

#footer .yhn-footer-more{
  margin-top:10px !important;
  font-weight:600 !important;
}

#footer .yhn-footer-contact-list{
  gap:9px !important;
}

#footer .yhn-footer-contact-row{
  gap:10px !important;
  min-height:25px !important;
  color:rgba(255,255,255,.86) !important;
}

#footer .yhn-footer-contact-icon{
  width:25px !important;
  height:25px !important;
  flex-basis:25px !important;
  margin-top:0 !important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.022);
  color:rgba(255,255,255,.92) !important;
  opacity:1 !important;
}

#footer .yhn-footer-contact-icon svg{
  width:13px !important;
  height:13px !important;
  stroke-width:1.65 !important;
}

#footer .yhn-footer-contact-row span:not(.yhn-footer-contact-icon){
  margin-top:1px !important;
  color:rgba(255,255,255,.62) !important;
  font-size:11.8px !important;
  line-height:1.45 !important;
}

#footer .yhn-footer-contact-primary{
  color:#fff !important;
  font-weight:700 !important;
}

#footer .yhn-footer-social-icons{
  gap:8px !important;
  margin-top:13px !important;
}

#footer .yhn-footer-social-icons a{
  width:30px !important;
  height:30px !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
}

#footer .yhn-footer-social-icons a:hover{
  background:#c9176b !important;
  border-color:#c9176b !important;
  transform:none !important;
}

#footer .absolute-footer{
  background:#35363b !important;
  border-top:1px solid rgba(255,255,255,.055) !important;
  padding:12px 0 11px !important;
}

#footer .absolute-footer .footer-nav a,
#footer #menu-footer-links a{
  color:rgba(255,255,255,.52) !important;
  font-weight:500 !important;
}

#footer .absolute-footer .footer-nav a:hover,
#footer #menu-footer-links a:hover{
  color:#fff !important;
}

#footer .absolute-footer .copyright-footer{
  color:rgba(255,255,255,.60) !important;
  font-size:11.8px !important;
}

#footer .absolute-footer .payment-icon,
#footer .absolute-footer .footer-text img{
  opacity:.60 !important;
}

@media (max-width:849px){
  #footer .footer-widgets.footer.footer-2{
    padding:22px 0 17px !important;
  }
  #footer .footer-widgets.footer.footer-2 .col{
    padding-left:17px !important;
    padding-right:17px !important;
  }
  #footer .footer-widgets.footer.footer-2 .widget-title{
    font-size:14px !important;
  }
  #footer .footer-widgets.footer.footer-2 .yhn-footer-policy .widget-title{
    font-size:13.5px !important;
  }
  #footer .footer-widgets.footer.footer-2,
  #footer .footer-widgets.footer.footer-2 p,
  #footer .footer-widgets.footer.footer-2 li,
  #footer .footer-widgets.footer.footer-2 span,
  #footer .footer-widgets.footer.footer-2 .textwidget{
    font-size:13px !important;
    line-height:1.58 !important;
  }
}

@media (max-width:549px){
  /* Shorter vertical rhythm without changing the locked 4-column ordering. */
  #footer .footer-widgets.footer.footer-2{
    padding:17px 0 11px !important;
  }
  #footer .footer-widgets.footer.footer-2 .yhn-footer-col,
  #footer .footer-widgets.footer.footer-2 .col{
    margin-bottom:10px !important;
    padding-bottom:24px !important;
  }
  #footer .footer-widgets.footer.footer-2 .yhn-footer-contact{
    margin-bottom:2px !important;
    padding-bottom:12px !important;
  }

  /* Smaller, calmer section titles. */
  #footer .footer-widgets.footer.footer-2 .widget-title{
    margin-bottom:6px !important;
    font-size:14px !important;
    line-height:1.24 !important;
    font-weight:650 !important;
    letter-spacing:.035em !important;
  }
  #footer .footer-widgets.footer.footer-2 .yhn-footer-policy .widget-title{
    font-size:13.7px !important;
  }
  #footer .footer-widgets.footer.footer-2 .is-divider.small{
    width:22px !important;
    max-width:22px !important;
    height:2px !important;
    margin-bottom:9px !important;
    opacity:.88 !important;
  }

  #footer .footer-widgets.footer.footer-2,
  #footer .footer-widgets.footer.footer-2 p,
  #footer .footer-widgets.footer.footer-2 li,
  #footer .footer-widgets.footer.footer-2 span,
  #footer .footer-widgets.footer.footer-2 .textwidget{
    font-size:12.8px !important;
    line-height:1.50 !important;
  }
  #footer .footer-widgets.footer.footer-2 .yhn-footer-about p{
    margin-bottom:5px !important;
  }
  #footer .yhn-footer-more{
    margin-top:6px !important;
  }

  /* Menu rows recede into the surface instead of reading like a widget list. */
  #footer .yhn-footer-classic-links li{
    border-bottom-color:rgba(255,255,255,.028) !important;
  }
  #footer .yhn-footer-classic-links a{
    min-height:30px !important;
    padding:2px 0 !important;
  }
  #footer .yhn-footer-leading-icon,
  #footer .yhn-footer-classic-links a:hover .yhn-footer-leading-icon,
  #footer .yhn-footer-classic-links a:focus .yhn-footer-leading-icon,
  #footer .yhn-footer-more a:hover .yhn-footer-leading-icon,
  #footer .yhn-footer-more a:focus .yhn-footer-leading-icon{
    color:rgba(255,255,255,.62) !important;
    opacity:.42 !important;
    transform:none !important;
  }

  /* Contact system remains the visual anchor, just slightly tighter. */
  #footer .yhn-footer-contact-list{
    gap:7px !important;
  }
  #footer .yhn-footer-contact-row{
    gap:9px !important;
    min-height:23px !important;
  }
  #footer .yhn-footer-contact-icon{
    width:23px !important;
    height:23px !important;
    flex-basis:23px !important;
    border-color:rgba(255,255,255,.13) !important;
    background:transparent !important;
  }
  #footer .yhn-footer-social-icons{
    gap:7px !important;
    margin-top:10px !important;
  }
  #footer .yhn-footer-social-icons a{
    width:28px !important;
    height:28px !important;
    border-color:rgba(255,255,255,.17) !important;
  }

  /* Absolute footer: preserve every nav/payment/DMCA item but reduce prominence. */
  #footer .absolute-footer{
    padding:9px 0 8px !important;
  }
  #footer .absolute-footer .container{
    gap:8px !important;
  }
  #footer .absolute-footer .footer-primary{
    gap:5px !important;
  }
  #footer .absolute-footer .footer-nav,
  #footer #menu-footer-links{
    gap:4px 0 !important;
  }
  #footer .absolute-footer .footer-nav a,
  #footer #menu-footer-links a{
    color:rgba(255,255,255,.46) !important;
    font-size:10.7px !important;
  }
  #footer #menu-footer-links li:not(:last-child)::after{
    width:3px !important;
    height:3px !important;
    margin:0 8px !important;
    background:rgba(255,255,255,.18) !important;
  }
  #footer .absolute-footer .copyright-footer{
    color:rgba(255,255,255,.54) !important;
    font-size:11.2px !important;
  }
  #footer .absolute-footer .payment-icons{
    gap:6px !important;
  }
  #footer .absolute-footer .payment-icon{
    opacity:.52 !important;
    transform:scale(.88) !important;
    transform-origin:center !important;
  }
  #footer .absolute-footer .footer-text img{
    opacity:.58 !important;
    filter:grayscale(.72) saturate(.48) !important;
  }

  /* Floating chat collision guard: keep the control, but make it genuinely compact. */
  .ft-chatbox{
    left:8px !important;
    right:auto !important;
    bottom:8px !important;
    transform:scale(.62) !important;
    transform-origin:left bottom !important;
  }
}

/* ==========================================================
   YHN 3.9.55.63 — Footer Absolute Quiet Premium Final Lock
   Two final mobile-only refinements:
   1) footer-aware chat safe zone (state toggled by tiny observer JS),
   2) DMCA badge recedes into the charcoal system until hover/focus.
   Footer markup/content remain untouched.
   ========================================================== */

/* DMCA: retain the original badge and link, only quiet its presentation. */
#footer .absolute-footer .copyright-footer img,
#footer .absolute-footer [id*="dmca" i] img,
#footer .absolute-footer [class*="dmca" i] img,
#footer .absolute-footer a[href*="dmca" i] img,
#footer .absolute-footer img[src*="dmca" i],
#footer .absolute-footer img[alt*="dmca" i],
#footer .absolute-footer img[title*="dmca" i]{
  opacity:.76 !important;
  filter:grayscale(1) saturate(0) brightness(.92) !important;
  transition:opacity .18s ease, filter .18s ease !important;
}

@media (hover:hover) and (pointer:fine){
  #footer .absolute-footer .copyright-footer a:hover img,
  #footer .absolute-footer .copyright-footer a:focus-visible img,
  #footer .absolute-footer a[href*="dmca" i]:hover img,
  #footer .absolute-footer a[href*="dmca" i]:focus-visible img{
    opacity:1 !important;
    filter:none !important;
  }
}

@media (max-width:549px){
  /* Keep the already-compact bubble at the edge when outside the footer. */
  .ft-chatbox{
    left:14px !important;
    right:auto !important;
    bottom:14px !important;
    transform:scale(.62) !important;
    transform-origin:left bottom !important;
    transition:opacity .16s ease, transform .16s ease, visibility 0s linear 0s !important;
  }

  /* Absolute collision guarantee: while any footer surface is in view,
     the floating chat quietly yields instead of covering contact/copyright/payment. */
  html.yhn-footer-safezone-active .ft-chatbox{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:scale(.56) translateY(6px) !important;
    transition:opacity .14s ease, transform .14s ease, visibility 0s linear .14s !important;
  }

  /* DMCA is especially quiet on touch/mobile; no green visual spike in the lockup. */
  #footer .absolute-footer a[href*="dmca" i] img,
  #footer .absolute-footer img[src*="dmca" i],
  #footer .absolute-footer img[alt*="dmca" i],
  #footer .absolute-footer img[title*="dmca" i]{
    opacity:.72 !important;
    filter:grayscale(1) saturate(0) brightness(.90) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .ft-chatbox,
  #footer .absolute-footer a[href*="dmca" i] img,
  #footer .absolute-footer img[src*="dmca" i],
  #footer .absolute-footer img[alt*="dmca" i],
  #footer .absolute-footer img[title*="dmca" i]{
    transition:none !important;
  }
}
