/*
Theme Name: WeGestU 2.0
Theme URI: https://wegestu.com/
Author: WeGestU
Author URI: https://wegestu.com/
Description: Thème sur-mesure ultra-léger et moderne pour WeGestU, basé sur le Design System 2.0. Zéro dépendance à des plugins payants ou crackés.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: wegestu
*/

/* Reset & Global Tokens WeGestU 2.0 */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --wg-blue-50: #f5f8ff;
  --wg-blue-100: #e4ebfe;
  --wg-blue-200: #c7d6fd;
  --wg-blue-300: #93b4fa;
  --wg-blue-400: #5f8bf5;
  --wg-blue-500: #3b6bef;
  --wg-blue-600: #2954d6;
  --wg-blue-700: #1e3fae;
  --wg-blue-800: #17307f;
  --wg-blue-900: #102156;

  --wg-orange-50: #fff4e8;
  --wg-orange-100: #ffe6c7;
  --wg-orange-300: #ffb865;
  --wg-orange-500: #f5871f;
  --wg-orange-600: #d9700f;
  --wg-orange-700: #ad5a0c;

  --wg-gray-50: #f8fafc;
  --wg-gray-100: #f1f5f9;
  --wg-gray-200: #e2e8f0;
  --wg-gray-300: #cbd5e1;
  --wg-gray-500: #64748b;
  --wg-gray-700: #334155;
  --wg-gray-900: #0f172a;
  --wg-gray-950: #020617;
}

body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: #ffffff;
  color: var(--wg-gray-900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

a {
  color: var(--wg-blue-700);
  text-decoration: none;
  transition: color 140ms ease;
}

a:hover {
  color: var(--wg-blue-600);
}

button {
  font-family: inherit;
  cursor: pointer;
  border: 0;
  background: transparent;
}

img, svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Button & Interactive Elements Standardization (Design System 2.0) */
:root {
  --radius-none: 0;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 24px;
  --radius-full: 9999px;
}

.btn,
a[class*="scp"],
button[class*="scp"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 160ms cubic-bezier(0.4, 0, 0.2, 1),
              border-color 160ms cubic-bezier(0.4, 0, 0.2, 1),
              color 160ms cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 160ms cubic-bezier(0.4, 0, 0.2, 1),
              transform 120ms ease;
  outline: none;
  -webkit-font-smoothing: antialiased;
}

.btn:active,
a[class*="scp"]:active,
button[class*="scp"]:active {
  transform: translateY(1px);
}

/* Primary Action Buttons */
.btn-primary {
  background: var(--wg-blue-600) !important;
  color: #ffffff !important;
  border: 1px solid var(--wg-blue-600) !important;
}
.btn-primary:hover {
  background: var(--wg-blue-700) !important;
  border-color: var(--wg-blue-700) !important;
  color: #ffffff !important;
}

/* Secondary / Outline Buttons */
.btn-secondary {
  background: #ffffff !important;
  color: var(--wg-gray-900) !important;
  border: 1px solid var(--wg-gray-300) !important;
}
.btn-secondary:hover {
  border-color: var(--wg-blue-600) !important;
  color: var(--wg-blue-600) !important;
  background: var(--wg-blue-50) !important;
}

/* White Hero / Banner CTAs */
.btn-white,
.scp4,
.scp3 {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}
.btn-white:hover,
.scp4:hover,
.scp3:hover {
  background: #f8fafc !important;
}

/* Dynamic Interactive Cards */
.scp2 {
  transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}
.scp2:hover {
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08) !important;
}

/* Header & Megamenu Brand Blue Icons (#2954D6) */
.wg-header svg,
.wg-header .ic svg,
.wg-header .ic svg use,
.wg-header .ic svg path {
  fill: currentColor !important;
}
.wg-header .ic.blue,
.wg-header .mi .ic,
.wg-header .cat .ic {
  color: var(--wg-blue-600, #2954d6) !important;
  fill: var(--wg-blue-600, #2954d6) !important;
}
.wg-header .cat .box {
  background: var(--wg-blue-50, #f5f8ff) !important;
  box-shadow: inset 0 0 0 1px #dbe4ff !important;
}
.wg-header .cat.on .box {
  background: var(--wg-blue-600, #2954d6) !important;
  box-shadow: none !important;
}
.wg-header .cat.on .ic {
  color: #ffffff !important;
  fill: #ffffff !important;
}