/* =================================================================
   home-cat-des.css — Classes Tailwind manquantes pour la page
   home-sections/home-cat-des.html
   (Complète tw-utils.css : ici on ne met QUE ce qui n'y figure pas.)
   ================================================================= */

/* ---- BORDURE (Tailwind `border` = 1px solid) ---- */
.border { border-width: 1px; border-style: solid; }

/* ---- TAILLES manquantes ---- */
.w-7 { width: 1.75rem; }
.h-7 { height: 1.75rem; }
.h-9 { height: 2.25rem; }

/* ---- MARGIN-BOTTOM ---- */
.mb-1  { margin-bottom: 0.25rem; }
.mb-2  { margin-bottom: 0.5rem; }
.mb-4  { margin-bottom: 1rem; }
.mb-5  { margin-bottom: 1.25rem; }
.mb-6  { margin-bottom: 1.5rem; }
.mb-8  { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }

/* ---- MARGIN-TOP ---- */
.mt-4  { margin-top: 1rem; }
.mt-6  { margin-top: 1.5rem; }
.mt-10 { margin-top: 2.5rem; }

/* ---- PADDING-TOP / PADDING-BOTTOM (un seul côté) ---- */
.pt-1  { padding-top: 0.25rem; }
.pt-8  { padding-top: 2rem; }
.pb-0  { padding-bottom: 0; }
.pb-10 { padding-bottom: 2.5rem; }

/* ---- POSITION ---- */
.-top-10 { top: -2.5rem; }

/* ---- TYPOGRAPHIE ---- */
.tracking-wide { letter-spacing: 0.025em; }

/* ---- TRANSITION DURATION (surcharge la durée par défaut de tw-utils) ---- */
.duration-200 { transition-duration: 200ms; }
.duration-300 { transition-duration: 300ms; }

/* ---- HOVER manquant ---- */
.hover\:text-\[\#f74000\]:hover { color: #f74000; }

/* ================================================================
   RESPONSIVE — xl : 1280px (absent de tw-utils.css)
   ================================================================ */
@media (min-width: 1280px) {
  .xl\:flex-row    { flex-direction: row; }
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .xl\:mt-16       { margin-top: 4rem; }
}