/* 2026-10-09 — clear, button-shaped navigation for Woongbi customers.
   Visual refinements only: retain every existing destination and data workflow. */

/* Product-recommendation links are actions, not fine-print underlined text. */
body.home-modern #woongbi-storefront-deals .storefront-head .storefront-all,
body.home-modern #woongbi-storefront-deals .deal-grid a.storefront-fallback-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content;max-width:100%;
  min-height:54px!important;
  padding:12px 22px!important;
  border:2px solid #0d766a!important;
  border-radius:13px!important;
  background:#0d766a!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.45!important;
  text-decoration:none!important;
  text-align:center;
  word-break:keep-all;
  box-shadow:0 6px 16px rgba(13,118,106,.2);
  transition:background .15s,border-color .15s,box-shadow .15s;
}
body.home-modern #woongbi-storefront-deals .storefront-head .storefront-all:hover,
body.home-modern #woongbi-storefront-deals .deal-grid a.storefront-fallback-link:hover{
  background:#075c53!important;
  border-color:#075c53!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(7,92,83,.26);
}
body.home-modern #woongbi-storefront-deals .storefront-head .storefront-all:focus-visible,
body.home-modern #woongbi-storefront-deals .deal-grid a.storefront-fallback-link:focus-visible{
  outline:3px solid #56b8a8;outline-offset:3px;
}
body.home-modern #woongbi-storefront-deals .deal-grid a.storefront-fallback-link{
  grid-column:1/-1;
  justify-self:start;
}

/* Stronger monthly-plan intro from the chat widget's dynamically inserted strip. */
body.home-modern #wb-rate-entry .wb-rate-entry-copy strong{
  font-size:clamp(22px,2.2vw,26px)!important;
  font-weight:900!important;
  line-height:1.4!important;
  color:#173e49!important;
}
body.home-modern #wb-rate-entry .wb-rate-entry-copy p{
  margin-top:10px!important;
  max-width:760px;
  font-size:17px!important;
  font-weight:750!important;
  line-height:1.75!important;
  color:#31575d!important;
  overflow-wrap:break-word;
}
body.home-modern #wb-rate-entry .wb-rate-entry-link{
  flex:0 0 auto;
  min-height:56px!important;
  padding:13px 23px!important;
  border-radius:13px!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.4!important;
  text-align:center;
  white-space:nowrap;
}
body.home-modern #wb-rate-entry .wb-rate-entry-link:focus-visible{
  outline:3px solid #56b8a8;
  outline-offset:3px;
}

/* Desktop top menu: comfortably tappable and visibly interactive. */
body.home-modern .top .menu{
  gap:5px;
  min-width:0;
}
body.home-modern .top .menu a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:11px 12px;
  border-radius:11px;
  font-size:17px!important;
  font-weight:850!important;
  line-height:1.35!important;
  color:#214e54!important;
  text-align:center;
  white-space:nowrap;
  transition:background .15s,color .15s;
}
body.home-modern .top .menu a:hover{
  background:#eaf5f1;
  color:#0b6860!important;
}
body.home-modern .top .menu a:focus-visible{
  outline:3px solid #56b8a8;
  outline-offset:2px;
}
/* Reserve room for brand/rental badge at middle desktop widths. */
@media(min-width:641px) and (max-width:1100px){
  body.home-modern .top .nav{
    gap:8px;
    flex-wrap:wrap;
  }
  body.home-modern .top .menu{
    flex:1 1 auto;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:2px;
  }
  body.home-modern .top .menu a{
    min-height:44px;
    padding:8px 9px;
    font-size:15px!important;
  }
}
@media(max-width:700px){
  body.home-modern #wb-rate-entry .wb-rate-entry-card{
    flex-direction:column;
    align-items:stretch;
    gap:15px;
    padding:19px 17px;
  }
  body.home-modern #wb-rate-entry .wb-rate-entry-copy p{
    font-size:16px!important;
    line-height:1.7!important;
  }
  body.home-modern #wb-rate-entry .wb-rate-entry-link{
    width:100%;
    min-height:54px!important;
    font-size:17px!important;
  }
  body.home-modern #woongbi-storefront-deals .storefront-head .storefront-all,
  body.home-modern #woongbi-storefront-deals .deal-grid a.storefront-fallback-link{
    min-height:50px!important;
    font-size:16px!important;
    padding:10px 17px!important;
  }
}
@media(max-width:640px){
  body.home-modern .top .mobile-menu-ready .menu a{
    min-height:49px;
    padding:12px 10px;
    font-size:16px!important;
    font-weight:850!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home-modern #woongbi-storefront-deals a,
  body.home-modern .top .menu a{transition:none}
}

/* The full-price catalog action is secondary yet distinct: deep blue. */
body.home-modern #woongbi-storefront-deals .storefront-head .storefront-all{
  background:#125884!important;
  border-color:#125884!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(18,88,132,.22);
}
body.home-modern #woongbi-storefront-deals .storefront-head .storefront-all:hover{
  background:#0a4267!important;
  border-color:#0a4267!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(10,66,103,.28);
}