/*
Theme Name: Pavilion88z Editorial
Theme URI: https://pavilion88z.com/
Author: Editorial Site Team
Description: Independent Pavilion88 brand guide theme. Distinct from the operator website.
Version: 0.4.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: p88z
*/
:root{--p88-ink:#25122d;--p88-deep:#210a2a;--p88-blue:#8707ae;--p88-gold:#ffd700;--p88-paper:#fbf7fc;--p88-line:#e6d7ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--p88-ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}img{max-width:100%;height:auto}a{color:#7a159c}a:focus-visible,button:focus-visible{outline:3px solid var(--p88-gold);outline-offset:3px}
.p88z-wrap{width:min(1160px,calc(100% - 36px));margin-inline:auto}
.p88z-skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:100}.p88z-skip:focus{top:10px}
.p88z-header{background:var(--p88-deep);color:white;border-bottom:3px solid var(--p88-gold)}
.p88z-topline{font-size:.76rem;background:#3c0b4b;color:#ffe9aa;padding:5px 0}
.p88z-head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}
.p88z-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:1.45rem;font-weight:800;letter-spacing:.02em}
.p88z-brand img{max-width:175px;max-height:58px;width:auto;object-fit:contain}
.p88z-brand small{display:block;font-size:.65rem;font-weight:500;color:#e6cdea;letter-spacing:.06em}
.p88z-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 17px;margin:0;padding:0}.p88z-nav a{color:#fff5ff;text-decoration:none;font-size:.88rem}.p88z-nav a:hover,.p88z-nav .current-menu-item>a{color:var(--p88-gold)}
.p88z-toggle{display:none;border:1px solid #c39ccc;border-radius:7px;background:transparent;color:#fff;padding:9px 13px;cursor:pointer}
.p88z-main{min-height:48vh}.p88z-content{padding:40px 0 68px;max-width:950px}.p88z-content h1{font-size:clamp(2rem,4vw,2.8rem);line-height:1.2}.p88z-content :where(h2,h3){line-height:1.25}.p88z-content :where(p,li,a){overflow-wrap:anywhere}
.p88z-footer{background:var(--p88-deep);color:#f1e6f4;padding:36px 0 18px}.p88z-footer a{color:#ffdd55}.p88z-footer ul{list-style:none;display:flex;flex-wrap:wrap;gap:9px 18px;padding:0;margin:10px 0 0}.p88z-fineprint{font-size:.82rem;color:#e2cfe9;border-top:1px solid #6b3d75;margin-top:25px;padding-top:17px}
.p88z-page-title{margin:0 0 22px}.p88z-notice{background:#f4f6fb;border-left:4px solid var(--p88-gold);padding:15px 18px;margin:24px 0}
@media(max-width:900px){.p88z-toggle{display:block}.p88z-head{flex-wrap:wrap;padding:13px 0}.p88z-nav{display:none;width:100%}.p88z-nav.p88z-open{display:block}.p88z-nav ul{flex-direction:column;gap:0}.p88z-nav li{border-top:1px solid #67436e}.p88z-nav a{display:block;padding:10px 0}}
@media(max-width:560px){.p88z-wrap{width:calc(100% - 28px)}.p88z-brand{font-size:1.18rem}.p88z-brand img{max-width:135px;max-height:46px}.p88z-content{padding:28px 0 45px}.p88z-footer ul{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Brand-derived accents from official P88 snapshot; see visual evidence */
.p88z-brand img{max-width:155px;max-height:68px}
.p88z-content a:hover{color:#8707ae}
.p88z-notice{background:#fbf7fc}

/* G3 v0.2 — page-scoped homepage design, no theme-global block overrides */
.p88z-home{--p88z-violet:#8707ae;--p88z-gold:#ffd700;--p88z-plum:#210a2a;--p88z-pale:#fcf8fd;--p88z-border:#e8d9ee}
.p88z-home .p88z-h-hero{padding:clamp(22px,4vw,48px);background:linear-gradient(130deg,#210a2a,#53136c);color:#fff;border-radius:18px;margin-bottom:36px}
.p88z-home .p88z-h-hero>.wp-block-columns{align-items:center;gap:32px}
.p88z-home .p88z-h-hero h1{color:white;font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.12;margin:.4em 0}
.p88z-home .p88z-h-hero p{color:#f7edf9}.p88z-home .p88z-h-hero figure{background:#fff;border-radius:16px;padding:18px;max-width:330px;margin:0 auto}.p88z-home .p88z-h-hero img{max-height:220px;width:100%;object-fit:contain}
.p88z-home .p88z-h-intro,.p88z-home .p88z-h-categories,.p88z-home .p88z-h-feature,.p88z-home .p88z-h-guidance,.p88z-home .p88z-h-safety,.p88z-home .p88z-h-faq,.p88z-home .p88z-h-disclosure{margin:34px 0;padding:0}
.p88z-home h2{font-size:clamp(1.45rem,2.6vw,2rem);color:#542066;line-height:1.25}
.p88z-home h3{font-size:1.16rem;color:#542066;line-height:1.3}
.p88z-home .p88z-h-card{border:1px solid var(--p88z-border);background:#fff;border-radius:15px;padding:22px;height:100%;box-shadow:0 8px 22px #210a2a0b}
.p88z-home .p88z-h-card figure{margin:0 auto 12px;max-width:320px}.p88z-home .p88z-h-card img{width:100%;height:210px;object-fit:contain}
.p88z-home .p88z-h-categories>.wp-block-columns{margin-top:20px;align-items:stretch;gap:20px}
.p88z-home .p88z-h-categories .wp-block-column{display:flex;flex-direction:column}.p88z-home .p88z-h-categories .p88z-h-card{flex:1}
.p88z-home .p88z-h-feature{background:#fbf7fc;border:1px solid var(--p88z-border);border-radius:15px;padding:24px}
.p88z-home .p88z-h-feature figure{margin:0}.p88z-home .p88z-h-feature img{width:100%;height:auto;max-height:290px;object-fit:contain}
.p88z-home .p88z-h-guidance,.p88z-home .p88z-h-safety{border-top:3px solid #8707ae;padding-top:24px}
.p88z-home .p88z-h-faq{background:#fcf8fd;border-radius:15px;padding:25px}.p88z-home .p88z-h-faq h3{margin-bottom:5px}.p88z-home .p88z-h-faq h3+p{margin-top:0;border-bottom:1px solid var(--p88z-border);padding-bottom:15px}
.p88z-home .p88z-h-disclosure{background:#f5eff8;border-left:4px solid #8707ae;padding:22px;border-radius:0 12px 12px 0}
.p88z-home .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.p88z-home .wp-block-button__link{display:inline-block;background:#652081;color:#fff!important;border-radius:8px;padding:11px 17px;font-size:.9rem;font-weight:650;text-decoration:none}
.p88z-home .wp-block-button__link:hover{background:#44145b;color:#fff}
.p88z-home .p88z-h-hero .wp-block-button__link{background:#ffd700;color:#210a2a!important}
.p88z-home .p88z-h-hero .wp-block-button__link:hover{background:#ffe66a;color:#210a2a!important}
.p88z-home :is(.wp-block-columns,.wp-block-column,.wp-block-group){min-width:0}.p88z-home img{max-width:100%;height:auto}
@media(max-width:781px){.p88z-home .p88z-h-hero>.wp-block-columns,.p88z-home .p88z-h-feature>.wp-block-columns{display:block}.p88z-home .p88z-h-hero figure{margin-top:20px}.p88z-home .p88z-h-categories>.wp-block-columns{display:block}.p88z-home .p88z-h-categories .wp-block-column{margin-bottom:16px}}
@media(max-width:480px){.p88z-home .p88z-h-hero,.p88z-home .p88z-h-faq,.p88z-home .p88z-h-feature{padding:18px}.p88z-home .p88z-h-card{padding:17px}.p88z-home .wp-block-button{width:100%}.p88z-home .wp-block-button__link{display:block;text-align:center}}


/* v0.4.1 — Pavilion88 official-inspired purple/gold page surfaces.
   Matches actual v0.5 Gutenberg classes; no content or plugin changes. */
body{background:#210a2a}
.p88z-main{background:linear-gradient(180deg,#2b1037 0%,#3c1650 28%,#2b1037 100%);padding:26px 0 42px}
.p88z-content{background:#f5edf8;border:1px solid #775080;border-radius:20px;padding:clamp(20px,3.6vw,46px);box-shadow:0 16px 45px #12061980;max-width:1100px}
.p88z-content :is(.p88z-home-hero,.p88z-home-categories,.p88z-home-checklist,.p88z-home-feature,.p88z-home-about,.p88z-home-faq,.p88z-home-footer){margin-block:0 28px}
.p88z-content .p88z-home-hero{background:linear-gradient(135deg,#210a2a,#620c7b 70%,#8707ae);border:1px solid #ad63c4;border-radius:18px;padding:clamp(20px,3.6vw,42px);color:#fff}
.p88z-content .p88z-home-hero h1{color:#fff;line-height:1.15;font-size:clamp(1.9rem,4vw,3rem)}
.p88z-content .p88z-home-hero p{color:#f4e8f7}
.p88z-content .p88z-home-hero .wp-block-columns{align-items:center}
.p88z-content .p88z-home-hero figure{background:#fffaf0;border-radius:14px;padding:12px;max-width:330px;margin:auto}
.p88z-content .p88z-home-hero img{max-height:230px;object-fit:contain;width:100%}
.p88z-content :is(.p88z-home-categories,.p88z-home-checklist,.p88z-home-about,.p88z-home-faq){background:#eee0f3;border:1px solid #dac3e3;border-radius:16px;padding:clamp(18px,3vw,30px)}
.p88z-content :is(.p88z-home-categories,.p88z-home-checklist,.p88z-home-about,.p88z-home-faq) h2{color:#4b155f}
.p88z-content .p88z-topic-grid{gap:18px;align-items:stretch}
.p88z-content .p88z-topic-card{background:#fcf8fe;border:1px solid #d6b5e0;border-radius:14px;padding:20px;box-shadow:0 6px 16px #2b103714}
.p88z-content .p88z-topic-card figure{margin:0 auto 16px;max-width:250px}
.p88z-content .p88z-topic-card img{max-height:225px;width:100%;object-fit:contain}
.p88z-content .p88z-home-feature{background:linear-gradient(120deg,#e6d0ed,#f6ecf8);border:1px solid #cfacdb;border-left:5px solid #8707ae;border-radius:16px;padding:clamp(18px,3vw,30px)}
.p88z-content .p88z-home-feature .wp-block-columns{align-items:center}
.p88z-content .p88z-home-feature img{max-height:320px;width:100%;object-fit:contain}
.p88z-content .p88z-home-footer{background:#371344;color:#f5eaf8;border-radius:14px;padding:22px}
.p88z-content .p88z-home-footer :is(h2,h3,p){color:#f5eaf8}
.p88z-content .wp-block-button__link{background:#70158d;color:#fff!important;border-radius:9px;text-decoration:none;font-weight:650;padding:10px 18px}
.p88z-content .wp-block-button__link:hover{background:#4d0c65;color:#fff!important}
.p88z-content .p88z-home-hero .wp-block-button__link{background:#ffd700;color:#210a2a!important}
.p88z-content .p88z-home-hero .wp-block-button__link:hover{background:#ffe765;color:#210a2a!important}
@media(max-width:781px){.p88z-main{padding:14px 0 25px}.p88z-content{border-radius:14px}.p88z-content .p88z-topic-grid{display:block}.p88z-content .p88z-topic-card{margin-bottom:15px}.p88z-content .p88z-home-hero .wp-block-columns{display:block}.p88z-content .p88z-home-hero figure{margin-top:20px}}
@media(max-width:480px){.p88z-content{padding:16px}.p88z-content :is(.p88z-home-hero,.p88z-home-categories,.p88z-home-checklist,.p88z-home-feature,.p88z-home-about,.p88z-home-faq){padding:17px}.p88z-content .wp-block-button{width:100%}.p88z-content .wp-block-button__link{display:block;text-align:center}}

/* v0.4.2: integrated dark-purple brand surface, no Additional CSS */
body{background:#210a2a;color:#f6eaf9}
.p88z-main{background:linear-gradient(165deg,#210a2a 0%,#361044 45%,#210a2a 100%)}
.p88z-content{background:#2b1037;color:#f6eaf9;border-color:#633173}
.p88z-content :is(h1,h2,h3,h4,p,li){color:#f6eaf9}
.p88z-content a:not(.wp-block-button__link){color:#ffe277}
.p88z-content .p88z-home-hero{background:linear-gradient(130deg,#4d1264,#280c35);border:1px solid #84469b;color:#fff}
.p88z-content .p88z-home-hero :is(h1,h2,h3,p){color:#fff}
.p88z-content :is(.p88z-home-categories,.p88z-home-checklist,.p88z-home-about,.p88z-home-faq){background:#391549;border-color:#754487}
.p88z-content :is(.p88z-home-categories,.p88z-home-checklist,.p88z-home-about,.p88z-home-faq) h2{color:#ffe277}
.p88z-content .p88z-topic-card{background:#4a205b;border-color:#815092;box-shadow:0 8px 22px #12061955}
.p88z-content .p88z-topic-card :is(h2,h3,p,li){color:#f6eaf9}
.p88z-content .p88z-home-feature{background:linear-gradient(120deg,#4b205f,#351345);border-color:#7b478d;border-left-color:#ffd700}
.p88z-content .p88z-home-feature :is(h2,h3,p,li){color:#f6eaf9}
.p88z-content .p88z-home-footer{background:#1b0724;border:1px solid #6c3c7a}
.p88z-content .p88z-home-hero figure{background:#371646}
.p88z-content .wp-block-button__link{background:#ffd700;color:#210a2a!important}
.p88z-content .wp-block-button__link:hover{background:#ffe76a;color:#210a2a!important}

/* Header Login/Register — managed in Appearance > Customize > Header Links */
.p88z-cta{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}
.p88z-cta .cta-link{display:inline-flex;justify-content:center;align-items:center;min-width:78px;min-height:38px;padding:9px 14px;border-radius:9px;border:1px solid currentColor;font-weight:750;font-size:13px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:filter .15s ease}
.p88z-cta .cta-login{background:#241322;color:#fff;border-color:#b88a54}
.p88z-cta .cta-register{background:#ffd700;color:#210a2a;border-color:#ffd700}
.p88z-cta .cta-link:not(.cta-pending):hover{filter:brightness(1.13)}
.p88z-cta .cta-pending{opacity:.57;cursor:not-allowed}
@media(max-width:760px){.p88z-cta{width:100%;justify-content:center;order:10;padding:5px 0 9px}.p88z-cta .cta-link{flex:1;max-width:170px;min-height:42px}}

/* v0.4.4 mobile single-row header */
.p88z-head>.p88z-brand{order:1}.p88z-head>.p88z-nav{order:2}.p88z-head>.p88z-cta{order:3}.p88z-head>.p88z-toggle{order:4}
.p88z-cta .cta-pending{opacity:1;cursor:default}
.p88z-cta .cta-login{background:#54236a;color:#fff;border-color:#cf9bde}
.p88z-cta .cta-register{background:#ffd700;color:#210a2a;border-color:#ffd700}
.p88z-toggle{width:44px;height:44px;align-items:center;justify-content:center;padding:10px;flex-shrink:0}
.p88z-burger{display:flex;flex-direction:column;justify-content:space-between;width:21px;height:16px}
.p88z-burger span{height:2px;width:100%;background:#fff;border-radius:2px;display:block;transition:transform .2s ease,opacity .2s ease}
.p88z-toggle[aria-expanded="true"] .p88z-burger span:nth-child(2){opacity:0}
.p88z-toggle[aria-expanded="true"] .p88z-burger span:first-child{transform:translateY(7px) rotate(45deg)}
.p88z-toggle[aria-expanded="true"] .p88z-burger span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
 .p88z-head{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;min-height:76px}
 .p88z-head>.p88z-brand{flex:1 1 auto;min-width:0}
 .p88z-head>.p88z-cta{order:2;width:auto;flex:0 0 auto;padding:0;gap:6px;flex-wrap:nowrap}
 .p88z-head>.p88z-toggle{order:3;display:inline-flex}
 .p88z-head>.p88z-nav{order:4;width:100%}
 .p88z-cta .cta-link{flex:0 0 auto;min-width:0;min-height:38px;max-width:none;padding:8px 11px;font-size:12px;border-radius:8px}
}
@media(max-width:560px){
 .p88z-wrap{width:calc(100% - 24px)}
 .p88z-head{gap:6px;padding:10px 0}
 .p88z-brand img{max-width:100px;max-height:44px}
 .p88z-cta .cta-link{padding:8px 9px;font-size:12px}
 .p88z-toggle{width:40px;height:40px;padding:9px}
}
@media(max-width:350px){
 .p88z-brand img{max-width:82px}
 .p88z-cta .cta-link{font-size:11px;padding:7px}
 .p88z-head{gap:4px}
}

/* Pavilion88z Footer v1.0 — scoped; append to active theme style.css */
.p88z-footer-v2{background:linear-gradient(160deg,#231018 0%,#130c10 100%);color:#f6edf0;border-top:3px solid #c79a4e;font-size:15px;line-height:1.7}
.p88z-footer-v2 *{box-sizing:border-box}
.p88z-footer-v2 .p88z-footer-inner{max-width:1200px;margin:0 auto;padding:54px 24px 22px}
.p88z-footer-v2 .p88z-footer-grid{display:grid;grid-template-columns:minmax(240px,1.65fr) repeat(3,minmax(135px,1fr));gap:36px}
.p88z-footer-v2 .p88z-footer-logo{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:15px}
.p88z-footer-v2 .p88z-footer-logo img{display:block;width:auto;height:auto;max-width:210px;max-height:72px;object-fit:contain}
.p88z-footer-v2 .p88z-footer-wordmark{color:#f1c478;font-weight:800;font-size:25px;letter-spacing:.02em}
.p88z-footer-v2 .p88z-footer-about p{color:#cbbcc2;max-width:345px;margin:0}
.p88z-footer-v2 .p88z-footer-nav h2{font-size:15px;line-height:1.4;color:#f1c478;margin:6px 0 18px;font-weight:700}
.p88z-footer-v2 .p88z-footer-nav ul{list-style:none;padding:0;margin:0}
.p88z-footer-v2 .p88z-footer-nav li{margin:0 0 11px}
.p88z-footer-v2 .p88z-footer-nav a,.p88z-footer-v2 .p88z-footer-bottom a{color:#e7dce0;text-decoration:none;transition:color .18s ease}
.p88z-footer-v2 .p88z-footer-nav a:hover,.p88z-footer-v2 .p88z-footer-bottom a:hover{color:#f1c478;text-decoration:underline}
.p88z-footer-v2 a:focus-visible{outline:2px solid #f1c478;outline-offset:4px}
.p88z-footer-v2 .p88z-footer-notice{border-top:1px solid rgba(241,196,120,.25);margin-top:35px;padding:21px 0;color:#d4c4c9;font-size:13px}
.p88z-footer-v2 .p88z-footer-notice strong{color:#f1c478}
.p88z-footer-v2 .p88z-footer-bottom{border-top:1px solid rgba(255,255,255,.11);padding-top:19px;display:flex;justify-content:space-between;gap:15px;color:#b7a7ac;font-size:13px}
@media(max-width:900px){.p88z-footer-v2 .p88z-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.p88z-footer-v2 .p88z-footer-about{grid-column:1/-1}}
@media(max-width:480px){.p88z-footer-v2 .p88z-footer-inner{padding:36px 18px 20px}.p88z-footer-v2 .p88z-footer-grid{gap:26px 18px}.p88z-footer-v2 .p88z-footer-nav h2{font-size:14px}.p88z-footer-v2 .p88z-footer-nav a{font-size:13px}.p88z-footer-v2 .p88z-footer-bottom{flex-direction:column}}