/* ====================================================================
   HOME.CSS — Styles specific to the homepage (index.php)
   Depends on assets/css/global.css being loaded first.
   ==================================================================== */

/* ===== Content images (réalisations section) ===== */
.realisation-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;}
.realisation-photos svg{
  width:100%;height:220px;display:block;border-radius:8px;
  border:1px solid var(--line);
}
.realisation-row{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap;}
.realisation-tile{
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:10px 16px 10px 10px;flex:1;min-width:220px;
}
.realisation-tile svg{width:44px;height:44px;flex-shrink:0;}
.realisation-tile span{font-size:13px;font-weight:600;color:var(--navy);line-height:1.4;}

/* ===== Services grid ===== */
.services-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
  margin-top:8px;
}
.service-tile{
  background:var(--cream);padding:26px 22px;
}
.service-tile i{color:var(--amber);font-size:20px;margin-bottom:14px;display:block;}
.service-tile h3{font-family:'Space Grotesk';font-size:15.5px;font-weight:600;color:var(--navy);margin-bottom:8px;}
.service-tile p{font-size:13.5px;color:#555;margin:0;}

/* ===== Reviews ===== */
.reviews-wrap{
  display:grid;grid-template-columns:0.9fr 1.6fr;gap:32px;align-items:start;
}
.gbadge{
  background:#fff;border:1px solid var(--line);border-radius:6px;
  padding:28px 24px;text-align:center;
}
.gbadge .score{font-family:'Space Grotesk';font-size:40px;font-weight:700;color:var(--navy);}
.gbadge .stars{color:var(--amber);font-size:16px;margin:8px 0;letter-spacing:2px;}
.gbadge .gname{
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:13.5px;color:#555;margin-bottom:4px;font-weight:600;
}
.gbadge .gname svg{width:16px;height:16px;}
.gbadge .count{font-size:12.5px;color:#888;}
.review-card{
  background:#fff;border:1px solid var(--line);border-radius:6px;
  padding:18px 20px;margin-bottom:12px;
}
.review-card:last-child{margin-bottom:0;}
.review-card .stars{color:var(--amber);font-size:12px;margin-bottom:8px;letter-spacing:1.5px;}
.review-card p{font-size:13.5px;color:#3A3A3A;margin-bottom:8px;}
.review-card .who{font-size:12.5px;font-weight:600;color:var(--navy);}

/* ===== Responsive (home-specific) ===== */
@media (max-width:860px){
  .services-grid{grid-template-columns:1fr 1fr;}
  .reviews-wrap{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .services-grid{grid-template-columns:1fr;}
  .service-tile{text-align:center;}
  .service-tile i{margin-left:auto;margin-right:auto;}

  .realisation-photos{grid-template-columns:1fr;}
  .realisation-row{flex-direction:column;}
  .realisation-tile{justify-content:center;text-align:left;}

  .reviews-wrap{text-align:center;}
  .review-card,.gbadge{text-align:center;}
  .gname{justify-content:center;}
}