/* Copyright (c) 2026 LB IT Cloud SAS. All rights reserved.
   Proprietary source of the LB IT Cloud website. See LICENSE.

   THE UTILITIES THE COMPILED BUNDLE NEVER SAW.

   presentation-format.css is a Tailwind build that arrived with eXact, without its
   toolchain: there is no build step in this folder, so a utility class that was not
   in the markup at compile time simply does not exist. It fails silently — the
   element renders with no padding, no margin, no size — which is how an advisor
   button once ended up 127 px tall, and how the reseller page's headings have been
   rendering at body size.

   Each rule below is Tailwind's own output for that class, copied by hand from the
   values the bundle uses for its neighbours (mt-4 → 1rem, py-24 → 6rem, and so on),
   so a class behaves here exactly as it would have if the build had seen it.

   Loaded AFTER the bundle by every page that uses it. server/siteNavigation.test.ts
   refuses a page that uses a class no stylesheet in this folder defines, which is
   what turns the trap into a rule: when the test fails, either the class is a typo
   or its rule belongs here. */

/* ---------------------------------------------------------------- spacing */
.mt-0\.5 { margin-top: 0.125rem; }
.mt-6    { margin-top: 1.5rem; }
.mt-8    { margin-top: 2rem; }
.mx-2    { margin-left: 0.5rem; margin-right: 0.5rem; }
.py-16   { padding-top: 4rem; padding-bottom: 4rem; }
.pb-16   { padding-bottom: 4rem; }
.pb-24   { padding-bottom: 6rem; }

.p-4     { padding: 1rem; }

/* ------------------------------------------------------------ size & flow */
.w-auto          { width: auto; }
.overflow-x-auto { overflow-x: auto; }
.border-collapse { border-collapse: collapse; }
.align-top       { vertical-align: top; }

/* ------------------------------------------------------------- typography */
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }

.text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); }
.hover\:text-slate-300:hover { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); }

/* ----------------------------------------------------------------- colour */
/* Same eight-digit hex form the bundle emits for its own alpha utilities. */
.bg-emerald-500\/5 { background-color: #10b9810d; }
.group:hover .group-hover\:bg-emerald-500\/10 { background-color: #10b9811a; }
.group:hover .group-hover\:border-emerald-500\/20 { border-color: #10b98133; }

/* A gradient stop only sets custom properties; the bundle's bg-gradient-to-r does
   the rest, so this has to use the same variable names it reads. */
.to-emerald-600 { --tw-gradient-to: #059669 var(--tw-gradient-to-position); }

/* ------------------------------------------------------------- breakpoint */
@media (min-width: 768px) {
  .md\:h-16      { height: 4rem; }
  .md\:text-6xl  { font-size: 3.75rem; line-height: 1; }
}

/* -------------------------------------------------------------- the theme */
/* The bundle re-states a handful of text utilities for the light theme; the ones
   added here need the same treatment or they stay dark-theme grey on a white page. */
:root[data-theme="light"] .text-slate-500 { color: #475569; }
:root[data-theme="light"] .hover\:text-slate-300:hover { color: #0f172a; }