\
/* =========================================================
   PopQuest "Skin" layer
   Goal: Keep this theme's behaviour/layout EXACTLY the same,
   but apply PopQuest colours + typography.
   ========================================================= */

:root{
  --pq-accent:#91F88D;
  --pq-glow: 0 0 14px rgba(145,248,141,.55), 0 0 2px rgba(145,248,141,.85);
  --pq-glow-strong: 0 0 20px rgba(145,248,141,.70), 0 0 3px rgba(145,248,141,.95);
}

/* PQFranklin (self-hosted) — must render on mobile */
@font-face{
  font-family:"PQFranklin";
  src:url("../fonts/franklin-gothic-heavy-italic.woff") format("woff"),
      url("../fonts/franklin-gothic-heavy-italic.ttf") format("truetype");
  font-weight:900;
  font-style:italic;
  font-display:swap;
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* Body typography */
body{
  background:#fff;
}

.pq-app{
  color:#000;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  font-weight:400;
  font-style:normal;
  font-size:16px;
  line-height:23px;
}

/* Headings typography (try hard without breaking theme specificity) */
h1,h2,h3,h4,h5,h6,
.entry-title,
.site-title,
.wp-block-heading{
  font-family:"PQFranklin", Inter, sans-serif;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:.02em;
}

/* Links + accent glow */
.pq-app a{
  color:#000;
  text-decoration:none;
}
.pq-app a:hover{
  text-decoration:none;
  box-shadow: inset 0 -2px 0 rgba(145,248,141,.95);
}

/* Focus styles */
.pq-app a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:2px solid rgba(145,248,141,.9);
  outline-offset:3px;
  box-shadow:var(--pq-glow);
  border-radius:10px;
}

/* Buttons (common WP + theme patterns) */
button,
input[type="submit"],
.wp-block-button__link,
.button,
.btn{
  color:#000;
  background:#fff;
  border-color:rgba(0,0,0,.15);
  font-family:"PQFranklin", Inter, sans-serif;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
}
.pq-app button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.button:hover,
.btn:hover{
  box-shadow:var(--pq-glow-strong);
}

/* Accent helpers (safe, optional) */
.pq-glow{ box-shadow:var(--pq-glow); }
.pq-accent{ color:var(--pq-accent); }
.pq-accent-border{ border-color:var(--pq-accent) !important; }

/* Shortcodes should be able to override theme easily.
   Provide an optional wrapper to neutralise theme styling. */
.pq-shortcode-override,
.pq-shortcode-override *{
  all: revert;
}
.pq-shortcode-override img{ max-width:100%; height:auto; }


/* Fix: remove green underline/line on hover */
.pq-app a:hover{box-shadow:none !important; text-decoration:none !important;}

/* ===========================
   FULL-BLEED SHOULD BE OPT-IN
   ===========================
   Some plugins (e.g. CSE heroes / alignfull blocks) may try to break out with 100vw.
   Only allow true full-bleed on the Full-Bleed template.
*/
body:not(.pq-fullbleed) .alignfull,
body:not(.pq-fullbleed) .wp-block-group.alignfull,
body:not(.pq-fullbleed) .wp-block-cover.alignfull,
body:not(.pq-fullbleed) .wp-block-image.alignfull{
  width: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: none !important;
}

/* Prevent horizontal jiggle from any accidental 100vw overflow */
html, body { overflow-x: hidden; }


/* =========================================================
   FIX: remove "weird black border" around main content area
   (safe override only — no layout changes)
   ========================================================= */
html, body {
  background: #fff !important;
}

/* Kill any accidental outlines/borders/shadows on the app shell + article frame */
.pq-app,
.pq-app-content,
.pq-container,
.pqn-article-root,
.pqn-article,
.pqn-article-top,
.pqn-article-media-wrap,
.pqn-article-content {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Ensure the readable area stays white even if a parent is dark */
.pq-app-content,
.pq-container,
.pqn-article-root,
.pqn-article {
  background: #fff !important;
}
/* =========================================
   MOBILE SHEET TABS (Account/Menu)
   Default: white
   Open+active panel: green
   Never: black pills
   ========================================= */

/* Base: force white pills always */
#pq-mobileSheet .pq-mobileSheet__peekBtn,
#pq-mobileSheet .pq-mobileSheet__peekBtn:hover,
#pq-mobileSheet .pq-mobileSheet__peekBtn:focus,
#pq-mobileSheet .pq-mobileSheet__peekBtn:active{
  background:#fff !important;
  color:#000 !important;
  border:1px solid rgba(0,0,0,.14) !important;
  box-shadow:none !important;
}

/* When sheet is OPEN, highlight the active panel button green */
#pq-mobileSheet[aria-hidden="false"][data-panel="account"] .pq-mobileSheet__peekBtn[data-panel="account"],
#pq-mobileSheet[aria-hidden="false"][data-panel="menu"]   .pq-mobileSheet__peekBtn[data-panel="menu"]{
  background:#91F88D !important;
  color:#000 !important;
  border-color: rgba(0,0,0,.12) !important;
}

/* Keep icons/text black no matter what (kills black-on-black / inverted rules) */
#pq-mobileSheet .pq-mobileSheet__peekBtn *,
#pq-mobileSheet[aria-hidden="false"] .pq-mobileSheet__peekBtn *{
  color:#000 !important;
  fill:#000 !important;
  stroke:#000 !important;
}


/* ===============================
   CSE Sidebar – Fix stat spacing
   =============================== */

/* Add space between label and value inside each stat */
.pq-sb-stat{
  padding-top:6px;
  padding-bottom:6px;
}

.pq-sb-stat .pq-sb-stat-title{
  display:block;
  margin-bottom:8px;
}

/* Add breathing room between stat rows */
.pq-sb-stat + .pq-sb-stat{
  margin-top:10px;
}