/* =====================================================================
   FastDriver Plugin 1321 - Licence Category Grid
   Scoped under .fdlc-section. Uses global theme variables:
     --primary-color-one (lime accent)   --primary-color-two (dark)
     --creote-family-one (headings)      --creote-family-two (body)
     --font-size-base    (base size)     --text-color-dark   (body text)
   Layout uses Bootstrap grid (.row / .col-*); this file only styles the
   header, filter pills and cards.
   ===================================================================== */
.fdlc-section, .fdlc-section *, .fdlc-section *::before, .fdlc-section *::after{ box-sizing:border-box; }
.fdlc-section{
  background:#fff;
  padding:72px 0 88px;
  position:relative;
  font-family: var(--creote-family-two, "Inter", sans-serif);
  font-size: var(--font-size-base, 16px);
  color: var(--text-color-dark, #555);
  -webkit-font-smoothing:antialiased;
}
.fdlc-section a{ color:inherit; text-decoration:none; }
.fdlc-container{ max-width:1200px; }

/* ── Header ── */
.fdlc-header{ margin-bottom:44px; }
.fdlc-label{
  display:inline-flex; align-items:center; gap:7px;
  background: var(--primary-color-one, #c1f11d);
  color: var(--primary-color-two, #111);
  font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  padding:5px 14px; border-radius:100px; margin-bottom:18px;
}
.fdlc-title{
  font-family: var(--creote-family-one, "Inter", sans-serif);
  font-size:clamp(28px,4vw,42px); font-weight:800;
  color: var(--primary-color-two, #111);
  line-height:1.12; letter-spacing:-.02em; margin:0 0 14px;
}
.fdlc-desc{
  font-size:clamp(15px,2vw,17px);
  color: var(--text-color-dark, #555);
  max-width:560px; margin:0 auto; line-height:1.65;
}

/* ── Filters ── */
.fdlc-filters{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:44px; }
.fdlc-btn{
  padding:9px 22px; border-radius:6px; font-size:14px; font-weight:600; cursor:pointer;
  border:2px solid #ddd; background:#fff; color:#555; line-height:1.2;
  font-family:inherit;
  transition:border-color .15s, background .15s, color .15s;
}
.fdlc-btn:hover{ border-color: var(--primary-color-two, #111); color: var(--primary-color-two, #111); }
.fdlc-btn:focus-visible{ outline:3px solid var(--primary-color-one, #c1f11d); outline-offset:2px; }
.fdlc-btn.active{
  border-color: var(--primary-color-two, #111);
  background: var(--primary-color-two, #111);
  color: var(--primary-color-one, #c1f11d);
}

/* ── Grid / cards ── */
.fdlc-grid{ align-items:stretch; }
.fdlc-col{ display:flex; }
.fdlc-card{
  position:relative; width:100%;
  border-radius:12px; border:1.5px solid #eee; background:#fff;
  display:flex; flex-direction:column;
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
.fdlc-card:hover{
  border-color: var(--primary-color-one, #c1f11d);
  box-shadow:0 6px 28px rgba(193,241,29,.16);
  transform:translateY(-2px);
}
.fdlc-card--nojobs .fdlc-card__link{ opacity:.82; }
.fdlc-card__link{ display:flex; flex-direction:column; padding:22px 18px 18px; height:100%; border-radius:11px; }
.fdlc-card__link:focus-visible{ outline:3px solid var(--primary-color-one, #c1f11d); outline-offset:-3px; }
.fdlc-card__cat{ font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#bbb; margin-bottom:4px; }
.fdlc-card__code{
  font-family: var(--creote-family-one, "Inter", sans-serif);
  font-size:30px; font-weight:800; color: var(--primary-color-two, #111);
  letter-spacing:-.02em; line-height:1; margin-bottom:12px;
}
.fdlc-card__icon{ width:60px; height:42px; margin-bottom:12px; flex-shrink:0; color:#333; }
.fdlc-card__icon svg{ width:100%; height:100%; }
.fdlc-card__title{ font-size:13px; font-weight:700; color: var(--primary-color-two, #111); line-height:1.3; margin-bottom:5px; }
.fdlc-card__desc{ font-size:12px; color:#666; line-height:1.6; flex:1; margin-bottom:14px; }
.fdlc-card__count{
  display:inline-flex; align-items:center; gap:5px;
  font-size:11px; font-weight:600; color: var(--primary-color-two, #111);
  background: var(--primary-color-one, #c1f11d);
  padding:4px 10px; border-radius:100px; margin-bottom:12px; width:fit-content;
}
.fdlc-card__cta{ display:flex; align-items:center; gap:5px; font-size:13px; font-weight:700; margin-top:auto; }
.fdlc-card__cta--jobs{ color: var(--primary-color-two, #111); }
.fdlc-card__cta--info{ color:#999; }

/* ── Responsive tweaks (Bootstrap handles columns) ── */
@media(max-width:768px){
  .fdlc-section{ padding:48px 0 56px; }
  .fdlc-header{ margin-bottom:32px; }
  .fdlc-filters{ gap:6px; margin-bottom:28px; }
  .fdlc-btn{ padding:8px 14px; font-size:13px; }
  .fdlc-card__code{ font-size:24px; }
  .fdlc-card__link{ padding:16px 14px 14px; }
}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){
  .fdlc-card{ transition:none; }
}