/* PRAASIA single public identity layer. Scoped: does not override admin or Members. */
.pra-ui-brand{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important;flex-shrink:0}
.pra-ui-brand .pra-ui-brand-mark{display:flex!important;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #b98942;border-radius:50%;background:#21140c;overflow:hidden;box-shadow:0 0 0 2px rgba(229,183,107,.12)}
.pra-ui-brand .pra-ui-brand-mark img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important}
.pra-ui-brand .pra-ui-brand-copy{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}
.pra-ui-brand .pra-ui-brand-copy strong{font:700 clamp(18px,1.5vw,25px)/1.1 Georgia,'Times New Roman',serif!important;letter-spacing:.045em!important;color:#f2cf85!important;white-space:nowrap}
.pra-ui-brand .pra-ui-brand-copy small{font:500 10px/1.25 'Sarabun',Tahoma,Arial,sans-serif;color:#e3c49a!important;white-space:normal}
.pra-ui-language-picker{display:inline-flex!important;position:relative;flex:0 0 auto;align-items:center;min-height:40px;min-width:0;margin:0!important;padding:0!important;border:1px solid #bb8e4e!important;border-radius:13px!important;background:linear-gradient(180deg,#563116,#331a0a)!important;box-shadow:inset 0 1px rgba(255,235,194,.08);color:#ffe4b3;vertical-align:middle}
.pra-ui-language-picker .pra-ui-language-flag{position:absolute;z-index:1;left:7px;top:50%;transform:translateY(-50%);width:26px!important;height:26px!important;object-fit:cover;border-radius:6px;pointer-events:none;border:0!important;max-width:none!important;box-shadow:none!important}
.pra-ui-language-picker select{display:block!important;appearance:none!important;-webkit-appearance:none!important;position:relative;z-index:2;width:89px!important;max-width:100%;min-width:0;min-height:38px!important;height:38px!important;margin:0!important;padding:4px 21px 4px 40px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#ffe4b3!important;font:700 12px/1.3 'Sarabun',Tahoma,Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important;outline-offset:2px}
.pra-ui-language-picker::after{content:'';position:absolute;right:8px;top:17px;width:6px;height:6px;border-right:1.5px solid #f5dc9c;border-bottom:1.5px solid #f5dc9c;transform:rotate(45deg);pointer-events:none}
.pra-ui-language-picker select:focus-visible{outline:2px solid #ffe2a2!important}
.pra-ui-language-picker option{background:#35200f;color:#fff1cf}
.pra-ui-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.pra-ui-language-picker noscript button{min-width:26px}
/* Existing shop modules still translate data-pra-ui labels; they no longer build a second globe picker. */
body:has([data-pra-ui-language-picker]) .pra-shops-lang-bar{display:none!important}
.pra-ui-header.ps-site-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;background:linear-gradient(105deg,#281609,#48260f)!important;border-bottom:1px solid #ad803b!important}
.pra-ui-header.ps-site-header .ps-brand{flex:0 0 auto;min-width:0}
.pra-ui-header.ps-site-header .ps-main-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.pra-ui-header.ps-site-header .pra-ui-language-picker{margin-left:3px!important}
.pra-ui-header.pra-ap-topbar,.pra-ui-header.cat-topbar,.pra-ui-header.pga-topbar{background:linear-gradient(105deg,#281609,#48260f)!important;border-bottom:1px solid #ad803b!important}
@media(max-width:700px){
 .pra-ui-brand .pra-ui-brand-mark{width:38px;height:38px;flex-basis:38px}
 .pra-ui-brand .pra-ui-brand-copy strong{font-size:19px!important}
 .pra-ui-brand .pra-ui-brand-copy small{font-size:9px!important;max-width:170px;overflow:hidden;text-overflow:ellipsis}
 .pra-ui-language-picker{min-height:38px}
 .pra-ui-language-picker select{height:36px!important;min-height:36px!important;width:84px!important;padding-left:37px!important;font-size:12px!important}
 .pra-ui-language-picker .pra-ui-language-flag{width:23px!important;height:23px!important}
 .pra-ui-header.ps-site-header .ps-main-nav{width:100%;justify-content:flex-start}
}
@media(max-width:360px){
 .pra-ui-brand .pra-ui-brand-copy strong{font-size:17px!important}
 .pra-ui-brand .pra-ui-brand-copy small{font-size:8.5px!important}
 .pra-ui-language-picker select{width:76px!important;padding-left:35px!important;font-size:11px!important}
 .pra-ui-language-picker .pra-ui-language-flag{left:5px;width:22px!important;height:22px!important}
}
/* Cancel pre-refactor pseudo flags on legacy parent class names: the flag is now a real image. */
.pra-ui-language-picker::before{content:none!important;background:none!important;box-shadow:none!important}

/* Unified Shops header V1.2.
   The earlier product-page styles still imposed a stacked mobile header. Keep
   its markup, but give shop_index, show_product, shop_product one responsive
   layout from the *shared* identity layer, loaded after page styles. */
body.ps-v157-page .ps-site-header.pra-ui-header {
  display:grid!important;
  grid-template-columns:minmax(175px,auto) minmax(0,1fr) minmax(175px,260px)!important;
  grid-template-areas:"brand nav search"!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:9px!important;
  padding:12px 16px!important;
  min-width:0;
}
body.ps-v157-page .ps-site-header.pra-ui-header > .ps-brand {
  grid-area:brand!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  margin:0!important;
}
body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav {
  grid-area:nav!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.ps-v157-page .ps-site-header.pra-ui-header > :is(.ps-search,.psi-search) {
  grid-area:search!important;
  display:flex!important;
  align-items:center!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
@media (min-width:761px) and (max-width:1100px) {
  body.ps-v157-page .ps-site-header.pra-ui-header {
    grid-template-columns:minmax(170px,auto) minmax(0,1fr)!important;
    grid-template-areas:"brand nav" "search search"!important;
  }
}
@media (max-width:760px) {
  body.ps-v157-page .ps-site-header.pra-ui-header {
    grid-template-columns:minmax(124px,1fr) minmax(0,1.15fr)!important;
    grid-template-areas:"brand search" "nav nav"!important;
    gap:8px!important;
    padding:9px 10px 10px!important;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-brand {gap:0!important}
  body.ps-v157-page .ps-site-header.pra-ui-header .pra-ui-brand {gap:7px!important}
  body.ps-v157-page .ps-site-header.pra-ui-header .pra-ui-brand-mark {
    width:36px;height:36px;flex-basis:36px;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header .pra-ui-brand-copy strong {font-size:16px!important;letter-spacing:.025em!important}
  body.ps-v157-page .ps-site-header.pra-ui-header .pra-ui-brand-copy small {font-size:8px!important;max-width:120px}
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    gap:5px!important;
    width:100%!important;
    padding-top:7px!important;
    border-top:1px solid #654832!important;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav > a {
    width:100%!important;min-width:0!important;
    height:43px!important;min-height:43px!important;
    padding:3px 1px!important;margin:0!important;
    display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    gap:1px!important;
    font-size:10px!important;line-height:1.15!important;
    border:1px solid #684b35!important;border-radius:8px!important;
    background:#39271b!important;white-space:nowrap!important;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav > a span {
    max-width:100%;overflow:hidden;text-overflow:ellipsis;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav .pra-ui-language-picker {
    width:100%!important;min-width:0!important;min-height:43px!important;
    margin:0!important;border-radius:8px!important;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav .pra-ui-language-picker select {
    width:100%!important;min-width:0!important;height:41px!important;min-height:41px!important;
    padding-left:31px!important;padding-right:14px!important;font-size:10px!important;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav .pra-ui-language-flag {
    width:21px!important;height:21px!important;left:5px;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > .ps-main-nav .pra-ui-language-picker::after {right:6px;top:17px;width:5px;height:5px}
  body.ps-v157-page .ps-site-header.pra-ui-header > :is(.ps-search,.psi-search) {
    height:38px!important;min-height:38px!important;
    border-radius:9px!important;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > :is(.ps-search,.psi-search) input[type="search"] {
    min-width:0!important;font-size:11px!important;
  }
  body.ps-v157-page .ps-site-header.pra-ui-header > :is(.ps-search,.psi-search) button {
    width:36px!important;flex:0 0 36px!important;
  }
}
@media (max-width:360px) {
  body.ps-v157-page .ps-site-header.pra-ui-header {grid-template-columns:minmax(119px,1fr) minmax(0,1.04fr)!important;padding-inline:8px!important}
  body.ps-v157-page .ps-site-header.pra-ui-header .pra-ui-brand-mark {width:32px;height:32px;flex-basis:32px}
  body.ps-v157-page .ps-site-header.pra-ui-header .pra-ui-brand-copy strong {font-size:15px!important}
  body.ps-v157-page .ps-site-header.pra-ui-header .pra-ui-brand-copy small {display:none!important}
}


/* Unified fixed navigation V2: public pages only, PC + mobile.
   The JS measures actual header / account bar / existing mobile dock heights. */
:root { --pra-ui-head-h: 72px; --pra-ui-dock-h: 56px; --pra-ui-mobile-nav-h: 0px; }
html:has(body.pra-ui-fixed-shell) {scroll-padding-top:calc(var(--pra-ui-head-h) + 12px);scroll-padding-bottom:calc(var(--pra-ui-dock-h) + var(--pra-ui-mobile-nav-h) + 12px);}
body.pra-ui-fixed-shell {
  padding-top:calc(var(--pra-ui-head-h) + 10px)!important;
  padding-bottom:calc(var(--pra-ui-dock-h) + var(--pra-ui-mobile-nav-h) + 15px)!important;
  scroll-padding-top:calc(var(--pra-ui-head-h) + 12px);
}
body.pra-ui-fixed-shell .pra-ui-fixed-header {
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  z-index:910!important;
  box-sizing:border-box!important;
  box-shadow:0 5px 18px rgba(13,7,3,.28)!important;
}
body.pra-ui-fixed-shell .pra-ui-fixed-dock {
  display:block!important;
  position:fixed!important;
  inset:auto 0 var(--pra-ui-mobile-nav-h) 0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:7px max(9px,env(safe-area-inset-left)) 7px max(9px,env(safe-area-inset-right))!important;
  z-index:900!important;
  border:0!important;
  border-top:1px solid #b98d48!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#4a2b17,#29180e)!important;
  color:#ffebbd!important;
  box-shadow:0 -4px 18px #10080155!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  max-height:calc(100dvh - var(--pra-ui-head-h) - var(--pra-ui-mobile-nav-h) - 16px)!important;
}
/* Keep the public five-item navigation below the shared member strip. */
body.pra-ui-fixed-shell.pra-has-bottom-nav .praasia-bottom-nav {z-index:905!important;}
/* An independent fixed footer form used on most public pages. */
.pra-ui-account-dock, .pra-ui-account-dock *{box-sizing:border-box}
.pra-ui-dock-login{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;margin:0 auto;max-width:1120px;flex-wrap:nowrap}
.pra-ui-dock-title{font-size:12px;color:#f5d394;white-space:nowrap;margin-right:4px}
.pra-ui-account-dock input:is([type="text"],[type="password"]){min-width:0;width:clamp(110px,15vw,230px);height:35px;padding:5px 10px;border:1px solid #c39d63;border-radius:8px;background:#fffaf0;color:#302014;font-size:14px;outline-offset:2px}
.pra-ui-account-dock button,.pra-ui-account-dock .pra-ui-dock-actions a{min-height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfb35f;border-radius:8px;padding:6px 13px;background:linear-gradient(180deg,#f4cb76,#c48a32);color:#351a08;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none}
.pra-ui-account-dock button:focus-visible,.pra-ui-account-dock a:focus-visible{outline:2px solid #ffdf9e;outline-offset:2px}
.pra-ui-account-dock .pra-ui-dock-forgot{color:#f5d7a0;font-size:11px;text-decoration:none;white-space:nowrap;padding:4px}
.pra-ui-dock-signed{max-width:1080px;margin:auto;display:flex;justify-content:center;align-items:center;gap:18px;min-height:35px}
.pra-ui-dock-signed strong{color:#ffe5ac;font-size:13px}
.pra-ui-dock-actions{display:flex;align-items:center;gap:8px}
/* Existing first-party homepage and shop-home form controls remain functionally unchanged. */
body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock{display:block!important;}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock{background-image:none!important}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock>form>table,
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock>table{width:min(1080px,100%)!important;height:auto!important;margin:auto!important;background:transparent!important}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock tr{height:auto!important}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock td{padding:0 5px!important;white-space:normal!important}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock input:is([type=text],[type=password]){height:34px!important;min-height:34px!important;width:100%!important;max-width:none!important;margin:0!important;padding:6px 8px!important;border-radius:8px!important;background:#fffaf0!important;color:#2e190c!important;border:1px solid #bf9958!important;font-size:14px!important}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock input:is([type=submit],[type=button]){height:34px!important;min-height:34px!important;border-radius:8px!important;padding:4px 10px!important;margin:0 3px!important;cursor:pointer!important}
body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .psi-login{flex-wrap:nowrap!important;justify-content:center!important;gap:7px!important;max-width:1180px;margin:auto!important}
body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .login-input{width:clamp(100px,15vw,205px)!important;height:35px!important;min-height:35px!important;font-size:14px!important}
body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .login-btn{height:35px!important;min-height:35px!important;padding:5px 10px!important}
@media(max-width:700px){
 body.pra-ui-fixed-shell .pra-ui-fixed-dock {padding:5px 6px!important;}
 .pra-ui-dock-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:5px;width:100%;}
 .pra-ui-dock-title{display:none!important}
 .pra-ui-account-dock input:is([type=text],[type=password]){width:100%;height:34px;font-size:16px;padding:3px 6px}
 .pra-ui-account-dock button{min-height:34px;height:34px;padding:4px 8px;font-size:10px}
 .pra-ui-account-dock .pra-ui-dock-forgot{padding:2px;font-size:10px;max-width:58px;text-align:center;white-space:normal;line-height:1.15}
 .pra-ui-dock-signed{justify-content:space-between;gap:6px;min-height:33px}
 .pra-ui-dock-signed strong{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .pra-ui-dock-actions a{font-size:10px!important;min-height:32px!important;padding:4px 6px!important}
 /* The homepage's original table-based login is reshaped into one compact row. */
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>form{width:100%!important;max-width:none!important;display:block!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>form>table,
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>form>table>tbody,
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>form>table>tbody>tr{display:block!important;width:100%!important;height:auto!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>form>table>tbody>tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:5px;align-items:center}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock td{display:block!important;width:auto!important;padding:0!important;min-width:0!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>form>table td:nth-child(3){display:none!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock td:nth-child(4){display:flex!important;flex-wrap:nowrap!important;gap:3px!important;white-space:nowrap!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock input:is([type=text],[type=password]){width:100%!important;min-width:0!important;font-size:16px!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock input:is([type=submit],[type=button]){margin:0!important;padding:3px 5px!important;font-size:10px!important;min-width:0!important}
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .psi-login{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;grid-template-rows:auto!important;gap:5px!important;align-items:center!important}
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .psi-account-footer-title,
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .psi-remember{display:none!important}
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock #loginUsername,
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock #loginPassword,
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock #Login,
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock #submit2{grid-row:1!important;grid-column:auto!important}
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .login-input{width:100%!important;min-width:0!important;height:34px!important;min-height:34px!important;font-size:16px!important}
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .login-btn{width:auto!important;height:34px!important;min-height:34px!important;padding:4px 5px!important;font-size:10px!important}
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .psi-account-signed{min-height:34px!important}
}
@media(max-width:355px){
 .pra-ui-dock-login{gap:3px}
 .pra-ui-account-dock .pra-ui-dock-forgot{max-width:48px;font-size:9px}
 body.pra-ui-fixed-shell.ps-shop-home .psi-account-footer.pra-ui-fixed-dock .login-btn{font-size:9px!important;padding-inline:3px!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock input:is([type=submit],[type=button]){padding-inline:3px!important;font-size:9px!important}
}

@media(max-width:700px){
 /* Keep the logged-in homepage strip compact, too (no multi-line table). */
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>table>tbody>tr {display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:4px!important;align-items:center!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>table>tbody>tr>td {width:auto!important;min-width:0!important;padding:0 2px!important;white-space:nowrap!important;font-size:11px!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>table>tbody>tr>td:first-child {overflow:hidden;text-overflow:ellipsis!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>table>tbody>tr>td:nth-child(2){display:none!important}
 body.pra-ui-fixed-shell.pra-fw-home .pra-fw-login-bar.pra-ui-fixed-dock>table>tbody>tr a{font-size:10px!important;white-space:nowrap!important}
}
body.pra-ui-fixed-shell :is(a,button,input,select,textarea,[id]){scroll-margin-top:calc(var(--pra-ui-head-h) + 10px);}

/* Shared footer fallback: active only if Host has no shared/footer.php. */
.pra-ui-site-footer{max-width:1480px;margin:0 auto;padding:12px 12px 18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;color:#f1d59b;font-family:Tahoma,Arial,sans-serif;font-size:12px}
.pra-ui-site-footer__brand{display:flex;align-items:center;gap:10px;min-width:0;white-space:normal}
.pra-ui-site-footer__brand strong{font-family:Georgia,serif;font-size:20px;letter-spacing:.07em;color:#ffde93}
.pra-ui-site-footer__brand span{font-size:11px;color:#d6b67c}
.pra-ui-site-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}
.pra-ui-site-footer__nav a{color:#f3d394!important;text-decoration:none;font-weight:600;line-height:1.4}
.pra-ui-site-footer__nav a:hover,.pra-ui-site-footer__nav a:focus-visible{color:#fff3d4!important;text-decoration:underline}
.pra-ui-site-footer>small{color:#d2af77;font-size:11px;white-space:nowrap}
@media(max-width:900px){.pra-ui-site-footer{grid-template-columns:1fr;justify-items:center;text-align:center;gap:9px;padding:12px 8px}.pra-ui-site-footer__nav{gap:7px 12px}.pra-ui-site-footer__brand{flex-wrap:wrap;justify-content:center}.pra-ui-site-footer__brand strong{font-size:18px}}


/* V2.2 — Single mobile navigation / readable desktop member bar.
   The mobile 5-item nav already supplies Profile / Login. Do not render a
   second account strip above it. Desktop retains the original auth controls. */
body.pra-ui-fixed-shell .pra-ui-fixed-dock {
  background-color:#28180d!important;
  background-image:linear-gradient(180deg,#4a2d18 0%,#2b190d 100%)!important;
  opacity:1!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-top:2px solid #d2a75a!important;
  box-shadow:0 -5px 22px rgba(12,7,4,.42)!important;
  isolation:isolate;
}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock {
  color:#fff0d2!important;
}
body.pra-ui-fixed-shell .pra-fw-member-signed {
  display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,32px);
  width:min(1150px,100%);min-height:38px;margin:0 auto;color:#ffebc4;
  font:500 13px/1.3 'Sarabun',Tahoma,Arial,sans-serif;
}
body.pra-ui-fixed-shell .pra-fw-member-welcome {
  display:inline-flex;align-items:baseline;gap:5px;
  min-width:0;color:#f8dbad;white-space:nowrap;
}
body.pra-ui-fixed-shell .pra-fw-member-welcome strong {
  color:#fff7e6;font-weight:700;font-size:14px;
  max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.pra-ui-fixed-shell .pra-fw-member-links {
  display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:9px;min-width:0;
}
body.pra-ui-fixed-shell .pra-fw-member-links a {
  display:inline-flex;justify-content:center;align-items:center;
  min-height:34px;padding:6px 14px;border:1px solid #b7894b;
  border-radius:10px;background:#59391f;color:#ffe8bc!important;
  font:700 12px/1.15 'Sarabun',Tahoma,Arial,sans-serif;
  text-decoration:none!important;white-space:nowrap;
}
body.pra-ui-fixed-shell .pra-fw-member-links a:hover,
body.pra-ui-fixed-shell .pra-fw-member-links a:focus-visible {
  background:#795026;border-color:#ebc076;color:#fff8e9!important;
}
body.pra-ui-fixed-shell .pra-fw-member-links .pra-fw-logout-link {
  background:#f1c873;color:#34200f!important;border-color:#f8d993;
}
body.pra-ui-fixed-shell .pra-fw-member-links .pra-fw-logout-link:hover,
body.pra-ui-fixed-shell .pra-fw-member-links .pra-fw-logout-link:focus-visible {
  background:#ffdf96;color:#261306!important;
}
/* Other pages may still use the legacy signed-in table; keep those legible too. */
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock > table > tbody > tr {
  height:auto!important;
}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock > table > tbody > tr > td {
  color:#ffe3ac!important;font-size:13px!important;
}
body.pra-ui-fixed-shell .pra-fw-login-bar.pra-ui-fixed-dock > table a {
  color:#fff0ca!important;font-weight:700!important;
}
/* Prefer the one established bottom navigation on small public pages.
   The explicit class catches CSS that might be loaded after this stylesheet,
   while the non-JS selector prevents a flash of duplicate bars on page load. */
@media (max-width:700px) {
  body.pra-has-bottom-nav .pra-ui-account-dock[data-pra-ui-dock],
  body.pra-ui-fixed-shell.pra-has-bottom-nav .pra-ui-fixed-dock[data-pra-ui-dock] {
    display:none!important;
    visibility:hidden!important;
  }
  body.pra-ui-fixed-shell.pra-has-bottom-nav {
    padding-bottom:calc(var(--pra-ui-mobile-nav-h,68px) + 15px)!important;
  }
  body.pra-ui-fixed-shell.pra-has-bottom-nav .praasia-bottom-nav {
    z-index:905!important;
  }
}
@media (min-width:701px) and (max-width:850px) {
  body.pra-ui-fixed-shell .pra-fw-member-signed {gap:10px;font-size:11px;}
  body.pra-ui-fixed-shell .pra-fw-member-welcome strong {font-size:12px;max-width:140px;}
  body.pra-ui-fixed-shell .pra-fw-member-links a {padding:6px 9px;font-size:11px;}
}