/* Mobile Menu Book Online Button Fix */

/* Desktop: keep the pill shape */
.wsmenu > .wsmenu-list > li > a.last-link.btn {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

/* Mobile: style the Book Online button properly */
@media only screen and (max-width: 991px) {

  /* Center the li container with proper spacing */
  .wsmenu > .wsmenu-list > li.mobile-last-link {
    overflow: visible !important;
    padding: 20px 30px !important;
    margin: 15px 0 30px 0 !important;
    text-align: center !important;
    border-bottom: none !important;
    display: block !important;
    width: 100% !important;
  }

  /* Styled button: filled background, proper colors */
  .wsmenu > .wsmenu-list > li.mobile-last-link > a.btn {
    /* Centering */
    display: inline-block !important;
    margin: 0 auto !important;

    /* Sizing */
    width: auto !important;
    max-width: 200px !important;
    padding: 12px 32px !important;

    /* Pill shape */
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    border-radius: 50px !important;

    /* Typography */
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    /* Colors: dark filled button matching luxury theme */
    background-color: #1a1a2e !important;
    color: #fff !important;
    border: 2px solid #1a1a2e !important;

    /* Polish */
    box-shadow: 0 4px 15px rgba(26, 26, 46, 0.2) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
  }

  /* Active/tap state */
  .wsmenu > .wsmenu-list > li.mobile-last-link > a.btn:hover,
  .wsmenu > .wsmenu-list > li.mobile-last-link > a.btn:active {
    background-color: #C9A96E !important;
    border-color: #C9A96E !important;
    color: #fff !important;
    transform: scale(0.97) !important;
    box-shadow: 0 4px 20px rgba(201, 169, 110, 0.35) !important;
  }

  /* Give the menu list bottom padding so button isn't cut off */
  .wsmenu > .wsmenu-list {
    padding-bottom: 40px !important;
  }

}