#global-loader {
display: flex;
position: fixed;
inset: 0;
background: rgba(0, 35, 102, 0.95); 
backdrop-blur: 2px;
z-index: 9999;
flex-direction: column;
align-items: center;
justify-content: center;
color: white;
}

.spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid #c5a059; /* Couleur Or */
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 10px;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

:root {
--royal-gold: #c5a059;
--anthracite: #002366;
--deep-gray: #002366;
--swiss-red: #e62b1e;
}
html {
scroll-behavior: smooth;
}
body {
background-color: var(--anthracite);
color: #e5e5e5;
font-family: 'Montserrat', sans-serif;
overflow-x: hidden;
scroll-behavior: smooth;
font-size: 16px !important;
}
h1, h2, h3, .serif {
font-family: 'Montserrat', sans-serif;
}
.gold-text { color: var(--royal-gold); }
.gold-bg { background-color: var(--royal-gold); }

.hero-gradient {
background: linear-gradient(to bottom, #08163080 0%, #000e27 100%);
}

nav .logo{
height:45px;
width: 45px;
min-width:45px;
position:relative;
top:-9px;
left: -10px;
}
.watch-card {
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
background: linear-gradient(145deg, #1e1e1e, #121212);
border: 1px solid rgba(255,255,255,0.05);
overflow: hidden;
}
.watch-card:hover {
transform: translateY(-10px);
border-color: var(--royal-gold);
box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}

.btn-royal {
position: relative;
padding: 14px 35px;
border: 1px solid var(--royal-gold);
overflow: hidden;
transition: all 0.4s ease;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 0.75rem;
display: inline-block;
cursor: pointer;
text-align: center;
}
.btn-royal:hover {
background-color: var(--royal-gold);
color: #000;
}

.scroll-reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease-out;
}
.scroll-reveal.active {
opacity: 1;
transform: translateY(0);
}

.logo-container {
display: flex;
align-items: center; 
gap: 0px; 
}
.watch-o {
width: 32px; 
height: 32px;
position: relative;
display: inline-block;
margin-left: 2px;
}

.nav-link { position: relative; }
.nav-link::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 1px;
background: var(--royal-gold);
transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }

input, textarea {
background: rgba(255,255,255,0.03) !important;
border: 1px solid rgba(255,255,255,0.1) !important;
color: white !important;
transition: border-color 0.3s;
}
input:focus, textarea:focus {
border-color: var(--royal-gold) !important;
outline: none;
}


@media screen and (max-width: 442px) {
.leading-none{
display:none;
}
nav .logo{
position:relative;
height:60px;
width:60px;
min-width:60px;
top:-12px;
left: -9px;
}
}

#swiss-container:hover #swiss-droplist {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#swiss-container:hover .bi-chevron-down {
transform: rotate(180deg);
}

#mobile-menu.active {
transform: translateX(0);
}

#swiss-mobile-list.active {
display: flex !important;
}

.btn-royal {
background: #c5a059;
color: #002366;
border-radius: 4px;
transition: all 0.3s;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.btn-royal:hover {
background: #b08d4a;
transform: translateY(-2px);
}

.connexion-form{
position:fixed;
background: #000e27f6;
z-index:90;
width:100%;
min-height:100vh;
max-height:100vh;
top: 0;
left: 0;            
box-sizing:border-box;
display:none;
justify-content:center;
overflow: auto;
scrollbar-width: thin;
padding:10px;
}

.connexion-form .container-form{
border-radius:10px;
min-width: 280px;
max-width: 400px;
width: 100%;
position:relative;
padding: 10px;
}

.connexion-form .container-form .close-container{
position:absolute;
top:20px;
right:20px;
background: white;
height:40px;
width:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
cursor:pointer;
color:black;
font-size: 30px;

}

.connexion-form .session{
background:white;
padding:20px;
color:black;
border-radius:10px;
box-shadow: 0 0 10px rgba(148, 148, 148, 0.4);
max-height: 300px;
}

.connexion-form .session ul li{
padding:5px;
border-bottom: 1px solid var(--royal-gold);
}

.connexion-form .session .m-x{
top : -60px !important;
right: 0px;
}

.connexion-form .container-form  .login-card {
padding: 10px;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
width: 100%;
margin-top:10px;
}

.connexion-form .container-form h2 {
text-align: center;
color: var(--text-main);
margin: 0;
padding:0;
margin-bottom: 10px;
}

/* Boutons Sociaux */
.connexion-form .container-form .social-login{
text-align:center;
}

.connexion-form .container-form .btn-social {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px;
border: 1px solid var(--border-color);
border-radius: 8px;
background: white;
cursor: pointer;
font-weight: 500;
width:100%;
max-width: 270px;
transition: background 0.2s;
margin:8px;
}

.connexion-form .container-form .btn-social svg{
margin-right: 5px;
}

.connexion-form .container-form .btn-social:hover {
background: #f9fafb;
}

.connexion-form .container-form .btn-social img {
width: 18px;
height: 18px;
}
.connexion-form .container-form .btn-social.google{
color: black;
}
.connexion-form .container-form .btn-social.facebook {
background-color: #1877f2;
color: white;
border: none;
}

.connexion-form .container-form .btn-social.facebook:hover {
background-color: #166fe5;
}

.connexion-form .container-form .btn-social.facebook img {
filter: brightness(0) invert(1);
}

/* Divider */
.connexion-form .container-form .divider {
display: flex;
align-items: center;
text-align: center;
margin: 20px 0;
color: var(--text-muted);
font-size: 0.9rem;
}

.connexion-form .container-form .divider::before, .divider::after {
content: '';
flex: 1;
border-bottom: 1px solid var(--border-color);
}

.connexion-form .container-form .divider:not(:empty)::before { margin-right: .75em; }
.connexion-form .container-form .divider:not(:empty)::after { margin-left: .75em; }

/* Champs de saisie */
.connexion-form .container-form .input-group {
margin-bottom: 16px;
}

.connexion-form .container-form .input-group label {
display: block;
margin-bottom: 6px;
font-size: 0.85rem;
font-weight: 600;
color: var(--text-main);
}

.connexion-form .container-form .input-group input {
width: 100%;
padding: 10px 12px;
border: 1px solid var(--border-color);
border-radius: 8px;
outline: none;
transition: border-color 0.2s;
}

.connexion-form .container-form .input-group input:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

/* Wrapper Password Show/Hide */
.connexion-form .container-form .password-wrapper {
position: relative;
}

.connexion-form .container-form .toggle-pass {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: var(--text-muted);
cursor: pointer;
}

.connexion-form .container-form #error-form{
color: rgba(253, 16, 16, 1);
font-weight:bold;
margin-top:10px;
}

/* Bouton principal */
.connexion-form .container-form .btn-primary {
width: 100%;
padding: 12px;
background-color: var(--royal-gold);
color: white;
border: none;
border-radius: 8px;
font-weight: bold;
cursor: pointer;
margin-top: 10px;
transition: background 0.2s;
}

.connexion-form .container-form .btn-primary:hover {
background-color: var(--swiss-red);
}

/* Liens */
.connexion-form .container-form .form-footer {
text-align: right;
margin-bottom: 20px;
}

.connexion-form .container-form .link {
font-size: 0.85rem;
color: var(--primary-color);
text-decoration: none;
}

.connexion-form .container-form .link:hover {
text-decoration: underline;
}

.connexion-form .container-form .signup-prompt {
text-align: center;
margin-top: 24px;
font-size: 0.9rem;
color: var(--text-muted);
}

.connexion-form .container-form .bold { font-weight: 600; }

/* Responsive */
@media (max-width: 480px) {
.connexion-form .container-form .login-card {
padding: 24px !important;
}
}

.recaptcha-wrapper {
width: 100%;
max-width: 100%;
overflow: hidden;
}

.recaptcha-wrapper iframe {
transform-origin: 0 0;
transform: scale(1);
}


footer img{
height: 90px !important;
}

.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.tab-link.active { 
background: rgba(197, 160, 89, 0.15); 
color: #c5a059; 
box-shadow: inset 0 -3px 0 #c5a059;
}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fadeIn { animation: fadeIn 0.4s ease forwards; }

#main-visual { transition: opacity 0.3s ease; }

@keyframes zoomIn {
from { opacity: 0; transform: scale(0.95); }
to { opacity: 1; transform: scale(1); }
}
.animate-zoomIn {
animation: zoomIn 0.25s ease-out forwards;
}

.bi-arrows-fullscreen::before {
font-weight: bold;
}

#main-visual {
pointer-events: none;
}

/* Version Desktop */
.card-mobile-fix {
    min-height: 430px;
}

/* Version Mobile */
@media screen and (max-width: 650px) {
    .card-mobile-fix {
        min-height: 320px !important; /* Hauteur minimale plus basse */
        max-height: 360px !important; /* Votre contrainte */
        padding: 10px !important;    /* On réduit le padding pour gagner de l'espace */
    }
    
    /* On s'assure que l'image ne pousse pas le prix dehors */
    .card-mobile-fix .h-32 {
        height: 260px !important; 
    }
}