/* ============================================================
   EYYAW Studio v190
   1. Capabilities sur UNE LIGNE (toutes les pages)
   2. Suppression totale de la numérotation (toutes les pages)
   ============================================================ */

/* ============================================================
   1. SUPPRESSION NUMÉROTATION — Global
   ============================================================ */
.cap-num,
.eyyaw-cap-num,
.eyyaw-quicknav-num,
.card-num,
.domain-num,
.step-num,
.work-card__num,
.value-num,
.method-about-num,
.timeline-year,
.method-num,
.service-num,
.diag-num,
.stat-num,
.num,
[class$="-num"]:not(.eyyaw-quicknav-num) {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================================================
   2. CAPABILITIES SUR UNE LIGNE
   ============================================================ */

/* Grid capabilities → flex horizontal scrollable */
.capabilities-grid,
.eyyaw-caps-grid {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 8px 4px 20px !important;
  margin: 0 calc(-1 * var(--px, 24px)) !important;
  padding-left: var(--px, 24px) !important;
  padding-right: var(--px, 24px) !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(212, 175, 55, 0.3) transparent !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Scrollbar discrète */
.capabilities-grid::-webkit-scrollbar,
.eyyaw-caps-grid::-webkit-scrollbar {
  height: 6px !important;
}
.capabilities-grid::-webkit-scrollbar-track,
.eyyaw-caps-grid::-webkit-scrollbar-track {
  background: transparent !important;
}
.capabilities-grid::-webkit-scrollbar-thumb,
.eyyaw-caps-grid::-webkit-scrollbar-thumb {
  background: rgba(212, 175, 55, 0.25) !important;
  border-radius: 3px !important;
}
.capabilities-grid::-webkit-scrollbar-thumb:hover,
.eyyaw-caps-grid::-webkit-scrollbar-thumb:hover {
  background: rgba(212, 175, 55, 0.5) !important;
}

/* Chaque card → largeur fixe */
.capabilities-grid > *,
.eyyaw-caps-grid > * {
  flex: 0 0 auto !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  scroll-snap-align: start !important;
}

/* Compactage des cards (déjà en flex colonne) */
.cap-card,
.eyyaw-cap {
  padding: 24px 22px !important;
  min-height: 0 !important;
}

/* Titres plus compacts */
.cap-card h3,
.eyyaw-cap-title {
  font-size: 1.05rem !important;
  line-height: 1.3 !important;
  margin-bottom: 6px !important;
}

.cap-card p,
.eyyaw-cap-desc {
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
}

/* Icône plus petite */
.cap-icon,
.eyyaw-cap-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  font-size: 1.15rem !important;
  margin-bottom: 0 !important;
}
.cap-icon svg,
.eyyaw-cap-icon svg {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
}

/* Quicknav (What We Do) — déjà horizontal, on consolide */
.eyyaw-quicknav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}
.eyyaw-quicknav-item {
  flex: 0 0 auto !important;
}

/* ============================================================
   3. MOBILE — 1 seule carte visible + scroll
   ============================================================ */
@media (max-width: 640px) {
  .capabilities-grid > *,
  .eyyaw-caps-grid > * {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }
}