:root {
    --strava-orange: rgb(249 115 22 / var(--tw-text-opacity, 1));
    --strava-orange-hover: #E63E00;
    --strava-orange-light: #FF6B2B;
    --luxury-black: #0A0A0A;
    --luxury-dark: #1A1A1A;
    --luxury-gray: #2A2A2A;
    --luxury-light-gray: #3A3A3A;
    --luxury-text: #FFFFFF;
    --luxury-text-muted: #B0B0B0;
    --luxury-border: #333333;
    --luxury-card: #1E1E1E;
    --luxury-success: #00D4AA;
    --luxury-warning: #FFB800;
    --luxury-danger: #FF4757;
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--luxury-black);
    color: var(--luxury-text);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    line-height: 1.6;
    font-weight: 400;
}

main {
    flex: 1;
    padding: 2rem 0;
}

/* Text Colors */
.text-muted {
    color: var(--luxury-text-muted) !important;
}

.text-primary {
    color: var(--strava-orange) !important;
}

.text-success {
    color: var(--luxury-success) !important;
}

.text-warning {
    color: var(--luxury-warning) !important;
}

.text-danger {
    color: var(--luxury-danger) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--luxury-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--strava-orange);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--strava-orange-light);
}

/* Loading States */
.spinner-border {
    color: var(--strava-orange);
}


.nav-logo-shadow {
    color: var(--luxury-text);
    font-weight: bold; /* Optionnel */
}


.nav-logo-fit {
    color: var(--strava-orange);
    font-weight: bold; /* Optionnel */
}

.icon-badge-orange {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--strava-orange) 0%, var(--strava-orange-light) 100%);
    box-shadow: 0 10px 30px rgba(252, 76, 2, 0.3);
}

.asteriskField {display: none; }

.fade-out-up {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1s ease, transform 1s ease;
}


#day-datepicker {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--luxury-border);
    border-radius: 4px;
    background-color: var(--luxury-card);
    color: var(--luxury-text);
}

.bootstrap-datetimepicker-widget {
    background-color: var(--luxury-text);
    color: var(--luxury-text);
    border: 1px solid var(--luxury-border);
   z-index: 10000  ;
}

.border-bottom{
    border-bottom: var(--bs-border-width) var(--bs-border-style) rgba(255, 255, 255, 0.11)!important
}

.table {
--bs-table-bg: var(--luxury-card);
--bs-table-color: var(--luxury-text);
}

.table-hover>tbody>tr:hover>* {
    background-color: var(--luxury-gray) !important;
}

 .fw-bold{
    color: var(--luxury-text) !important;
}

.fw-medium{
    color: var(--luxury-text) !important;
}

#terms{
    opacity: 1 !important;
    pointer-events: auto !important;
}

.mapboxgl-ctrl-bottom-right{
    display: none !important;
}