/* =========================================================
   AWEBZONE V11 — MOBILE APP NAVIGATION
   Replaces the large WhatsApp + Call Now bottom bar with a
   compact social-app style navigation system.
   ========================================================= */

/* Hide conversion-only floating/sticky bottom actions on phones/tablets.
   Main inquiry buttons inside page content remain available. */
@media (max-width: 820px) {
  .az-mobile-actions,
  .az-mobile-cta,
  .az-sticky-actions,
  .az-sticky-conversion,
  .awebzone-sticky-conversion,
  .aw-mobile-shop-now,
  .mobile-sticky-cta,
  .floating-contact-bar,
  .bottom-contact-bar,
  .az-call-whatsapp-bar,
  .az-mobile-contact-bar,
  .az-mobile-actions-wrap {
    display:none!important;
  }

  body.az-social-app {
    padding-bottom:82px!important;
  }

  /* Transform the existing mobile navigation into an app-style dock */
  .az-mobile-nav {
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    align-items:center!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:99999!important;
    min-height:74px!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #dfe3e8!important;
    border-radius:20px 20px 0 0!important;
    box-shadow:0 -12px 30px rgba(16,18,20,.12)!important;
    backdrop-filter:blur(18px)!important;
  }

  .az-mobile-nav a {
    min-width:0!important;
    min-height:60px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px 2px!important;
    border-radius:13px!important;
    color:#68717a!important;
    background:transparent!important;
    text-decoration:none!important;
    font-size:10px!important;
    line-height:1.05!important;
    font-weight:800!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .az-mobile-nav a .az-mobile-nav-icon,
  .az-mobile-nav a > span:first-child,
  .az-mobile-nav a > i,
  .az-mobile-nav a > svg {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    height:30px!important;
    margin:0!important;
    font-size:20px!important;
    font-style:normal!important;
    line-height:1!important;
  }

  .az-mobile-nav a:first-child,
  .az-mobile-nav a.az-active,
  .az-mobile-nav a[aria-current="page"] {
    color:#3f6108!important;
    background:#efffcf!important;
  }

  .az-mobile-nav a:first-child .az-mobile-nav-icon,
  .az-mobile-nav a.az-active .az-mobile-nav-icon,
  .az-mobile-nav a[aria-current="page"] .az-mobile-nav-icon {
    color:#111315!important;
  }

  /* Center action gets a distinctive social-app create/action treatment */
  .az-mobile-nav a:nth-child(3) {
    position:relative!important;
  }

  .az-mobile-nav a:nth-child(3) .az-mobile-nav-icon,
  .az-mobile-nav a:nth-child(3) > span:first-child {
    width:36px!important;
    height:32px!important;
    border-radius:11px!important;
    background:#111315!important;
    color:#b6ff38!important;
    box-shadow:0 5px 13px rgba(0,0,0,.16)!important;
  }
}

/* Prevent any CTA selector inherited from V8/V9/V10 from making
   navigation links look like large Shop Now buttons. */
@media (max-width: 820px) {
  .az-mobile-nav a:before,
  .az-mobile-nav a:after {
    content:none!important;
    display:none!important;
  }
}