.pl-mobile-actions,
.pl-mobile-actions-space { display: none; }
.pl-primary-nav .pl-menu-call { display: none; }

@media screen and (max-width: 767px) {
  .pl-primary-nav .is-menu-open .pl-menu-call {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 100%;
    min-height: 54px;
    gap: 12px;
    margin: 24px 0 0 !important;
    padding: 14px 12px;
    border: 2px solid #ed514b;
    border-radius: 9px;
    background: rgba(195, 45, 39, .1);
    color: #fff !important;
    font: 700 16px/1.4 'DM Sans', Arial, sans-serif;
    letter-spacing: .02em;
    text-decoration: none;
    transition: background-color .18s ease;
  }
  .pl-primary-nav .pl-menu-call svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .pl-primary-nav .is-menu-open .pl-menu-call:hover,
  .pl-primary-nav .is-menu-open .pl-menu-call:active { background: #b82b25; }
  .pl-primary-nav .pl-menu-call:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
}

@media screen and (max-width: 767px) {
  html { scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
  .pl-mobile-actions-space {
    display: block;
    height: calc(74px + env(safe-area-inset-bottom, 0px));
    flex-shrink: 0;
  }
  .pl-mobile-actions {
    position: fixed;
    z-index: 900;
    inset: auto 0 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    box-sizing: border-box;
    margin: 0;
    padding: 5px max(8px, env(safe-area-inset-right, 0px)) calc(5px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
    border-top: 2px solid #c32d27;
    background: #fff;
    box-shadow: 0 -6px 24px rgba(16, 18, 20, .12);
  }
  .pl-mobile-actions a {
    display: flex;
    min-width: 0;
    min-height: 62px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border-radius: 8px;
    color: #343638;
    font: 700 12px/1.2 'DM Sans', Arial, sans-serif;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .18s ease, color .18s ease;
  }
  .pl-mobile-actions svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #c32d27;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .pl-mobile-actions a:hover,
  .pl-mobile-actions a:active,
  .pl-mobile-actions a[aria-current="page"] { color: #a7211c; background: #fff0ee; }
  .pl-mobile-actions a:focus-visible { outline: 2px solid #c32d27; outline-offset: -3px; }
  /* Replace the live site's WP Call Button only on mobile. */
  .wp-call-button { display: none !important; }
  /* Keep the existing full-screen WordPress menu unobstructed. */
  html.has-modal-open .pl-mobile-actions { visibility: hidden; }
}
@media (prefers-reduced-motion: reduce) {
  .pl-mobile-actions a,
  .pl-primary-nav .pl-menu-call { transition: none; }
}
