/* Prestige Apex PWA layer: additive only. Gold #d5a000 / ink #1B1F29. */
:root{--pa-gold:#d5a000;--pa-gold-d:#b28400;--pa-ink:#1B1F29;--pa-ink2:#2A2F3D;--pa-cream:#fffdf7;--pa-nav-h:64px;--pa-nav-total:calc(var(--pa-nav-h) + env(safe-area-inset-bottom,0px))}
html{-webkit-text-size-adjust:100%}
dialog.pa-app-search:not([open]),dialog.pa-app-install:not([open]),dialog.pa-app-update:not([open]){display:none}
@media print{.pa-app-nav,.pa-app-tools,#pa-app-network{display:none!important}body.pa-app-ready{padding-bottom:0!important}}
.pa-app-badge[hidden],.pa-app-tools button[hidden]{display:none!important}
#pa-app-network button{min-height:44px;margin-left:8px;padding:6px 12px;border:1px solid currentColor;border-radius:6px;background:#171717;color:#fffdf7;cursor:pointer}
img,video,svg{max-width:100%}
body{overflow-wrap:break-word}
.pa-app-nav,.pa-app-tools,#pa-app-network{display:none}
.pa-app-nav,.pa-app-tools,.pa-app-search,.pa-app-install,.pa-app-update,#pa-app-network,.pa-offline-main,.pa-offline-main *{box-sizing:border-box}

/* ---------- shared focus ---------- */
.pa-app-nav a:focus-visible,.pa-app-tools button:focus-visible,.pa-app-search :is(a,button,input):focus-visible,.pa-app-install :is(a,button):focus-visible,.pa-app-update :is(a,button):focus-visible,.pa-offline-main :is(a,button):focus-visible,.pa-app-update-trigger:focus-visible{outline:3px solid var(--pa-gold);outline-offset:2px}

/* ---------- bottom app nav ---------- */
.pa-app-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;height:var(--pa-nav-total);padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left));background:var(--pa-ink);border-top:2px solid var(--pa-gold);box-shadow:0 -6px 18px rgba(27,31,41,.28);grid-template-columns:repeat(5,minmax(0,1fr))}
.pa-app-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;min-width:44px;padding:6px 2px;color:#c9ccd6;text-decoration:none;font-size:11px;line-height:1.1;font-weight:600;text-align:center;-webkit-tap-highlight-color:transparent}
.pa-app-link svg{width:24px;height:24px;flex:none;stroke:currentColor}
.pa-app-link span:not(.pa-app-badge){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pa-app-link:hover{color:#fff}
.pa-app-link.is-active,.pa-app-link[aria-current=page]{color:var(--pa-gold)}
.pa-app-link.is-active::before{content:"";position:absolute;top:0;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--pa-gold)}
.pa-app-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pa-gold);color:var(--pa-ink);font-size:10px;font-weight:800;line-height:18px;text-align:center}
.pa-app-badge:empty{display:none}

@media(max-width:1024px){
 body.pa-app-ready .pa-app-nav{display:grid}
 body.pa-app-ready{padding-bottom:var(--pa-nav-total)}
 body.pa-app-ready .pa-wa,body.pa-app-ready .pa-whatsapp{bottom:calc(var(--pa-nav-total) + 14px);right:max(14px,env(safe-area-inset-right))}
 body.pa-app-ready .scroll-top{bottom:calc(var(--pa-nav-total) + 78px);right:max(16px,env(safe-area-inset-right))}
 body.pa-app-ready #toasts{bottom:calc(var(--pa-nav-total) + 12px)}
 body.pa-app-ready .as-menu-wrapper .as-menu-area{padding-bottom:var(--pa-nav-total)}
}
body.pa-app-standalone .pa-app-nav{display:grid}
body.pa-app-standalone{padding-bottom:var(--pa-nav-total)}
body.pa-app-standalone .pa-wa,body.pa-app-standalone .pa-whatsapp{bottom:calc(var(--pa-nav-total) + 14px);right:max(14px,env(safe-area-inset-right))}
body.pa-app-standalone .scroll-top{bottom:calc(var(--pa-nav-total) + 78px)}
body.pa-app-standalone #toasts{bottom:calc(var(--pa-nav-total) + 12px)}
body.pa-app-standalone{padding-top:env(safe-area-inset-top,0)}
@media(min-width:1025px){.pa-app-link{font-size:12px}body.pa-app-standalone .pa-app-nav{max-width:640px;left:50%;right:auto;width:100%;transform:translateX(-50%);border-radius:14px 14px 0 0}}

/* ---------- account/admin portal: avoid double nav ---------- */
@media(max-width:900px){
 body.pa-app-ready .shell .side{padding-bottom:calc(var(--pa-nav-total) + 18px);z-index:1100}
 body.pa-app-ready .scrim{z-index:1090}
 body.pa-app-ready .content{padding-bottom:calc(var(--pa-nav-total) + 24px)}
 body.pa-app-ready .co-wrap{padding-bottom:calc(var(--pa-nav-total) + 32px)}
 body.pa-app-ready .nc-panel{max-height:calc(100dvh - var(--pa-nav-total))}
}
body.pa-app-standalone .shell .side{padding-bottom:calc(var(--pa-nav-total) + 18px)}
body.pa-app-ready dialog:not([class^=pa-app]) .dlg{max-height:calc(100dvh - 24px)}
body.pa-app-ready dialog[open]:not([class^=pa-app]){z-index:1200}

/* ---------- tools and network banner ---------- */
.pa-app-tools{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:12px;z-index:998;display:flex;gap:8px}
.pa-app-tools.pa-app-tools-inline{position:static;display:none;flex-wrap:wrap;max-width:100%;margin:0 0 16px;z-index:auto}
.pa-app-tools.pa-app-tools-inline:has(button:not([hidden])){display:flex}
.pa-app-install-trigger,.pa-app-update-trigger{min-height:44px;padding:0 16px;border:1px solid var(--pa-gold);border-radius:999px;background:var(--pa-ink);color:var(--pa-gold);font:700 13px/1 inherit;font-family:inherit;cursor:pointer;box-shadow:0 4px 14px rgba(27,31,41,.3)}
.pa-app-install-trigger:hover,.pa-app-update-trigger:hover{background:var(--pa-gold);color:var(--pa-ink)}
.pa-app-install-trigger[hidden],.pa-app-update-trigger[hidden]{display:none}
body.pa-app-ready .pa-app-tools{bottom:calc(var(--pa-nav-total) + 12px)}
body.pa-app-standalone .pa-app-install-trigger{display:none}
@media(min-width:1025px){body:not(.pa-app-standalone) .pa-app-tools{bottom:12px}}
#pa-app-network{position:fixed;top:0;left:0;right:0;z-index:1300;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;background:var(--pa-gold);color:var(--pa-ink);font-weight:700;font-size:14px;text-align:center}
#pa-app-network:not([hidden]){display:block}

/* ---------- native dialogs ---------- */
.pa-app-search,.pa-app-install,.pa-app-update{width:min(520px,calc(100vw - 24px));max-width:100%;max-height:calc(100dvh - 24px);margin:auto;padding:0;border:2px solid var(--pa-gold);border-radius:14px;background:var(--pa-cream);color:var(--pa-ink);overflow:auto;overscroll-behavior:contain;z-index:1400}
.pa-app-search::backdrop,.pa-app-install::backdrop,.pa-app-update::backdrop{background:rgba(27,31,41,.72)}
.pa-app-search{margin-top:max(12px,env(safe-area-inset-top))}
.pa-app-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--pa-ink);color:#fff;position:sticky;top:0}
.pa-app-dialog-head :is(h1,h2,h3,p){margin:0;color:#fff;font-size:18px;min-width:0;overflow-wrap:anywhere}
.pa-app-dialog-head button{flex:none;min-width:44px;min-height:44px;border:1px solid var(--pa-gold);border-radius:50%;background:transparent;color:var(--pa-gold);font-size:20px;cursor:pointer}
.pa-app-search form{display:flex;flex-wrap:wrap;gap:10px;padding:18px}
.pa-app-search label{flex:1 0 100%;font-weight:700;font-size:14px}
.pa-app-search input{flex:1 1 180px;min-width:0;min-height:48px;padding:0 14px;font-size:16px;border:1px solid #b9b2a0;border-radius:8px;background:#fff;color:var(--pa-ink)}
.pa-app-search form button{min-height:48px;padding:0 20px;border:0;border-radius:8px;background:var(--pa-gold);color:var(--pa-ink);font-weight:800;cursor:pointer}
.pa-app-search>a,.pa-app-search nav a,.pa-app-search ul a{display:flex;align-items:center;min-height:48px;padding:0 18px;color:var(--pa-ink);font-weight:600;text-decoration:none;border-top:1px solid #e6dfc9}
.pa-app-search>a:hover,.pa-app-search nav a:hover,.pa-app-search ul a:hover{background:#f6edcf}
.pa-app-search ul{list-style:none;margin:0;padding:0}
.pa-app-install>*:not(.pa-app-dialog-head),.pa-app-update>*:not(.pa-app-dialog-head){margin-left:18px;margin-right:18px}
.pa-app-install ol,.pa-app-install ul{padding-left:20px}
.pa-app-install li{margin:8px 0;line-height:1.5}
.pa-app-install>:last-child,.pa-app-update>:last-child{margin-bottom:18px}
.pa-app-install p,.pa-app-update p{line-height:1.55}
.pa-app-install button:not(.pa-app-dialog-head button),.pa-app-update button:not(.pa-app-dialog-head button){min-height:48px;padding:0 20px;border:0;border-radius:8px;background:var(--pa-gold);color:var(--pa-ink);font-weight:800;cursor:pointer}
@media(max-width:480px){.pa-app-search,.pa-app-install,.pa-app-update{width:calc(100vw - 16px);border-radius:12px}}
@media(max-height:480px){.pa-app-dialog-head{padding:8px 14px}.pa-app-search form{padding:12px}}

/* ---------- offline page ---------- */
.pa-offline-main{min-height:100dvh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--pa-ink)}
.pa-offline-main .card,.pa-offline-main>div,.pa-offline-main>section{width:min(480px,100%);padding:32px 24px;border:2px solid var(--pa-gold);border-radius:16px;background:var(--pa-cream);color:var(--pa-ink);text-align:center}
.pa-offline-main img{width:84px;height:84px;margin:0 auto 16px;object-fit:contain}
.pa-offline-main h1{margin:0 0 10px;font-size:clamp(24px,7vw,32px);line-height:1.2}
.pa-offline-main p{line-height:1.6}
.pa-offline-main :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:6px;padding:0 22px;border-radius:8px;font-weight:800;text-decoration:none;cursor:pointer}
.pa-offline-main button{border:0;background:var(--pa-gold);color:var(--pa-ink)}
.pa-offline-main a{border:2px solid var(--pa-ink);color:var(--pa-ink)}

/* ---------- storefront responsive safety (existing Dealaro markup) ---------- */
@media(max-width:1024px){
 .container,.container-fluid{max-width:100%}
 body.pa-app-ready :is(.as-btn,.icon-btn,.as-menu-toggle,.searchBoxToggler,.sideCartToggler,.footer-widget a,.menu2 a){min-height:44px}
 .as-menu-toggle{min-width:44px}
 .as-mobile-menu a{min-height:44px;display:flex;align-items:center;justify-content:center}
 input,select,textarea{font-size:16px}
 table{max-width:100%}
 .woocommerce-table,.shop_table,.table-responsive{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .footer-info,.footer-info a,.footer-info span,.product-title,.product-name,.post-title{overflow-wrap:anywhere}
}
@media(max-width:575px){
 .as-btn{white-space:normal;max-width:100%}
 .subscribe-form.style2{flex-wrap:wrap}
 .subscribe-form .form-group,.subscribe-form .form-control{width:100%;min-width:0}
 .newsletter-wrap{flex-direction:column;align-items:stretch;gap:12px}
 .copyright-wrap{padding-bottom:calc(var(--pa-nav-total) + 8px)}
}
@media(max-width:360px){.pa-app-link{font-size:10px}.pa-app-link svg{width:22px;height:22px}.pa-app-badge{left:calc(50% + 4px)}}
@media(min-width:1600px){.pa-app-search,.pa-app-install,.pa-app-update{width:min(560px,100%)}}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
 .pa-app-nav *,.pa-app-tools *,.pa-app-search,.pa-app-install,.pa-app-update,.pa-offline-main *{transition:none!important;animation:none!important}
 html{scroll-behavior:auto}
}
