/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* Global CSS Properties for ScrollingTextComponent */

/* Prevent scrollbar flashing during page load */
html {
  overflow-y: scroll; /* Always show vertical scrollbar to prevent layout shift */
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden; /* Prevent horizontal scrolling */
}

/* Performance optimized animations */
@keyframes float {
  0%, 100% {
    opacity: 0.1;
    transform: translateY(0) scale(1);
  }
  50% {
    opacity: 0.3;
    transform: translateY(-20px) scale(1.02);
  }
}

.animate-float {
  animation: float 30s ease-in-out infinite;
  will-change: transform, opacity;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
  .animate-float,
  .animate-pulse {
    animation: none;
  }
  
  html {
    scroll-behavior: auto;
  }
}

/* Custom scrollbar styles for sidebar - DISABLED to use browser defaults */
/* .sidebar-scrollbar::-webkit-scrollbar {
  width: 4px;
}

.sidebar-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.3);
  border-radius: 2px;
}

.sidebar-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.5);
} */
@property --hue {
  initial-value: 0;
  syntax: '<number>';
  inherits: false;
}
@property --chroma {
  initial-value: 0;
  syntax: '<number>';
  inherits: true;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    /* Added variables for ScrollingTextComponent scrollbar */
    --lightness: 75%; /* Default dark mode lightness */
    --end: 360; /* Default end hue */
    --chroma: 0; /* Initial chroma */
    --hue: 0; /* Initial hue */
    /* --- Existing variables --- */
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;

    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 222.2 84% 4.9%;

    --radius: 0.5rem;

    /* Chart colors */
    --chart-1: oklch(0.646 0.222 41.116);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
    
    /* Chart specific colors for better visibility */
    --color-newUsers: hsl(var(--chart-1));
    --color-activeUsers: hsl(var(--chart-2));
    --color-revenue: hsl(var(--chart-3));
    --color-transactions: hsl(var(--chart-4));
    --color-uploads: hsl(var(--chart-1));
    --color-downloads: hsl(var(--chart-2));
    --color-premium: hsl(var(--chart-1));
    --color-free: hsl(var(--chart-2));
    --color-guest: hsl(var(--chart-3));
    --color-cpu: hsl(var(--chart-4));
    --color-memory: hsl(var(--chart-5));
    --color-disk: hsl(var(--chart-1));

    /* Neon Gradient Card Animation */
    --animate-background-position-spin: background-position-spin 3000ms infinite alternate;

    /* Sidebar variables */
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }

  .dark {
    /* Override lightness for dark mode if needed, otherwise it inherits from :root */
    /* --lightness: 75%; */
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;

    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;

    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;

    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;

    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;

    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;

    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;

    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;

    /* Chart colors dark */
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
    
    /* Chart specific colors for dark mode - enhanced contrast */
    --color-newUsers: hsl(var(--chart-1));
    --color-activeUsers: hsl(var(--chart-2));
    --color-revenue: hsl(var(--chart-3));
    --color-transactions: hsl(var(--chart-4));
    --color-uploads: hsl(var(--chart-1));
    --color-downloads: hsl(var(--chart-2));
    --color-premium: hsl(var(--chart-1));
    --color-free: hsl(var(--chart-2));
    --color-guest: hsl(var(--chart-3));
    --color-cpu: hsl(var(--chart-4));
    --color-memory: hsl(var(--chart-5));
    --color-disk: hsl(var(--chart-1));

    /* Sidebar variables dark */
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
}

@layer base {
  /* Add light theme override for lightness variable */
  html:not(.dark) {
     --lightness: 65%;
  }
  html, body {
    height: 100%; /* Ensure root elements have height */
  }
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
    font-family: var(--font-inter, 'Inter'), 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-feature-settings: "rlig" 1, "calt" 1;
    min-height: 100%; /* Ensure body fills at least the viewport */
  }
}


.font-serif {
  font-family: var(--font-merriweather);
}

.font-sans {
  font-family: var(--font-inter);
}

.font-garamond {
  font-family: var(--font-garamond);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes shimmer {
  0% { 
    background-position: -200% 0; 
  }
  100% { 
    background-position: 200% 0; 
  }
}

.animate-scroll {
  display: inline-block;
  animation: scroll 20s linear infinite;
  will-change: transform;
}

.animate-scroll:hover {
  animation-play-state: paused;
}

@keyframes border-beam {
  from {
    offset-distance: 0%;
  }
  to {
    offset-distance: 100%;
  }
}

@keyframes background-position-spin {
  0% {
    background-position: top center;
  }
  100% {
    background-position: bottom center;
  }
}

/* Prevent layout shift from scrollbar */
html {
  overflow-y: scroll;
}

/* Custom scrollbar styling */
@layer utilities {
  .custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  
  .custom-scrollbar::-webkit-scrollbar-track {
    background: hsl(var(--muted));
    border-radius: 4px;
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: hsl(var(--muted-foreground) / 0.4);
    border-radius: 4px;
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: hsl(var(--muted-foreground) / 0.6);
  }
  
  /* Firefox scrollbar */
  .custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: hsl(var(--muted-foreground) / 0.4) hsl(var(--muted));
  }

  /* Chat widget custom scrollbar */
  .chat-scrollbar::-webkit-scrollbar {
    width: 6px;
  }
  
  .chat-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    margin: 8px 0;
  }
  
  .chat-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(203, 213, 225, 0.5);
    border-radius: 20px;
    border: 1px solid transparent;
    background-clip: padding-box;
  }
  
  .chat-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.7);
    border: 1px solid transparent;
    background-clip: padding-box;
  }
  
  /* Firefox scrollbar for chat */
  .chat-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(203, 213, 225, 0.5) transparent;
  }

  /* Hide scrollbar utility class */
  .hide-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
  
  .hide-scrollbar::-webkit-scrollbar {
    display: none; /* WebKit */
  }
}

/* Global scrollbar styles for ScrollingTextComponent */
/* Apply directly to html, outside specific layers */
html[data-sync-scrollbar='true'] {
  /* Use globally defined variables */
  scrollbar-color: oklch(var(--lightness) var(--chroma) var(--hue)) #0000;
}

@supports (animation-timeline: scroll()) and (animation-range: 0% 100%) {
  html[data-sync-scrollbar='true'][data-animate='true'] {
    timeline-scope: --list; /* Define timeline scope globally */
    scrollbar-color: oklch(var(--lightness) var(--chroma) var(--hue)) #0000;
    /* Reference global keyframes defined below */
    animation-name: change, chroma-on, chroma-off;
    animation-fill-mode: both;
    animation-timing-function: linear;
    /* These ranges might need adjustment depending on the page structure */
    animation-range: entry 50% exit 50%, entry 40% entry 50%, exit 30% exit 40%;
    animation-timeline: --list; /* Use the defined timeline */
  }
  /* Note: The view-timeline definition remains in the component's CSS module */
  /* as it targets a class within the component */
}

/* Global Keyframes for ScrollingTextComponent scrollbar animation */
@keyframes change {
  to {
    --hue: var(--end); /* Uses globally defined --end */
  }
}
@keyframes chroma-on {
  to {
    --chroma: 0.3;
  }
}
@keyframes chroma-off {
  to {
    --chroma: 0;
  }
}

@font-face {
  font-family: 'FuturaPTLight';
  src: url('/fonts/futura-pt/FuturaCyrillicLight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-futura-pt-light {
  font-family: 'FuturaPTLight', sans-serif; /* Add fallback */
}

@font-face {
  font-family: 'FuturaPTBold';
  src: url('/fonts/futura-pt/FuturaCyrillicBold.ttf') format('truetype');
  font-weight: bold; /* Specify bold weight */
  font-style: normal;
  font-display: swap;
}

.font-futura-pt-bold {
  font-family: 'FuturaPTBold', sans-serif; /* Add fallback */
}

@font-face {
  font-family: 'FuturaPTExtraBold';
  src: url('/fonts/futura-pt/FuturaCyrillicExtraBold.ttf') format('truetype');
  font-weight: 800; /* Extra Bold */
  font-style: normal;
  font-display: swap;
}

.font-futura-pt-extrabold {
  font-family: 'FuturaPTExtraBold', sans-serif; /* Add fallback */
}

@font-face {
  font-family: 'Garamond';
  src: url('/fonts/Garamond.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-garamond {
  font-family: 'Garamond', serif; /* Add fallback */
}

/* Uppy Dashboard Width Override */
.uppy-Dashboard {
  max-width: 100% !important; /* Override Uppy's default max-width to fill container */
}
.uppy-Container {
  width: 100% !important;
  max-width: 100% !important; /* Ensure container takes full width */
}
.uppy-Root {
  width: 100% !important;
  max-width: 100% !important; /* Ensure root takes full width */
}

.uppy-Dashboard-innerWrap {
  width: 100% !important;
  max-width: 100% !important; /* Ensure inner wrap takes full width */
}

/* ===================================================
   COMPREHENSIVE DROPDOWN POSITIONING AND SCROLL FIXES
   =================================================== */

/* Prevent scroll-to-top on dropdown interactions globally */
html {
  scroll-behavior: auto !important;
}

/* Aggressive scroll prevention for problematic dropdowns */
html[data-scroll-locked] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
}

body[data-scroll-locked] {
  overflow: hidden !important;
  position: fixed !important;
  width: 100% !important;
}

/* Enhanced Radix UI Select Content positioning and scroll prevention */
[data-radix-select-content] {
  position: fixed !important;
  z-index: 999999 !important;
  scroll-behavior: auto !important;
  pointer-events: auto !important;
}

/* Prevent text decoration and ensure proper styling for select components */
[data-radix-select-trigger],
[data-radix-select-item],
[data-radix-select-value] {
  text-decoration: none !important;
  cursor: pointer;
}

/* Ensure dropdown portals don't interfere with page scroll */
[data-radix-select-portal],
[data-radix-dropdown-menu-portal],
[data-radix-popover-portal],
[data-radix-dialog-portal] {
  scroll-behavior: auto !important;
}

/* Additional positioning fixes for dropdown menus and dialogs */
[data-radix-dropdown-menu-content],
[data-radix-popover-content] {
  position: fixed !important;
  z-index: 999999 !important;
  scroll-behavior: auto !important;
}

/* Ensure all elements within dropdown content respect scroll behavior */
[data-radix-select-content] *,
[data-radix-dropdown-menu-content] *,
[data-radix-popover-content] * {
  scroll-behavior: auto !important;
}

/* Specific fix for Uppy upload progress compatibility */
.uppy-Dashboard [data-radix-select-content] {
  z-index: 1000 !important; /* Higher than Uppy's default z-index */
}

/* Rainbow Glow Animations for Download Manager */
@keyframes rainbow-spin {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes rainbow-spin-reverse {
  0% { background-position: 100% 50%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.animate-rainbow-spin {
  animation: rainbow-spin 3s ease-in-out infinite;
}

.animate-rainbow-spin-reverse {
  animation: rainbow-spin-reverse 4s ease-in-out infinite;
}

/* Rotation animations for rainbow glow spinning effect */
.animate-reverse-spin {
  animation: reverse-spin 4s linear infinite;
}

@keyframes reverse-spin {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

/* Pending Glow Animation for Download Manager */
@keyframes pending-glow-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}

.animate-pending-glow {
  animation: pending-glow-pulse 2s ease-in-out infinite;
}

/* Idle Glow Animation for Download Manager */
@keyframes idle-glow-pulse {
  0%, 100% {
    box-shadow: 0 0 5px rgba(59, 130, 246, 0.3), 0 0 10px rgba(59, 130, 246, 0.2), 0 0 15px rgba(59, 130, 246, 0.1);
  }
  50% {
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.4), 0 0 20px rgba(59, 130, 246, 0.3), 0 0 30px rgba(59, 130, 246, 0.2);
  }
}

.animate-idle-glow {
  animation: idle-glow-pulse 3s ease-in-out infinite;
}

@keyframes fadeInOut {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}

.animate-fade-in-out {
  animation: fadeInOut 2s ease-in-out infinite;
}

/* ============================================ */
/*          CREATIVE SUITE CUSTOM STYLES       */
/* ============================================ */

/* Keep only essential custom styles that can't be easily done with Tailwind */

/* ============================================ */
/*          PULSING ICON ANIMATIONS            */
/* ============================================ */

/* Pulsing icon animations for PulsingIcon component */
@keyframes pulse-ring {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(0.8);
    opacity: 1;
  }
}

.animate-pulse-ring {
  animation: pulse-ring var(--pulse-duration, 2s) ease-in-out infinite;
}

/* ============================================ */
/*          SHINE BORDER ANIMATIONS            */
/* ============================================ */

/* Shine Border Animation for ShineBorder component */
@keyframes shine {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  to {
    background-position: 0% 0%;
  }
}

.animate-shine {
  animation: shine var(--duration) infinite linear;
}

/* ============================================ */
/*          DRAG & DROP IMPROVEMENTS           */
/* ============================================ */

/* Prevent text selection during drag operations */
.react-dnd-dragging * {
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
}

/* Improve drag cursor */
.react-dnd-dragging {
  cursor: grabbing !important;
}

/* Prevent default drag image */
.react-dnd-drag-source {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

/* ============================================ */
/*          reCAPTCHA BADGE CONTROL            */
/* ============================================ */

/* 
 * Hide reCAPTCHA badge completely sitewide
 * LEGAL: Complies with Google's ToS since we display required legal text:
 * "This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply."
 * 
 * REASON: Badge conflicts with download manager positioning in bottom-right corner
 */
.grecaptcha-badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ============================================ */
/*            CUSTOM HEADING STYLES            */
/* ============================================ */

/* Legal page main title - centered serif headings */
.legal-page-heading {
  @apply text-center font-serif text-4xl sm:text-5xl font-bold mt-8 mb-4 text-gray-900 dark:text-white;
}

/* Footer heading styles - smaller and tighter spacing */
.footer-heading {
  @apply text-sm font-semibold text-gray-700 dark:text-gray-300 tracking-normal uppercase;
}

/* ============================================ */
/*            WARNING MESSAGE STYLES           */
/* ============================================ */

/* Wide warning messages - full width with left-aligned text */
.legal-warning-wide {
  @apply w-full border-l-4 p-6 mb-8 text-left;
}

/* Yellow warning variant */
.legal-warning-wide.warning-yellow {
  @apply bg-yellow-50 dark:bg-yellow-900/50 border-yellow-600 text-yellow-900 dark:text-yellow-100;
}

/* Red warning variant */
.legal-warning-wide.warning-red {
  @apply bg-red-50 dark:bg-red-900/20 border-red-600 text-red-900 dark:text-red-100;
}

/* Gray info variant */
.legal-warning-wide.warning-gray {
  @apply bg-gray-50 dark:bg-gray-800 border-gray-400 text-gray-900 dark:text-gray-100;
}

/* ============================================ */
/*           REACT DAY PICKER OVERRIDES        */
/* ============================================ */

/* Force override react-day-picker default styles with our custom ones */
.rdp {
  /* Override default weekday header styles to ensure proper alignment */
}

/* CRITICAL: Fix the header row structure - weekdays must be in a horizontal row */
.rdp-head_row {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
}

/* Style individual weekday headers to be centered and properly sized */
.rdp-head_cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.25rem !important; /* w-9 */
  height: 2.25rem !important; /* h-9 */
  font-size: 0.8rem !important;
  font-weight: normal !important;
  color: hsl(var(--muted-foreground)) !important;
  border-radius: 0.375rem !important; /* rounded-md */
  flex-shrink: 0 !important;
}

/* Also target the legacy class name just in case */
.rdp-weekday {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.25rem !important; /* w-9 */
  height: 2.25rem !important; /* h-9 */
  font-size: 0.8rem !important;
  font-weight: normal !important;
  color: hsl(var(--muted-foreground)) !important;
  border-radius: 0.375rem !important; /* rounded-md */
  flex-shrink: 0 !important;
}

.rdp-row {
  display: flex !important;
  width: 100% !important;
  margin-top: 0.5rem !important; /* mt-2 */
  justify-content: space-between !important;
}

.rdp-cell {
  height: 2.25rem !important; /* h-9 */
  width: 2.25rem !important; /* w-9 */
  text-align: center !important;
  font-size: 0.875rem !important; /* text-sm */
  padding: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

/* ============================================ */
/*                 CHANGELOG                    */
/* ============================================ */

/* 
 * v2.6.0 - 2025-01-10: Legal Page Heading Final Fix - Consistent Styling
 * - Fixed: Removed .legal-page-special-heading class entirely as it was not needed
 * - Fixed: "Additional Information" headings now use regular styling like other headings
 * - Changed: ALL headings in legal pages now use consistent left-aligned, sans-serif styling
 * - Removed: .legal-page-special-heading class from CSS (no longer used anywhere)
 * - Result: Only main page titles are centered/serif, all content headings are standard
 * 
 * v2.5.0 - 2025-01-10: Legal Page Heading Fix - Proper Scope and Usage
 * - Fixed: Renamed .legal-page-subheading to .legal-page-special-heading for clarity
 * - Fixed: Removed inappropriate .legal-page-subheading class from all regular content headings
 * - Changed: Regular content headings now use default prose styling from Tailwind Typography
 * - Changed: .legal-page-special-heading only applied to highlighted sections like "Additional Information"
 * - Improved: Legal pages now have proper heading hierarchy with regular h2 headings using standard styling
 * - Applied: Updated copyright, privacy, terms, exploitation, and affiliates pages
 * 
 * v2.4.0 - 2025-01-10: Legal Page Heading Spacing Fix
 * - Fixed: .legal-page-heading spacing - added mt-8 (more space above) and reduced mb-8 to mb-4 (less space below)
 * - Improved: Better visual balance between top and bottom spacing around main headlines on standalone legal pages
 * 
 * v2.3.0 - 2025-01-10: Wide Warning Messages Implementation
 * - Added: .legal-warning-wide class for full-width warning messages
 * - Added: .warning-yellow variant for yellow/caution warnings
 * - Added: .warning-red variant for red/critical warnings  
 * - Added: .warning-gray variant for gray/info warnings
 * - Changed: Warning messages now span full width instead of content width
 * - Changed: Warning text now left-aligned instead of default alignment
 * - Fixed: Inconsistent warning message widths across legal pages
 * - Applied: Updated affiliates and exploitation pages to use new warning styles
 * 
 * v2.2.0 - 2025-01-10: Custom Heading Styles Implementation
 * - Added: .legal-page-heading class for centered serif main titles
 * - Added: .legal-page-subheading class for centered serif subheadings  
 * - Added: .footer-heading class for smaller footer headings with normal spacing
 * - Changed: Legal page headings now use large serif fonts with center alignment
 * - Changed: Footer headings reduced to text-sm with normal letter spacing
 */

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"],"variable":"--font-inter","display":"swap","preload":true,"adjustFontFallback":true}],"variableName":"inter"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/26a46d62cd723877-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/581909926a08bbc8-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12%
}.__className_e8ce0c {font-family: 'Inter', 'Inter Fallback';font-style: normal
}.__variable_e8ce0c {--font-inter: 'Inter', 'Inter Fallback'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Merriweather","arguments":[{"weight":["400","700"],"subsets":["latin"],"variable":"--font-merriweather","display":"swap","preload":false,"adjustFontFallback":true}],"variableName":"merriweather"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/fe4c52824bfaed3e-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/3e8ab5100a4aa694-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/b78b37b810acce9f-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/027647acf05c7ff8-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1f3fe8c6df3d47c1-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/fe4c52824bfaed3e-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/3e8ab5100a4aa694-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/b78b37b810acce9f-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/027647acf05c7ff8-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/_next/static/media/1f3fe8c6df3d47c1-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Merriweather Fallback';src: local("Times New Roman");ascent-override: 80.59%;descent-override: 22.36%;line-gap-override: 0.00%;size-adjust: 122.09%
}.__className_390154 {font-family: 'Merriweather', 'Merriweather Fallback';font-style: normal
}.__variable_390154 {--font-merriweather: 'Merriweather', 'Merriweather Fallback'
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"../public/fonts/Garamond.otf","variable":"--font-garamond","display":"swap"}],"variableName":"garamond"} ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'garamond';
src: url(/_next/static/media/467e80573830bdea-s.p.otf) format('opentype');
font-display: swap;
}@font-face {font-family: 'garamond Fallback';src: local("Arial");ascent-override: 123.49%;descent-override: 24.70%;line-gap-override: 24.70%;size-adjust: 80.98%
}.__className_074a1c {font-family: 'garamond', 'garamond Fallback'
}.__variable_074a1c {--font-garamond: 'garamond', 'garamond Fallback'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"node_modules/geist/dist/font.js","import":"","arguments":[{"src":[{"path":"./fonts/geist-sans/Geist-Thin.woff2","weight":"100","style":"normal"},{"path":"./fonts/geist-sans/Geist-UltraLight.woff2","weight":"200","style":"normal"},{"path":"./fonts/geist-sans/Geist-Light.woff2","weight":"300","style":"normal"},{"path":"./fonts/geist-sans/Geist-Regular.woff2","weight":"400","style":"normal"},{"path":"./fonts/geist-sans/Geist-Medium.woff2","weight":"500","style":"normal"},{"path":"./fonts/geist-sans/Geist-SemiBold.woff2","weight":"600","style":"normal"},{"path":"./fonts/geist-sans/Geist-Bold.woff2","weight":"700","style":"normal"},{"path":"./fonts/geist-sans/Geist-Black.woff2","weight":"800","style":"normal"},{"path":"./fonts/geist-sans/Geist-UltraBlack.woff2","weight":"900","style":"normal"}],"variable":"--font-geist-sans","fallback":["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Inter","Segoe UI","Roboto","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"]}],"variableName":"GeistSans"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/69a390d3fcb2378e-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 100;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/8a5ed7a420e77c77-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/dc1cce3fa2af61db-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/ca070aef19a160ac-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/24faed2484bb8b0c-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/26e35e3aa0f2ff52-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/785370768b5a7618-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/eaa89f43bcff2436-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 800;
font-style: normal;
}

@font-face {
font-family: 'GeistSans';
src: url(/_next/static/media/48c373c2bbb15a2a-s.p.woff2) format('woff2');
font-display: swap;
font-weight: 900;
font-style: normal;
}@font-face {font-family: 'GeistSans Fallback';src: local("Arial");ascent-override: 85.83%;descent-override: 20.53%;line-gap-override: 9.33%;size-adjust: 107.19%
}.__className_e1c369 {font-family: 'GeistSans', 'GeistSans Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Inter, Segoe UI, Roboto, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}.__variable_e1c369 {--font-geist-sans: 'GeistSans', 'GeistSans Fallback', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Inter, Segoe UI, Roboto, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"node_modules/geist/dist/font.js","import":"","arguments":[{"src":[{"path":"./fonts/geist-mono/GeistMono-Thin.woff2","weight":"100","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-UltraLight.woff2","weight":"200","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-Light.woff2","weight":"300","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-Regular.woff2","weight":"400","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-Medium.woff2","weight":"500","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-SemiBold.woff2","weight":"600","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-Bold.woff2","weight":"700","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-Black.woff2","weight":"800","style":"normal"},{"path":"./fonts/geist-mono/GeistMono-UltraBlack.woff2","weight":"900","style":"normal"}],"variable":"--font-geist-mono","adjustFontFallback":false,"fallback":["ui-monospace","SFMono-Regular","Roboto Mono","Menlo","Monaco","Liberation Mono","DejaVu Sans Mono","Courier New","monospace"]}],"variableName":"GeistMono"} ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/7d612f06858af31a.p.woff2) format('woff2');
font-display: swap;
font-weight: 100;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/e127622016e145c0.p.woff2) format('woff2');
font-display: swap;
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/6c2eb4a4397e6726.p.woff2) format('woff2');
font-display: swap;
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/acd8756c4a5b05ec.p.woff2) format('woff2');
font-display: swap;
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/da60e700622ebc65.p.woff2) format('woff2');
font-display: swap;
font-weight: 500;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/b0f83fa59267e7b6.p.woff2) format('woff2');
font-display: swap;
font-weight: 600;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/26bfa5f558072926.p.woff2) format('woff2');
font-display: swap;
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/1e2bfed25cc02ae1.p.woff2) format('woff2');
font-display: swap;
font-weight: 800;
font-style: normal;
}

@font-face {
font-family: 'GeistMono';
src: url(/_next/static/media/7f6ca03465f53582.p.woff2) format('woff2');
font-display: swap;
font-weight: 900;
font-style: normal;
}.__className_b95701 {font-family: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}.__variable_b95701 {--font-geist-mono: 'GeistMono', ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace
}