/*
Theme Name: Plaza Nongsa
Theme URI: https://plazanongsa.com
Author: SML
Description: Bespoke theme for Plaza Nongsa — the social heartbeat of Nongsa, Batam. Converted from the static build; layout is fixed, content is editable.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: plaza-nongsa
*/

@font-face{font-family:'Renogare';src:url('assets/fonts/Renogare-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@keyframes pn-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
/* ---- header ---- */
.pn-navwrap{position:fixed;top:0;left:0;right:0;z-index:50;font-family:'Hanken Grotesk',sans-serif;transition:transform .9s cubic-bezier(.22,.68,0,1.1),opacity .8s ease;}
body.pn-intro{overflow:hidden;}
body.pn-intro .pn-navwrap{transform:translateY(-100%);opacity:0;pointer-events:none;}
.pn-hero-cta{transition:transform .9s cubic-bezier(.22,.68,0,1.1) .2s,opacity .85s ease .2s;}
body.pn-intro .pn-hero-cta{transform:translateY(48px);opacity:0;}
.pn-skip-intro{position:fixed;bottom:32px;right:32px;z-index:200;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.85);font-family:'Renogare',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:10px 22px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .5s ease,background .25s ease;-webkit-appearance:none;appearance:none;}
.pn-skip-intro:hover{background:rgba(255,255,255,.24);}
body:not(.pn-intro) .pn-skip-intro{opacity:0;pointer-events:none;}
.pn-ticker{overflow:hidden;background:#D97048;max-height:44px;opacity:1;transition:max-height .45s cubic-bezier(.4,0,.2,1),opacity .35s ease;}
.pn-navwrap.scrolled .pn-ticker{max-height:0;opacity:0;}
.pn-tickspan{font-family:'Renogare',sans-serif;color:#fff;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:9px 0;}
.pn-header{background:transparent;border-bottom:1px solid transparent;box-shadow:none;transition:background .4s ease,box-shadow .4s ease,border-color .4s ease;}
.pn-navwrap.scrolled .pn-header{background:#fff;box-shadow:0 2px 24px rgba(13,27,53,.10);border-bottom:1px solid rgba(22,53,84,.08);}
.pn-logo-dark{display:none !important;}
.pn-navwrap.scrolled .pn-logo-light{display:none !important;}
.pn-navwrap.scrolled .pn-logo-dark{display:block !important;}
.pn-navlink{position:relative;font-weight:600;font-size:14px;letter-spacing:.01em;text-decoration:none;padding:4px 0;color:rgba(255,255,255,.92);transition:color .25s ease;}
.pn-navwrap.scrolled .pn-navlink{color:#163554;}
.pn-navlink:hover{color:#FCB415;}
.pn-navlink.active{color:#D97048;}
.pn-insiderbtn{font-weight:700;font-size:13.5px;letter-spacing:.02em;text-decoration:none;padding:10px 22px;border:1.5px solid rgba(255,255,255,.55);color:rgba(255,255,255,.92);background:transparent;transition:all .3s ease;}
.pn-navwrap.scrolled .pn-insiderbtn{border-color:#D97048;color:#fff;background:#D97048;}
.pn-insiderbtn:hover{border-color:#FCB415;color:#FCB415;background:transparent;}
.pn-mobbtn{display:none;background:none;border:none;cursor:pointer;color:rgba(255,255,255,.92);padding:4px;line-height:0;}
.pn-navwrap.scrolled .pn-mobbtn{color:#163554;}
.pn-mobmenu{display:none;background:rgba(13,27,53,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
.pn-mobmenu.open{display:block;}
@media(max-width:880px){.pn-desktop-nav{display:none !important}.pn-mobbtn{display:block !important}}
/* ---- footer ---- */
.pn-foot-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:40px;}
@media(max-width:760px){.pn-foot-grid{grid-template-columns:1fr !important;gap:32px !important;}.pn-foot-grid>div{grid-column:1 !important}}
/* ---- location tabs (home) ---- */
/* ---- news filter ---- */
.pn-filter{background:none;border:none;border-bottom:2px solid transparent;color:rgba(22,53,84,.5);font-family:'Renogare',sans-serif;font-weight:bold;font-size:14px;letter-spacing:.02em;padding:16px 0;cursor:pointer;white-space:nowrap;transition:color .25s,border-color .25s;}
.pn-filter.active{color:#D97048;border-bottom-color:#D97048;}
.pn-filterbar::-webkit-scrollbar{display:none;}