/* v4 Styles: Pros/Cons + Summary */
:root{
  --pae-bg:#0D0D0D; --pae-bg-2:#181818; --pae-card:#1F1F1F;
  --pae-text:#FFFFFF; --pae-text-2:#B3B3B3;
  --pae-primary:#E50914; --pae-primary-2:#FF1E2D;
  --pae-success:#2ECC71; --pae-warn:#E67E22; --pae-bad:#C0392B;
  --pae-yellow:#F1C40F;
  --pae-radius:12px;
}

.pae-review-wrap{ background:var(--pae-card); color:var(--pae-text-2); border:1px solid #222; border-radius:var(--pae-radius);
  padding: clamp(16px,3vw,28px); margin:24px 0; }
.pae-review-title{ color:#fff; margin:0 0 12px; line-height:1.25; font-size:clamp(28px,3.6vw,40px); }

/* Info grid */
.pae-review-info-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap:10px; margin:10px 0 16px; }
.pae-info-item{ background:var(--pae-bg-2); border:1px solid #222; border-radius:10px; padding:10px 12px; }
.pae-info-label{ color: var(--pae-yellow); font-weight:700; margin-inline-end:8px; }
.pae-info-value{ color:#fff; }

/* Hero */
.pae-review-hero{ margin:0 0 18px; border-radius:12px; overflow:hidden; }
.pae-review-hero img{ display:block; width:100%; height:auto; }

/* Sections */
.pae-review-heading{ color:#fff; font-size: clamp(20px,2.2vw,26px); margin:20px 0 8px; border-inline-start:4px solid var(--pae-primary); padding-inline-start:10px; }
.pae-review-content{ background:#151515; border:1px solid #222; border-radius:10px; padding:14px 16px; color:var(--pae-text-2); }

/* Pros/Cons */
.pae-pros-title, .pae-cons-title, .pae-summary-title{ color:#fff; margin:20px 0 8px; }
.pae-pros-list, .pae-cons-list{ list-style:none; padding:0; margin:0 0 10px; display:grid; gap:8px; }
.pae-pros-list li{ background:rgba(46,204,113,.12); border:1px solid rgba(46,204,113,.35); color:#bdf3d2; padding:10px 12px; border-radius:10px; }
.pae-cons-list li{ background:#0E0E0E; border:1px solid #222; color:#fff; padding:10px 12px; border-radius:10px; }

/* Summary */
.pae-summary-box{ background:#151515; border:1px solid #222; border-radius:10px; padding:14px 16px; color:var(--pae-text-2); }

/* Score ring */
.pae-review-score{ display:flex; align-items:center; gap:16px; justify-content:space-between; margin-top:24px; flex-wrap:wrap; }
.pae-score-ring{ position:relative; width:200px; height:200px; margin-inline:auto; }
.pae-score-number{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.pae-score-label{ font-size:14px; color: currentColor; opacity:.85; margin-bottom:4px; }
.pae-score-value{ font-weight:900; font-size:64px; line-height:1; color: currentColor; text-shadow:0 2px 12px rgba(0,0,0,.35); }

.pae-score-legend{ display:flex; align-items:center; gap:10px; color:#999; }
.pae-score-legend span{ display:inline-block; width:14px; height:14px; border-radius:3px; }
.pae-score-legend .g{ background:#2ECC71; } .pae-score-legend .y{ background:#E67E22; } .pae-score-legend .r{ background:#C0392B; }

/* Editor outline */

/* v5: colored section titles */
.pae-pros-title{ color:#2ECC71 !important; }
.pae-cons-title{ color:#C0392B !important; }


/* v6: comfortable paragraph spacing inside content boxes */
.pae-review-content p,
.pae-summary-box p{
  margin: 0 0 12px;
}
.pae-review-content p:last-child,
.pae-summary-box p:last-child{
  margin-bottom: 0;
}


/* v6.4 editor-preview: use pre-line to honor newlines, with comfortable line-height */
.pae-preline { white-space: pre-line; line-height: 1.9; }


/* v7 platform badges */
.pae-platforms{ display:flex; flex-wrap:wrap; gap:8px; }
.pae-plat-badge{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border-radius:10px; border:1px solid #282828; background:#121212; color:#eee; font-weight:700; font-size:13px; }
.pae-plat-badge .ico{ width:18px; height:18px; display:inline-block; border-radius:4px; background:#333; position:relative; }
.pae-plat-badge .txt{ white-space:nowrap; }

/* simple distinct tints */
.pae-plat-xone .ico{ background:#107C10; }          /* Xbox green */
.pae-plat-xseries .ico{ background:#0E7A0D; }       /* darker Xbox */
.pae-plat-ps4 .ico{ background:#0B5BD3; }           /* PlayStation blue */
.pae-plat-ps5 .ico{ background:#2966FF; }
.pae-plat-nsw .ico{ background:#E60012; }           /* Switch red */
.pae-plat-nsw2 .ico{ background:#B50010; }          /* Switch 2 darker */
.pae-plat-pc .ico{ background:#888; }               /* PC gray */

/* editor toggles */
.pae-plat-toggle-grid{ display:grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap:8px; }
.pae-plat-toggle{ display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid #333; border-radius:10px; cursor:pointer; background:#111; color:#ddd; }
.pae-plat-toggle .ico{ width:18px; height:18px; border-radius:4px; background:#333; }
.pae-plat-toggle.active{ outline:2px solid #E50914; background:#161616; }


/* v7.1 — single-line info rows & upgraded platform badges */
.pae-review-info-grid{ gap:12px; }
.pae-info-item{ display:flex; align-items:center; gap:10px; white-space:nowrap; }
.pae-info-label{ flex:0 0 auto; }
.pae-info-value{ flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Platforms row: keep on one line; scroll if overflow */
.pae-platforms{ display:flex; flex-wrap:nowrap; gap:8px; overflow-x:auto; scrollbar-width: thin; padding-block:4px; }
.pae-plat-badge{ gap:8px; padding:6px 10px; white-space:nowrap; }
.pae-plat-badge .txt{ display:inline; }
.pae-plat-badge .ico{ width:20px; height:20px; background:#111; border:0; }

/* SVG icons via data-URI (stylized) */
.pae-plat-xone .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><circle cx='32' cy='32' r='30' fill='%23107C10'/><path d='M16 18l8 8m24-8l-8 8M16 46l8-8m24 8l-8-8' stroke='%23fff' stroke-width='6' stroke-linecap='round'/></svg>"); background-size:cover; }
.pae-plat-xseries .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='12' fill='%230E7A0D'/><path d='M16 20l8 8m24-8l-8 8M16 44l8-8m24 8l-8-8' stroke='%23fff' stroke-width='6' stroke-linecap='round'/></svg>"); background-size:cover; }
.pae-plat-ps4 .ico, .pae-plat-ps5 .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='12' fill='%230B5BD3'/><path d='M14 38h18c6 0 10-3 10-7s-4-7-10-7' stroke='%23fff' stroke-width='6' fill='none'/><path d='M14 46h36' stroke='%23fff' stroke-width='6'/></svg>"); background-size:cover; }
.pae-plat-ps5 .ico{ filter:brightness(1.2); }
.pae-plat-nsw .ico, .pae-plat-nsw2 .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='%23E60012'/><rect x='12' y='8' width='20' height='48' rx='10' fill='%23fff'/><circle cx='22' cy='24' r='4' fill='%23E60012'/><rect x='32' y='8' width='20' height='48' rx='10' fill='%23fff'/><circle cx='42' cy='40' r='4' fill='%23E60012'/></svg>"); background-size:cover; }
.pae-plat-nsw2 .ico{ filter:brightness(0.9); }
.pae-plat-pc .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect x='6' y='10' width='52' height='36' rx='4' fill='%23888'/><rect x='12' y='16' width='40' height='24' fill='%23fff'/><rect x='20' y='50' width='24' height='4' fill='%23888'/></svg>"); background-size:cover; }
.pae-plat-badge .ico{ background-repeat:no-repeat; background-position:center; }

/* Editor toggles larger & official-style look */
.pae-plat-toggle-grid{ grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
.pae-plat-toggle{ gap:10px; }
.pae-plat-toggle .ico{ width:22px; height:22px; background:#111; }
.pae-plat-toggle .ico.pae-plat-xone{ background-image:linear-gradient(0deg,#107C10,#107C10); }
.pae-plat-toggle .ico.pae-plat-xseries{ background-image:linear-gradient(0deg,#0E7A0D,#0E7A0D); }
.pae-plat-toggle .ico.pae-plat-ps4{ background:#0B5BD3; }
.pae-plat-toggle .ico.pae-plat-ps5{ background:#2966FF; }
.pae-plat-toggle .ico.pae-plat-nsw{ background:#E60012; }
.pae-plat-toggle .ico.pae-plat-nsw2{ background:#B50010; }
.pae-plat-toggle .ico.pae-plat-pc{ background:#888; }


/* v7.2 — wider container & platforms flex */
.pae-review-wrap{ max-width: 1120px; margin-inline:auto; }
.wp-block[data-type="pae/grp-review"] .pae-review-wrap{ width:100%; max-width:1120px; }

.pae-info-item .pae-platforms{ flex:1 1 auto; overflow-x:auto; }
.pae-platforms{ gap:10px; padding-block:6px; }

/* Official-like SVGs (cleaner shapes) */
.pae-plat-xone .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><circle cx='32' cy='32' r='30' fill='%23107C10'/><path d='M18 18l12 12M46 18L34 30M18 46l12-12M46 46L34 34' stroke='%23fff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }
.pae-plat-xseries .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='12' fill='%230E7A0D'/><path d='M18 20l12 12M46 20L34 32M18 44l12-12M46 44L34 32' stroke='%23fff' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }
.pae-plat-ps4 .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='12' fill='%230B5BD3'/><path d='M14 40h20c9 0 14-4 14-8s-5-8-14-8' stroke='%23fff' stroke-width='6' fill='none' stroke-linecap='round'/><path d='M14 48h36' stroke='%23fff' stroke-width='6' stroke-linecap='round'/></svg>"); }
.pae-plat-ps5 .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='12' fill='%232966FF'/><path d='M12 42h28c8 0 12-4 12-8s-4-8-12-8' stroke='%23fff' stroke-width='6' fill='none' stroke-linecap='round'/><path d='M12 50h40' stroke='%23fff' stroke-width='6' stroke-linecap='round'/></svg>"); }
.pae-plat-nsw .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='%23E60012'/><rect x='10' y='8' width='22' height='48' rx='11' fill='%23fff'/><circle cx='21' cy='24' r='4' fill='%23E60012'/><rect x='32' y='8' width='22' height='48' rx='11' fill='%23fff'/><circle cx='43' cy='40' r='4' fill='%23E60012'/></svg>"); }
.pae-plat-nsw2 .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='%23B50010'/><rect x='10' y='8' width='22' height='48' rx='11' fill='%23fff'/><circle cx='21' cy='24' r='4' fill='%23B50010'/><rect x='32' y='8' width='22' height='48' rx='11' fill='%23fff'/><circle cx='43' cy='40' r='4' fill='%23B50010'/></svg>"); }
.pae-plat-pc .ico{ background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect x='6' y='10' width='52' height='36' rx='4' fill='%23888'/><rect x='12' y='16' width='40' height='24' fill='%23fff'/><rect x='20' y='50' width='24' height='4' fill='%23888'/></svg>"); }

/* Slightly larger icon for visibility */
.pae-plat-badge .ico{ width:22px; height:22px; }


/* v8 Gallery */
.pae-gallery-wrap{ margin:14px 0 8px; }
.pae-gallery-strip{ display:flex; gap:10px; overflow-x:auto; padding:6px; border:1px solid #242424; border-radius:10px; background:#121212; }
.pae-gallery-strip .pae-thumb{ display:block; flex:0 0 auto; width:140px; height:90px; border-radius:8px; overflow:hidden; border:1px solid #333; }
.pae-gallery-strip img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }
.pae-gallery-strip .pae-thumb:hover img{ transform:scale(1.04); }

/* Lightbox */
.pae-lightbox-ov{ position:fixed; inset:0; background:rgba(0,0,0,.85); z-index:999999; display:flex; align-items:center; justify-content:center; padding:24px; }
.pae-lightbox-ctr{ position:relative; max-width:92vw; max-height:92vh; }
.pae-lightbox-img{ max-width:92vw; max-height:92vh; width:auto; height:auto; display:block; border-radius:10px; box-shadow:0 10px 40px rgba(0,0,0,.6); }
.pae-lightbox-x{ position:absolute; top:-14px; left:-14px; width:36px; height:36px; border-radius:50%; border:0; background:#E50914; color:#fff; font-size:20px; cursor:pointer; }

/* === PAE v8 Custom: Pros/Cons Colors === */
.pae-pros li,
.pae__pros li,
.review-section .pros li,
.pros-item,
.pae-grpb8 .pros li {
  background: #0fa34a !important; /* green */
  color: #fff !important;
  border-color: rgba(255,255,255,.08) !important;
}
.pae-cons li,
.pae__cons li,
.review-section .cons li,
.cons-item,
.pae-grpb8 .cons li {
  background: #c7352b !important; /* red */
  color: #fff !important;
  border-color: rgba(255,255,255,.08) !important;
}
/* rounded chips look */
.pae-pros li, .pae-cons li, .pros-item, .cons-item,
.pae__pros li, .pae__cons li, .review-section .pros li, .review-section .cons li {
  border-radius: 9999px;
  padding: 8px 14px;
  display: inline-block;
  margin: 6px 6px 0 0;
  font-weight: 600;
}

/* === PAE v8 Pros/Cons Override (strong) === */
.pae-pros-list li { 
  background: #0fa34a !important; 
  color: #fff !important; 
  border-color: rgba(255,255,255,.12) !important;
}
.pae-cons-list li { 
  background: #c7352b !important; 
  color: #fff !important; 
  border-color: rgba(255,255,255,.12) !important;
}

/* === PAE v8 Pros/Cons Color v2 (broad) === */
.pae-pros-list > li,
.pae-pros-list li,
.pae-pros-list .chip,
.pae-pros-list .badge,
.pae-pros-list .pae-badge,
.pae-pros-list a,
.pae-pros-list span {
  background:#0fa34a !important; color:#fff !important; border-color:rgba(255,255,255,.12)!important;
}
.pae-cons-list > li,
.pae-cons-list li,
.pae-cons-list .chip,
.pae-cons-list .badge,
.pae-cons-list .pae-badge,
.pae-cons-list a,
.pae-cons-list span {
  background:#c7352b !important; color:#fff !important; border-color:rgba(255,255,255,.12)!important;
}
.pae-pros-list li, .pae-cons-list li,
.pae-pros-list .chip, .pae-cons-list .chip,
.pae-pros-list .badge, .pae-cons-list .badge,
.pae-pros-list .pae-badge, .pae-cons-list .pae-badge,
.pae-pros-list a, .pae-cons-list a, .pae-pros-list span, .pae-cons-list span {
  border-radius:9999px; padding:8px 14px; display:inline-block; margin:6px 6px 0 0; font-weight:600;
}

/* === PAE v8 Custom-4: Pros/Cons rectangular badges (normal text size) === */
/* Pros (green) */
.pae-pros-list li,
.pae-grpb8 .pros li,
.review-section .pros li,
.pae-review .pros li {
  background: #0fa34a !important;
  color: #fff !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  margin: 6px 6px 0 0 !important;
  line-height: 1.35 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* Cons (red) */
.pae-cons-list li,
.pae-grpb8 .cons li,
.review-section .cons li,
.pae-review .cons li {
  background: #c7352b !important;
  color: #fff !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  margin: 6px 6px 0 0 !important;
  line-height: 1.35 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* === PAE v8 Custom-5: Match Cons red intensity to Pros green === */
.pae-cons-list li,
.pae-grpb8 .cons li,
.review-section .cons li,
.pae-review .cons li {
  background: #e02626 !important; /* vivid red to match #0fa34a intensity */
  color: #fff !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  display: inline-block !important;
  margin: 6px 6px 0 0 !important;
  line-height: 1.35 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}