/* =========================
   VELYQO — Support public
   - White premium
   - Masque chrome app si présent
   ========================= */

@import url("./terms.css");

/* Spécifique support */
.support-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.support-card{
  background: rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius: var(--radius2);
  box-shadow: var(--shadow-soft);
  padding: 16px;
}

.support-card h3{ margin:0 0 6px; }
.support-card p{ color: var(--muted); }

.support-links a{
  display:block;
  padding: 8px 0;
  color: rgba(15,23,42,.90);
  font-weight: 900;
  text-decoration:none;
}
.support-links a:hover{ text-decoration: underline; }

.search{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  margin-top: 12px;
}
.search input{
  flex: 1 1 260px;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.95);
  outline: none;
}
.search input:focus{
  border-color: rgba(37,99,235,.35);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

@media (max-width: 980px){
  .support-grid{ grid-template-columns: 1fr; }
}

.footer-bottom{
  text-align: center;
}
@media (max-width: 980px){
  .footer-grid{ text-align: center; }
  .footer-grid a{ display:inline-block; }
}