/* FASTDEPANNAGE31 - Styles Optimisés pour Production */
:root {
    --primary-gold: #D4AF37;
    --gold-light: #F4D03F;
    --gold-dark: #B8860B;
    --accent-blue: #4A90E2;
    --dark-bg: #0a0a0a;
    --dark-charcoal: #1a1a1a;
    --dark-grey: #2a2a2a;
    --white: #FFFFFF;
    --black: #000000;
    --shadow: 0 8px 30px rgba(0,0,0,0.4);
    --shadow-hover: 0 12px 40px rgba(212,175,55,0.3);
    --shadow-gold: 0 4px 20px rgba(212,175,55,0.4);
    --shadow-deep: 0 20px 60px rgba(0,0,0,0.5);
    --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    --transition-slow: all 0.5s cubic-bezier(0.4,0,0.2,1);
    --gradient-gold: linear-gradient(135deg,#D4AF37 0%,#F4D03F 50%,#D4AF37 100%);
    --gradient-dark: linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0a0a0a 100%);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--white);background-color:var(--dark-bg);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:var(--transition)}
ul{list-style:none}
img{max-width:100%;height:auto}

/* Navigation */
nav.sticky{top:0;z-index:50;background:white;border-bottom:2px solid rgba(212,175,55,0.4);backdrop-filter:blur(10px);box-shadow:0 2px 15px rgba(0,0,0,0.2)}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Mobile Menu */
.mobile-menu{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}
.mobile-menu.open{max-height:500px}
.mobile-menu-item{padding:12px 16px;border-bottom:1px solid rgba(212,175,55,0.1);transition:background-color 0.2s ease}
.mobile-menu-item:hover{background-color:rgba(250,204,21,0.1)}

/* Burger Icon */
.burger-icon span{display:block;width:25px;height:2px;background:currentColor;margin:6px 0;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);transform-origin:center}
.burger-icon.open span:nth-child(1){transform:rotate(-45deg) translate(-6px,7px)}
.burger-icon.open span:nth-child(2){opacity:0;transform:translateX(10px)}
.burger-icon.open span:nth-child(3){transform:rotate(45deg) translate(-6px,-7px)}

/* Hero Section */
.py-12{padding:48px 0}
.py-20{padding:80px 0}
.text-center{text-align:center}
.mb-4{margin-bottom:16px}

/* Buttons */
.bg-gradient-to-r{background:linear-gradient(90deg,#FBBF24,#EAB308)}
.rounded-full{border-radius:9999px}
.hover\:scale-105:hover{transform:scale(1.05)}
.transition{transition:var(--transition)}

/* Tailwind utilities */
.max-w-7xl{max-width:80rem}
.mx-auto{margin-left:auto;margin-right:auto}
.px-4{padding-left:16px;padding-right:16px}
.gap-4{gap:16px}
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.text-white{color:white}
.text-dark-bg{color:var(--dark-bg)}
.text-yellow-400{color:#FBBF24}
.text-gold{color:var(--primary-gold)}
.text-gray-300{color:rgb(209,213,219)}
.text-gray-400{color:rgb(156,163,175)}
.font-bold{font-weight:700}
.font-black{font-weight:900}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.md\:text-4xl{@media(min-width:768px){font-size:2.25rem;line-height:2.5rem}}

/* Gallery Scroll */
#galleryScroll{scroll-behavior:smooth;scrollbar-width:thin}
.overflow-x-auto{overflow-x:auto}
.snap-x{scroll-snap-type:x mandatory}
.snap-mandatory{scroll-snap-type:mandatory}

/* Lightbox */
.hidden{display:none}
.fixed{position:fixed}
.inset-0{top:0;right:0;bottom:0;left:0}
.z-50{z-index:50}
.bg-black{background:black}
.rounded-lg{border-radius:8px}
.object-contain{object-fit:contain}

/* Map */
#map{width:100%;height:300px;border-radius:8px;box-shadow:var(--shadow)}

/* Responsive */
@media(max-width:640px){
    button,a{min-height:44px;min-width:44px}
    h1{font-size:2rem}
    h2{font-size:1.5rem}
    h3{font-size:1.25rem}
    .gap-3{gap:12px}
    .px-4{padding-left:16px;padding-right:16px}
    .py-12{padding:48px 20px}
    .text-3xl{font-size:1.5rem}
}

/* Animations */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.animate-fade-in-up{animation:fadeInUp 0.6s ease-out}

/* Service Cards */
.service-card{background:var(--dark-charcoal);padding:40px 30px;border-radius:15px;text-align:center;transition:var(--transition);box-shadow:var(--shadow);border:1px solid rgba(212,175,55,0.2);display:flex;flex-direction:column;align-items:center;min-height:100%}
.service-card:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 20px 50px rgba(212,175,55,0.25);border-color:var(--primary-gold);background:linear-gradient(135deg,var(--dark-charcoal) 0%,rgba(212,175,55,0.03) 100%)}

/* Gallery Item */
.gallery-item{position:relative;overflow:hidden;border-radius:15px;cursor:pointer;transition:var(--transition)}
.gallery-item:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(212,175,55,0.3)}

/* Modal */
.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);overflow-y:auto}
.modal.show{display:flex}
#lightbox.hidden{display:none}
#lightbox{display:flex}

/* Footer */
footer{background:black;border-top:1px solid rgba(212,175,55,0.2);padding:60px 0 20px}

/* WhatsApp Button */
.bg-green-500{background:#25D366}
.hover\:bg-green-600:hover{background:#20BA5A}
.text-white{color:white}

/* Touch targets */
@media(max-width:640px){
    button{min-height:44px}
    a{min-height:44px}
    .p-2{padding:8px}
}