/* =====================================================
 * Strip « Mes pôles de recrutement » — nouveau design
 * (maquette client 15/07, mockups refondus Mes offres /
 * Candidatures reçues). Partagé par les pages recruteur
 * via le partial recruiter/_poles_filter_strip.
 * Chargé globalement (stylesheet_link_tag :app).
 * ===================================================== */

.rpf-section { margin: 28px 0 4px; }

.rpf-lbl {
  font-family: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--gold-600);
  margin: 0 0 12px;
}

.rpf-poles {
  display: flex;
  gap: 11px;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 6px;
  scrollbar-width: thin;
}

.rpf-pole {
  flex: 0 0 104px;
  width: 104px;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: inherit;
}
.rpf-pole-card {
  height: 77px;
  border-radius: 14px;
  border: 1px solid #E5E2DC;
  background: #FAFAF8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 150ms ease;
  overflow: hidden;
  position: relative;
}
.rpf-pole.is-on .rpf-pole-card {
  border-color: var(--gold-400);
  box-shadow: 0 2px 10px rgba(163, 133, 67, .18);
}
a.rpf-pole:hover .rpf-pole-card {
  border-color: var(--gold-300);
  box-shadow: 0 2px 10px rgba(163, 133, 67, .12);
}

/* Card « Tous » */
.rpf-allico { width: 19px; height: 19px; color: var(--gold-600); }
.rpf-allnum { font-size: 16px; font-weight: 700; line-height: 1; color: #2C2C2C; }
.rpf-allsub {
  font-family: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #8A857A;
}

/* Pole cards photo */
.rpf-pole-photo { width: 100%; height: 100%; position: relative; }
.rpf-pp-a { background: linear-gradient(135deg, #2e2a22, var(--gold-700) 70%, var(--gold-600)); }
.rpf-pp-b { background: linear-gradient(135deg, #20302a, #3d5a4a 70%, var(--gold-700)); }
.rpf-pole-tag {
  position: absolute;
  top: 8px;
  left: 8px;
  font-family: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .06em;
  color:var(--on-gold);text-shadow:var(--on-gold-shadow);
  background: linear-gradient(115deg, var(--gold-500) 0%, var(--gold-primary) 20%, var(--gold-200) 42%, #F7EDC9 50%, var(--gold-200) 63%, var(--gold-primary) 84%, var(--gold-500) 100%);
  border-radius: 5px;
  padding: 2px 6px;
}

.rpf-pole-name {
  font-size: 11px;
  font-weight: 600;
  margin-top: 6px;
  text-align: center;
  color: #2C2C2C;
}
.rpf-pole-meta {
  font-size: 10px;
  color: var(--gold-700);
  text-align: center;
}