/*
Theme Name: TRS Gaming Site V9 Trust
Author: TRS Gaming
Version: 9.0
Description: Site gaming propulse par Tech Rive Sud.
*/

body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#070711;
color:white;
}
a{text-decoration:none;color:white}
.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:22px 7%;
background:#0d0d1d;
border-bottom:1px solid #252545;
}
.logo{font-size:26px;font-weight:900}
.logo span{color:#a855f7}
.nav{display:flex;gap:18px;color:#ccc}
.btn{
display:inline-block;
padding:14px 22px;
border-radius:14px;
background:linear-gradient(135deg,#a855f7,#06b6d4);
font-weight:bold;
}
.btn2{
background:#18182b;
border:1px solid #333;
}
.hero{
padding:90px 7%;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
background:
radial-gradient(circle at top left,#6d28d950,transparent 35%),
radial-gradient(circle at bottom right,#06b6d450,transparent 35%);
}
.badge{
display:inline-block;
background:#ffffff12;
padding:10px 16px;
border-radius:99px;
margin-bottom:20px;
}
h1{font-size:58px;margin:0}
p{color:#c8c8d8;line-height:1.6}
.card,.box{
background:#ffffff0d;
border:1px solid #ffffff22;
padding:26px;
border-radius:24px;
}
.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.section{
padding:60px 7%;
}
h2{font-size:38px}
.config{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}
.option{
background:#111827;
border-radius:18px;
padding:22px;
border:1px solid #333;
}
.footer{
text-align:center;
padding:30px;
border-top:1px solid #333;
color:#aaa;
}
@media(max-width:850px){
.hero,.grid,.config{grid-template-columns:1fr}
h1{font-size:42px}
.nav{display:none}
}


/* Configurateur V2 */
.option{
  position:relative;
  overflow:hidden;
}
.price{
  font-size:34px;
  font-weight:900;
  color:#fff;
  margin:12px 0;
}
.price span{
  font-size:14px;
  color:#c8c8d8;
  font-weight:600;
}
.pills{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:18px 0;
}
.pill{
  display:inline-block;
  padding:8px 11px;
  border-radius:999px;
  background:#ffffff12;
  border:1px solid #ffffff22;
  color:#e5e7eb;
  font-size:13px;
  font-weight:700;
}
.option ul{
  color:#c8c8d8;
  line-height:1.8;
  padding-left:20px;
}
.option-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.small-btn{
  display:inline-block;
  padding:11px 14px;
  border-radius:12px;
  background:linear-gradient(135deg,#a855f7,#06b6d4);
  color:white;
  font-weight:800;
  font-size:14px;
}
.small-btn.secondary{
  background:#ffffff12;
  border:1px solid #ffffff22;
}
.note{
  margin-top:18px;
  color:#c8c8d8;
  font-size:14px;
}


/* V3 interactive */
.calculator{
  background:#ffffff0d;
  border:1px solid #ffffff22;
  border-radius:24px;
  padding:26px;
  margin-top:24px;
}
.form-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.trs-config-form label{
  display:block;
  font-weight:800;
  margin-bottom:8px;
  color:#fff;
}
.trs-config-form input,
.trs-config-form select,
.trs-config-form textarea{
  width:100%;
  padding:14px;
  border-radius:14px;
  border:1px solid #ffffff22;
  background:#111827;
  color:#fff;
}
.check-section{
  margin:18px 0;
}
.checks{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.checks label{
  background:#ffffff10;
  border:1px solid #ffffff22;
  border-radius:14px;
  padding:12px;
  font-weight:700;
}
.result-box{
  margin-top:20px;
  padding:20px;
  border-radius:18px;
  border:1px solid #ffffff22;
  background:#111827;
}
.result-price{
  font-size:30px;
  font-weight:900;
  color:#fff;
}
.review-strip{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-items:center;
}
@media(max-width:850px){
  .form-grid,.checks,.review-strip{grid-template-columns:1fr}
}


/* Branding update */
.logo img{
 max-height:58px;
 width:auto;
 display:block;
}
.site-logo-link{
 display:flex;
 align-items:center;
 gap:12px;
}
@media(max-width:850px){
 .logo img{
  max-height:45px;
 }
}


/* V5 smart configurator */
.estimate-detail{
  margin-top:12px;
  color:#c8c8d8;
  font-size:14px;
  line-height:1.6;
}
.estimate-warning{
  margin-top:12px;
  background:#f59e0b22;
  border:1px solid #f59e0b66;
  color:#fde68a;
  border-radius:14px;
  padding:12px;
}


/* V6 Build Gallery */
.build-card{
 background:#ffffff0d;
 border:1px solid #ffffff22;
 border-radius:24px;
 padding:22px;
}
.build-img{
 height:180px;
 border-radius:18px;
 background:
 radial-gradient(circle,#a855f755,transparent 50%),
 #111827;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:50px;
}
.specs{
 display:grid;
 gap:8px;
 margin:15px 0;
}
.spec{
 background:#ffffff10;
 padding:10px;
 border-radius:12px;
 color:#ddd;
}
.timeline-build{
 display:grid;
 gap:12px;
}
.build-step{
 padding:14px;
 border-radius:14px;
 background:#111827;
 border:1px solid #ffffff22;
}
.fps{
 font-size:28px;
 font-weight:900;
}


/* V9 Trust */
.compare{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:20px;
}
.compare-box{
 background:#ffffff0d;
 border:1px solid #ffffff22;
 border-radius:22px;
 padding:24px;
}
.compare-box ul{
 line-height:2;
 color:#ddd;
}
.faq-item{
 background:#ffffff0d;
 border:1px solid #ffffff22;
 padding:18px;
 border-radius:18px;
 margin-bottom:12px;
}
.delivery-list{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:15px;
}
.delivery-item{
 background:#111827;
 border:1px solid #ffffff22;
 border-radius:16px;
 padding:18px;
}
@media(max-width:850px){
.compare,.delivery-list{
 grid-template-columns:1fr;
}
}