/* GS Price Checker — extrait en V29. */

/* =====================================================
 Price Checker - GamingSecrets
 Intégré au thème v6
 ===================================================== */
.gpc-wrap {
 max-width: 760px;
 margin: 0 auto;
 padding: 2rem 1rem 4rem;
}

/* HEADER */
.gpc-header {
 text-align: center;
 margin-bottom: 2rem;
}
.gpc-header .gpc-eyebrow {
 display: inline-block;
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 2px;
 text-transform: uppercase;
 color: var(--gs-brand-red);
 background: rgba(196,18,48,.08);
 border: 1px solid rgba(196,18,48,.2);
 padding: 4px 14px;
 border-radius: 20px;
 margin-bottom: 1rem;
}
.gpc-header h1 {
 font-size: clamp(22px, 5vw, 36px);
 font-weight: 700;
 color: #fff;
 margin-bottom: 0.5rem;
}
.gpc-header h1 span { color: var(--gs-brand-red); }
.gpc-header p {
 font-size: 14px;
 color: #888;
 max-width: 500px;
 margin: 0 auto;
 line-height: 1.6;
}

/* FORMULAIRE */
.gpc-form-card {
 background: #141414;
 border: 1px solid #2a2a2a;
 border-radius: 12px;
 padding: 1.5rem;
 margin-bottom: 1.5rem;
}
.gpc-form-grid {
 display: grid;
 grid-template-columns: 1fr 160px;
 gap: 12px;
 margin-bottom: 12px;
}
@media (max-width: 520px) {
 .gpc-form-grid { grid-template-columns: 1fr; }
}
.gpc-form-group label {
 display: block;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 1.5px;
 text-transform: uppercase;
 color: #555;
 margin-bottom: 6px;
}
.gpc-form-group input {
 width: 100%;
 background: #1a1a1a;
 border: 1px solid #2a2a2a;
 border-radius: 8px;
 padding: 10px 14px;
 font-size: 14px;
 color: #e8e8e8;
 outline: none;
 transition: border-color .2s;
}
.gpc-form-group input:focus { border-color: var(--gs-brand-red); }
.gpc-form-group input::placeholder { color: #444; }
.gpc-btn {
 width: 100%;
 background: var(--gs-brand-red);
 color: #fff;
 border: none;
 border-radius: 8px;
 padding: 12px;
 font-size: 14px;
 font-weight: 700;
 cursor: pointer;
 transition: background .15s;
 margin-top: 4px;
}
.gpc-btn:hover { background: #c62828; }
.gpc-tip {
 font-size: 11px;
 color: #555;
 line-height: 1.5;
 margin-top: 10px;
}

/* ERREUR */
.gpc-error {
 background: rgba(196,18,48,.1);
 border: 1px solid rgba(196,18,48,.3);
 border-radius: 8px;
 padding: 12px 16px;
 font-size: 13px;
 color: #ff8a8a;
 margin-bottom: 1.5rem;
}

/* BADGE DEMO */
.gpc-demo-badge {
 background: rgba(243,156,18,.08);
 border: 1px solid rgba(243,156,18,.2);
 border-radius: 8px;
 padding: 10px 14px;
 font-size: 11px;
 color: #f39c12;
 margin-bottom: 1.25rem;
 line-height: 1.5;
}

/* VERDICT */
.gpc-verdict-card {
 background: #141414;
 border: 1px solid #2a2a2a;
 border-radius: 12px;
 overflow: hidden;
 margin-bottom: 1.25rem;
}
.gpc-verdict-top {
 padding: 1.5rem;
 border-bottom: 1px solid #1e1e1e;
 display: flex;
 align-items: center;
 gap: 1.25rem;
}
.gpc-verdict-icon {
 width: 60px;
 height: 60px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 22px;
 font-weight: 700;
 flex-shrink: 0;
 border: 2px solid;
}
.gpc-verdict-icon.good { background: rgba(184,146,44,.1); border-color: rgba(184,146,44,.35); color: var(--gs-brand-gold); }
.gpc-verdict-icon.ok { background: rgba(243,156,18,.1); border-color: rgba(243,156,18,.35); color: #f39c12; }
.gpc-verdict-icon.expensive { background: rgba(196,18,48,.1); border-color: rgba(196,18,48,.35); color: var(--gs-brand-red); }
.gpc-verdict-icon.unknown { background: #1a1a1a; border-color: #333; color: #555; }
.gpc-verdict-text .vtitle {
 font-size: 20px;
 font-weight: 700;
 margin-bottom: 3px;
}
.gpc-verdict-text .vsub {
 font-size: 12px;
 color: #888;
}
.gpc-verdict-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
}
.gpc-vcell {
 padding: 1.1rem 1rem;
 border-right: 1px solid #1e1e1e;
 text-align: center;
}
.gpc-vcell:last-child { border-right: none; }
.gpc-vcell .vclabel {
 font-size: 10px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1.2px;
 color: #555;
 margin-bottom: 5px;
}
.gpc-vcell .vcval {
 font-size: 20px;
 font-weight: 700;
 color: #e8e8e8;
}
.vcval.gap-good { color: var(--gs-brand-gold); }
.vcval.gap-ok { color: #f39c12; }
.vcval.gap-bad { color: var(--gs-brand-red); }

/* DETAILS */
.gpc-market-card {
 background: #141414;
 border: 1px solid #2a2a2a;
 border-radius: 12px;
 padding: 1.25rem;
 margin-bottom: 1.25rem;
}
.gpc-card-title {
 font-size: 10px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1.5px;
 color: #555;
 margin-bottom: 1rem;
 display: flex;
 align-items: center;
 gap: 8px;
}
.gpc-card-title::before {
 content: '';
 width: 3px;
 height: 13px;
 background: var(--gs-brand-red);
 border-radius: 2px;
}
.gpc-filter-note {
 font-size: 11px;
 color: #777;
 line-height: 1.5;
 margin: -0.4rem 0 1rem;
}
.gpc-stats {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 10px;
 margin-bottom: 1.1rem;
}
@media (max-width: 480px) { .gpc-stats { grid-template-columns: repeat(2, 1fr); } }
.gpc-stat {
 background: #1a1a1a;
 border: 1px solid #222;
 border-radius: 8px;
 padding: 10px;
 text-align: center;
}
.gpc-stat .slabel { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 4px; }
.gpc-stat .sval { font-size: 17px; font-weight: 700; color: #e8e8e8; }

/* BARRE DISTRIBUTION */
.gpc-dist-label { font-size: 11px; color: #555; margin-bottom: 8px; }
.gpc-dist-wrapper {
 background: #1a1a1a;
 border-radius: 4px;
 height: 8px;
 position: relative;
 margin-bottom: 10px;
}
.gpc-dist-fill {
 height: 100%;
 width: 100%;
 border-radius: 4px;
 background: linear-gradient(90deg, var(--gs-brand-gold), #f39c12, var(--gs-brand-red));
}
.gpc-dist-marker {
 position: absolute;
 top: -5px;
 transform: translateX(-50%);
 width: 2px;
 height: 18px;
 border-radius: 2px;
}
.gpc-dist-marker.market { background: rgba(255,255,255,.5); }
.gpc-dist-marker.user { background: var(--gs-brand-red); }
.gpc-dist-legend {
 display: flex;
 gap: 1.25rem;
 font-size: 11px;
 color: #888;
 flex-wrap: wrap;
}
.gpc-dist-legend span { display: flex; align-items: center; gap: 5px; }
.gdot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }

/* SOURCE */
.gpc-source {
 font-size: 11px;
 color: #444;
 text-align: center;
 margin-top: 1.5rem;
}

/* EXPLAINER */
.gpc-explainer {
 background: #141414;
 border: 1px solid #2a2a2a;
 border-radius: 12px;
 padding: 1.25rem;
 margin-top: 2rem;
}
.gpc-explainer h2 {
 font-size: 11px;
 font-weight: 700;
 color: #555;
 text-transform: uppercase;
 letter-spacing: 1.5px;
 margin-bottom: 1rem;
}
.gpc-exp-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 10px;
}
@media (max-width: 480px) { .gpc-exp-grid { grid-template-columns: 1fr; } }
.gpc-exp-box { text-align: center; padding: 10px; }
.gpc-exp-box .eicon { font-size: 18px; margin-bottom: 5px; font-weight: 700; }
.gpc-exp-box .elabel { font-size: 12px; font-weight: 700; margin-bottom: 3px; }
.gpc-exp-box .edesc { font-size: 11px; color: #555; line-height: 1.4; }
.c-good { color: var(--gs-brand-gold); }
.c-ok { color: #f39c12; }
.c-bad { color: var(--gs-brand-red); }

/* DISCLAIMER */
.gpc-disclaimer {
 font-size: 11px;
 color: #444;
 text-align: center;
 line-height: 1.6;
 margin-top: 1.5rem;
 border-top: 1px solid #1a1a1a;
 padding-top: 1.5rem;
}

/* ===== V30.9 — Cockpit du résultat (aligné sur la carte promo) ===== */
.gpc-etat-group{grid-column:1/-1}
.gpc-etat-field{display:flex;align-items:center;gap:14px}
.gpc-etat-field input[type="range"]{flex:1;accent-color:#c41230;height:26px}
.gpc-etat-out{flex:0 0 auto;color:rgba(255,255,255,.75);font-size:13px;white-space:nowrap}
.gpc-etat-out b{color:#3fe081;font-size:16px}
.gpc-etat-out i{font-style:normal;color:rgba(255,255,255,.6)}
.gpc-cockpit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.gpc-ck{position:relative;padding:15px 15px 16px;border:1px solid rgba(196,18,48,.32);border-radius:14px;background:linear-gradient(180deg,rgba(24,10,13,.55),rgba(10,8,9,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.28)}
.gpc-ck-kick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:9px;color:#ff8496;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.gpc-tag{padding:2px 8px;border:1px solid rgba(63,224,129,.45);border-radius:999px;color:#9df0c0;background:rgba(63,224,129,.08);font-size:9.5px;letter-spacing:.06em}
.gpc-tag.alt{border-color:rgba(232,177,58,.45);color:#ffe2a5;background:rgba(232,177,58,.08);text-transform:none}
.gpc-ck-big{color:#3fe081;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,4.4vw,52px);font-weight:400;line-height:.9;letter-spacing:.01em;text-shadow:0 0 22px rgba(63,224,129,.3)}
.gpc-conf{margin-top:10px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.62);font-size:11.5px}
.gpc-conf b{color:#c9ffd4;font-weight:850}
.gpc-conf-dots{display:inline-flex;gap:3px}
.gpc-conf-dots i{width:11px;height:11px;border-radius:3px;background:rgba(255,255,255,.1)}
.gpc-conf-dots i.on{background:#3fe081;box-shadow:0 0 8px rgba(63,224,129,.5)}
.gpc-trend{display:flex;align-items:baseline;gap:8px}
.gpc-trend b{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:38px;font-weight:400;line-height:.9}
.gpc-trend-arrow{font-size:24px;line-height:1}
.gpc-trend.is-up{color:#3fe081}.gpc-trend.is-down{color:#ff6b6b}.gpc-trend.is-flat{color:#ffd166}
.gpc-trend.is-building{color:#ffd166}
.gpc-trend.is-building b{font-size:26px}
.gpc-ck-sub{margin-top:6px;color:rgba(255,255,255,.55);font-size:11.5px;line-height:1.45}
.gpc-badge{display:inline-block;margin-top:9px;padding:4px 11px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid}
.gpc-badge.good{color:#c9ffd4;border-color:rgba(63,224,129,.45);background:rgba(63,224,129,.1)}
.gpc-badge.bad{color:#ffc4c4;border-color:rgba(255,107,107,.45);background:rgba(255,107,107,.1)}
.gpc-badge.mid{color:#ffe6b0;border-color:rgba(255,209,102,.4);background:rgba(255,209,102,.08)}
.gpc-badge.hot{color:#ffd9a8;border-color:rgba(255,143,45,.5);background:rgba(255,143,45,.12)}
.gpc-comp-row{display:flex;align-items:baseline;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}
.gpc-comp-row:first-of-type{border-top:0}
.gpc-comp-price{flex:0 0 auto;color:#fff;font-weight:850;font-size:14px}
.gpc-comp-meta{min-width:0;color:rgba(255,255,255,.55);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gpc-tworow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px}
.gpc-tworow:first-of-type{margin-top:0}
.gpc-tworow span{color:rgba(255,255,255,.72);font-size:12.5px}
.gpc-tworow span i{font-style:normal;color:rgba(255,255,255,.4);font-size:10.5px}
.gpc-tworow b{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:30px;font-weight:400;line-height:.9}
.gpc-tworow b small{font-size:14px;color:rgba(255,255,255,.5);margin-left:2px}
.gpc-tworow .c-green{color:#3fe081}.gpc-tworow .c-gold{color:#e8b13a}
.gpc-tworow-sub{color:rgba(255,255,255,.5);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}
.gpc-range3{display:flex;justify-content:space-between;gap:8px;margin-bottom:11px}
.gpc-range3>div{text-align:center;flex:1}
.gpc-range3 span{display:block;color:rgba(255,255,255,.5);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.gpc-range3 b{display:block;margin-top:2px;color:#e6e6e6;font-size:14.5px;font-weight:850}
.gpc-range3 .mid b{color:#3fe081;font-size:17px}
.gpc-gauge{position:relative;width:132px;margin:2px 0 4px}
.gpc-gauge svg{width:100%;display:block;overflow:visible}
.gpc-gauge .g-bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:9;stroke-linecap:round}
.gpc-gauge .g-val{fill:none;stroke:#e8b13a;stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(232,177,58,.55))}
.gpc-gauge-num{position:absolute;left:0;right:0;bottom:2px;text-align:center}
.gpc-gauge-num b{display:block;color:#ffe2a5;font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif;font-size:26px;font-weight:400;line-height:.9}
.gpc-gauge-num span{color:rgba(255,255,255,.5);font-size:9.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.gpc-ck-foot{margin-top:8px;color:rgba(255,255,255,.42);font-size:10.5px;line-height:1.4}
.gpc-ck-alert{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.gpc-ck-alert .gpc-ck-kick{margin-bottom:0}
.gpc-alert-line{color:rgba(255,255,255,.78);font-size:13.5px}
.gpc-alert-line b{color:#3fe081;font-size:16px}
.gpc-alert-line i{font-style:normal;color:rgba(255,255,255,.4);font-size:11px}
.gpc-alert-verdict{font-weight:850;font-size:13px}
.gpc-ck-alert.is-good{border-color:rgba(63,224,129,.4)}
.gpc-ck-alert.is-good .gpc-alert-verdict{color:#3fe081}
.gpc-ck-alert.is-over .gpc-alert-verdict{color:#ffd166}
.gpc-ck-note{grid-column:1/-1;margin:0}
@media(max-width:980px){.gpc-cockpit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.gpc-cockpit{grid-template-columns:1fr}.gpc-ck-big{font-size:44px}.gpc-etat-field{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.gpc-gauge .g-val{transition:none!important}}

/* V31.44.17 — Price Checker orienté retrogaming */
.gpc-retro-badge{
 background:linear-gradient(135deg,rgba(110,82,255,.10),rgba(52,151,255,.08));
 border:1px solid rgba(112,156,255,.28);
 border-radius:10px;
 padding:11px 14px;
 margin-bottom:1.25rem;
 color:#C7D7E3;
 font-size:12px;
 line-height:1.55;
}
.gpc-retro-badge strong{
 display:block;
 margin-bottom:2px;
 color:#E8EFF4;
 font-size:11px;
 letter-spacing:1px;
 text-transform:uppercase;
}