/* faq-styles.css — FAQ B2C V2 */
/* Nav + footer : home-v2.css */

:root {
  --red: #D01F3C;
  --ink: #1a1a2e;
  --muted: #74748a;
  --border: #eaeaf2;
  --off: #f6f6fa;
}

/* BREADCRUMB */
.fq-breadcrumb {
  background: #fff;
  border-bottom: 1px solid var(--border);
  padding: 13px 48px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--muted);
}
.fq-breadcrumb a { color: var(--muted); text-decoration: none; transition: color .15s; }
.fq-breadcrumb a:hover { color: var(--ink); }
.fq-breadcrumb .sep { color: #c0c0d0; font-size: 12px; }
.fq-breadcrumb .cur { color: var(--ink); font-weight: 600; }

/* PAGE */
.fq-wrap { max-width: 1160px; margin: 36px auto; padding: 0 32px 80px; }

.fq-header { margin-bottom: 28px; }
.fq-title { font-family: 'DM Serif Display', serif; font-size: 26px; color: var(--ink); margin-bottom: 4px; }
.fq-subtitle { font-size: 13px; color: var(--muted); }

/* GRID 2 COLONNES */
.fq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 48px; align-items: start; }

/* GROUPE */
.fq-group { margin-bottom: 28px; }
.fq-group-label {
  font-size: 9.5px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--red); margin-bottom: 3px;
}
.fq-group-title {
  font-family: 'DM Serif Display', serif;
  font-size: 18px; color: var(--ink); line-height: 1.15;
  margin-bottom: 10px; padding-bottom: 10px;
  border-bottom: 1px solid var(--border);
}

/* ACCORDION */
.fq-item { border-bottom: 1px solid var(--border); }

.fq-q {
  display: flex; align-items: center; justify-content: space-between;
  padding: 13px 0; cursor: pointer; gap: 14px;
  background: transparent; border: none; width: 100%; text-align: left;
  font-family: 'Inter', sans-serif;
}
.fq-q:hover .fq-q-text { color: var(--red); }
.fq-q-text {
  font-size: 13.5px; font-weight: 600; color: var(--ink); line-height: 1.4; flex: 1;
  transition: color .18s;
}
.fq-item.open .fq-q-text { color: var(--red); }

.fq-q-icon {
  width: 16px; height: 16px; flex-shrink: 0; position: relative;
  display: flex; align-items: center; justify-content: center;
}
.fq-q-icon::before,
.fq-q-icon::after {
  content: ''; position: absolute;
  background: var(--muted); border-radius: 2px;
  transition: transform .3s ease, opacity .25s ease, background .18s;
}
.fq-q-icon::before { width: 11px; height: 1.5px; }
.fq-q-icon::after  { width: 1.5px; height: 11px; }
.fq-item.open .fq-q-icon::after  { transform: rotate(90deg); opacity: 0; }
.fq-item.open .fq-q-icon::before { background: var(--red); }

.fq-answer { max-height: 0; overflow: hidden; transition: max-height .38s cubic-bezier(.4,0,.2,1); }
.fq-item.open .fq-answer { max-height: 500px; }
.fq-answer-inner { padding: 0 16px 14px 0; font-size: 13px; color: var(--muted); line-height: 1.75; }

/* RESPONSIVE TABLETTE */
@media (max-width: 1024px) {
  .fq-breadcrumb { padding: 12px 24px; }
  .fq-wrap { padding: 0 24px 64px; }
  .fq-grid { gap: 0 32px; }
}

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
  .fq-breadcrumb { padding: 10px 16px; font-size: 12px; }
  .fq-wrap { margin: 20px auto; padding: 0 16px 56px; }
  .fq-title { font-size: 22px; }
  .fq-grid { grid-template-columns: 1fr; gap: 0; }
  .fq-group-title { font-size: 16px; }
  .fq-q-text { font-size: 13px; }
}

@media (max-width: 480px) {
  .fq-wrap { padding: 0 12px 48px; }
}