/* PRAASIA Classic Gold — mobile bottom menu, stable shared stylesheet.
   Screenshot-inspired 5-icon navigation. Presentation only; no backend changes. */
.praasia-bottom-nav {display:none;}
@media (max-width:700px) {
  html {scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));}
  body.pra-has-bottom-nav {
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
  }
  body.pra-has-bottom-nav .praasia-bottom-nav {
    box-sizing:border-box!important;
    display:block!important;
    position:fixed!important;
    inset-inline:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(68px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:0 3px env(safe-area-inset-bottom,0px)!important;
    z-index:150!important;
    background:linear-gradient(180deg,#55351f 0%,#372215 44%,#24170f 100%)!important;
    border-top:2px solid #c99b4a!important;
    box-shadow:0 -5px 20px rgba(31,17,8,.25)!important;
    -webkit-tap-highlight-color:transparent;
    font-family:'Noto Sans Thai','Sarabun',Tahoma,Arial,sans-serif;
  }
  .praasia-bottom-nav__items {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;height:100%!important;
    gap:0!important;
    align-items:stretch!important;
  }
  body.pra-has-bottom-nav .praasia-bottom-nav__item {
    position:relative;
    min-width:0;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:5px 1px 3px!important;
    color:#f7e2bf!important;
    background:transparent!important;
    text-decoration:none!important;
    font-weight:500!important;
    line-height:1.2!important;
    border:0!important;
    border-radius:8px!important;
    cursor:pointer;
    -webkit-user-select:none;user-select:none;
    touch-action:manipulation;
  }
  body.pra-has-bottom-nav .praasia-bottom-nav__item:focus-visible {
    outline:2px solid #f3ce7b!important;
    outline-offset:-3px!important;
  }
  body.pra-has-bottom-nav .praasia-bottom-nav__item.is-active {
    color:#ffe5a0!important;
    background:linear-gradient(180deg,rgba(243,194,96,.21),rgba(243,194,96,.035))!important;
    font-weight:700!important;
  }
  body.pra-has-bottom-nav .praasia-bottom-nav__item.is-active:before {
    content:'';position:absolute;left:27%;right:27%;top:0;
    height:3px;border-radius:0 0 6px 6px;background:#eac476;
  }
  .praasia-bottom-nav__icon {
    display:grid!important;place-items:center!important;
    width:28px!important;height:28px!important;
    flex:0 0 28px!important;
    color:inherit;
  }
  .praasia-bottom-nav__icon svg {
    display:block!important;
    width:25px!important;height:25px!important;
    stroke:currentColor!important;
  }
  .praasia-bottom-nav__caption {
    max-width:100%!important;
    display:block!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:clamp(9px,2.5vw,11px)!important;
    line-height:1.25!important;
    color:inherit!important;
    letter-spacing:0!important;
  }
}
@media (max-width:350px){
  .praasia-bottom-nav__caption {font-size:9px!important;}
  .praasia-bottom-nav__icon svg {width:23px!important;height:23px!important;}
}
@media (prefers-reduced-motion:no-preference){
  body.pra-has-bottom-nav .praasia-bottom-nav__item {transition:background-color .15s ease,color .15s ease;}
}