/* Dark Luxury CSS Variables */
    :root {
      --primary-gold: rgba(201, 169, 97, 1);
      --primary-dark: #1C1C1E;
      --secondary-dark: #2C2C2E;
      --dark-bg: #000000;
      --accent-light: rgba(255, 255, 255, 0.1);
      --text-light: rgba(255, 255, 255, 0.9);
      --glass-bg: rgba(28, 28, 30, 0.85);
      --gradient-gold: linear-gradient(135deg, rgba(201, 169, 97, 1) 0%, rgba(181, 149, 77, 1) 100%);
      --gradient-dark: linear-gradient(180deg, rgba(28, 28, 30, 0.98) 0%, rgba(20, 20, 22, 1) 100%);
      --shadow-gold: 0 4px 20px rgba(201, 169, 97, 0.4);
    }

    /* Body Dark Theme */
    body {
      background: var(--dark-bg);
      color: var(--text-light);
    }

    .btn-funk {
      background: var(--gradient-gold);
      color: var(--white);
      box-shadow: var(--shadow-gold);
    }
    
    .btn-funk:hover {
      background: linear-gradient(135deg, rgba(181, 149, 77, 1) 0%, rgba(201, 169, 97, 1) 100%);
      transform: translateY(-3px);
      box-shadow: 0 8px 30px rgba(201, 169, 97, 0.6);
    }
    
    /* Hero Section */
    .hero {
      padding: 0;
      color: var(--text-light);
      text-align: center;
      position: relative;
      background: var(--dark-bg);
    }
    
    .hero-image {
      width: 100%;
      height: 50vh;
      min-height: 300px;
      background: url('https://djprestigesound.be/images/musicians_logo.png');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }
    
    .hero-content {
      max-width: 800px;
      margin: 0 auto;
      padding: 2rem 1rem;
      z-index: 1;
      position: relative;
      background: var(--gradient-dark);
    }
    
    .hero h1 {
      font-size: clamp(2.5rem, 5vw, 4rem);
      margin-bottom: 1.5rem;
      font-weight: 600;
    }
    
    .hero p {
      font-size: clamp(1rem, 1.8vw, 1.2rem);
      margin-bottom: 2rem;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
    }
    
    /* Section Headers */
    .section-header {
      text-align: center;
      margin-bottom: 4rem;
      position: relative;
    }
    
    .section-header .script-heading {
      color: var(--primary-gold);
      font-size: clamp(1.8rem, 4vw, 2.5rem);
      margin-bottom: 0.5rem;
      display: block;
    }
    
    .section-header h2 {
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      margin-bottom: 1.5rem;
      position: relative;
      display: inline-block;
      padding-bottom: 1rem;
    }
    
    .section-header h2::after {
      content: '';
      position: absolute;
      height: 2px;
      width: 60%;
      background: var(--gradient-gold);
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    
    .section-header p {
      max-width: 700px;
      margin: 0 auto;
      font-size: 1.1rem;
      color: var(--text-light);
      opacity: 0.9;
    }
    
    /* Service Cards */
    .service-card {
      background: var(--glass-bg);
      backdrop-filter: blur(15px);
      border: 1px solid var(--accent-light);
      padding: 2.5rem 1.5rem;
      border-radius: 0;
      transition: var(--transition);
      height: 100%;
      text-align: center;
      position: relative;
      overflow: hidden;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    }

    .service-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 15px 45px rgba(201, 169, 97, 0.3);
      border-color: var(--primary-gold);
    }

    .service-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 5px;
      background: var(--gradient-gold);
    }

    .service-icon {
      font-size: 2.5rem;
      margin-bottom: 1.5rem;
      color: var(--primary-gold);
    }
    
    .service-card h3 {
      margin-bottom: 1rem;
      font-size: 1.6rem;
      color: var(--text-light);
    }

    .service-card p {
      color: var(--text-light);
      opacity: 0.9;
    }
    
    /* Video Gallery */
    .video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
      height: 0;
      overflow: hidden;
      margin-bottom: 2rem;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
      transition: var(--transition);
      border-radius: 0;
      border: 1px solid var(--accent-light);
    }

    .video-container:hover {
      box-shadow: 0 15px 45px rgba(201, 169, 97, 0.3);
      transform: translateY(-5px);
      border-color: var(--primary-gold);
    }
    
    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
    }
    
    /* Contact Section */
    .contact-info {
      background: var(--glass-bg);
      backdrop-filter: blur(15px);
      border: 1px solid var(--accent-light);
      padding: 2.5rem;
      border-radius: 0;
      height: 100%;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
      transition: var(--transition);
    }

    .contact-info:hover {
      box-shadow: 0 15px 45px rgba(201, 169, 97, 0.3);
      border-color: var(--primary-gold);
    }

    .contact-info h3 {
      margin-bottom: 1.5rem;
      font-size: 1.8rem;
      color: var(--text-light);
    }
    
    .contact-item {
      display: flex;
      margin-bottom: 1.5rem;
    }
    
    .contact-icon {
      font-size: 1.5rem;
      color: var(--primary-gold);
      margin-right: 1rem;
      min-width: 40px;
    }

    .contact-item p, .contact-item a {
      color: var(--text-light);
    }
    
    .social-links-contact {
      display: flex;
      gap: 1rem;
      margin-top: 2rem;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .social-link-contact {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background: var(--secondary-dark);
      border: 1px solid var(--accent-light);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--primary-gold);
      transition: var(--transition);
      font-size: 1.2rem;
    }

    .social-link-contact:hover {
      background: var(--gradient-gold);
      color: var(--white);
      transform: translateY(-5px);
      box-shadow: var(--shadow-gold);
    }
    
    /* Tech Spec Section */
    .tech-spec-card {
      background: var(--glass-bg);
      backdrop-filter: blur(15px);
      border: 1px solid var(--accent-light);
      padding: 2.5rem;
      border-radius: 0;
      height: 100%;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
      transition: var(--transition);
      text-align: center;
    }

    .tech-spec-card:hover {
      box-shadow: 0 15px 45px rgba(201, 169, 97, 0.3);
      transform: translateY(-5px);
      border-color: var(--primary-gold);
    }

    .tech-spec-card h3 {
      margin-bottom: 1.5rem;
      font-size: 1.6rem;
      color: var(--text-light);
    }

    .tech-spec-card p {
      color: var(--text-light);
      opacity: 0.9;
    }

    .tech-spec-icon {
      font-size: 2.5rem;
      margin-bottom: 1.5rem;
      color: var(--primary-gold);
    }
    
    /* Styles pour la nouvelle section vidéo */
    .new-video-section {
      padding: 0;
      position: relative;
      background: var(--dark-bg);
      overflow: hidden;
      margin-top: -1px;
    }
    
    .new-video-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMyMjIiIGZpbGwtb3BhY2l0eT0iMC4wMyI+PHBhdGggZD0iTTM2IDM0aDR2MWgtNHYtMXptMC0yaC00djFoNHYtMXptNiAwaC00djFoNHYtMXptLTYtMmgtNHYxaDR2LTF6bTYgMGgtNHYxaDR2LTF6bS0yLTJoLTR2MWg0di0xem0tOCAwaDR2LTFoLTR2MXptOC00aDR2LTFoLTR2MXptLTggMGg0di0xaC00djF6Ii8+PC9nPjwvZz48L3N2Zz4=');
      opacity: 0.1;
      pointer-events: none;
    }
    
    .new-video-wrapper {
      position: relative;
      overflow: hidden;
      padding: 0;
      background: var(--primary-dark);
    }

    .new-badge {
      position: absolute;
      top: 20px;
      left: 20px;
      background: var(--gradient-gold);
      color: white;
      padding: 8px 15px;
      border-radius: 30px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 0.8rem;
      z-index: 2;
      display: flex;
      align-items: center;
      box-shadow: var(--shadow-gold);
      animation: float 3s ease-in-out infinite;
    }

    @keyframes float {
      0% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
      100% { transform: translateY(0px); }
    }
    
    .pulse-effect {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      border-radius: 30px;
      background: var(--gradient-gold);
      opacity: 0.5;
      z-index: -1;
      animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
      }
      70% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
      }
      100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
      }
    }
    
    /* Nouveau message funky */
    .funky-lovers-message {
      position: absolute;
      top: 60px;
      left: 20px;
      background: var(--gradient-gold);
      color: white;
      padding: 8px 15px;
      border-radius: 30px;
      font-weight: 500;
      font-size: 0.85rem;
      z-index: 2;
      max-width: 80%;
      box-shadow: var(--shadow-gold);
      transform: rotate(-2deg);
      animation: float-message 4s ease-in-out infinite;
    }

    .funky-lovers-message span {
      display: inline-block;
      transform: rotate(0deg);
    }

    @keyframes float-message {
      0% { transform: rotate(-2deg) translateY(0px); }
      50% { transform: rotate(1deg) translateY(-8px); }
      100% { transform: rotate(-2deg) translateY(0px); }
    }
    
    .featured-video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
      height: 0;
      overflow: hidden;
      margin-bottom: 0;
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
      transition: var(--transition);
    }
    
    .featured-video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0;
      z-index: 2;
    }

    /* Styles modifiés pour le conteneur de partage */
    .share-container {
      position: absolute;
      bottom: 20px;
      right: 20px;
      z-index: 3;
      display: flex;
      gap: 10px;
      background-color: rgba(255, 255, 255, 0.9);
      padding: 8px 15px;
      border-radius: 50px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    }
    
    .share-label {
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 0.9rem;
      color: var(--primary-dark);
      margin-right: 5px;
    }
    
    .share-buttons {
      display: flex;
      gap: 10px;
      align-items: center;
    }
    
    .share-btn {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      font-size: 1rem;
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
      overflow: hidden;
      cursor: pointer;
    }
    
    .share-btn:hover {
      transform: translateY(-3px) scale(1.1);
      box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    }
    
    .share-btn.facebook {
      background: linear-gradient(45deg, #3b5998, #4c70ba);
    }
    
    .share-btn.instagram {
      background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D);
    }
    
    .share-btn.twitter {
      background: linear-gradient(45deg, #1DA1F2, #0d95e8);
    }
    
    .share-btn.whatsapp {
      background: linear-gradient(45deg, #25D366, #1EA955);
    }
    
    .share-btn.tiktok {
      background: linear-gradient(45deg, #000000, #333333);
    }
    
    /* Styles pour la section Événements */
    .event-card {
      background: var(--glass-bg);
      backdrop-filter: blur(15px);
      border: 1px solid var(--accent-light);
      padding: 2.5rem;
      border-radius: 0;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
      transition: var(--transition);
      position: relative;
      overflow: hidden;
      border-left: 5px solid transparent;
      border-image: var(--gradient-gold);
      border-image-slice: 1;
    }

    .event-card:hover {
      box-shadow: 0 15px 45px rgba(201, 169, 97, 0.3);
      transform: translateY(-5px);
    }
    
    .event-header {
      margin-bottom: 1.5rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .event-title {
      font-size: 1.8rem;
      margin-bottom: 0.5rem;
      font-weight: 600;
      color: var(--text-light);
    }

    .event-subtitle {
      font-size: 1.2rem;
      color: var(--primary-gold);
      font-weight: 500;
    }
    
    .event-info {
      display: flex;
      margin-bottom: 1rem;
      align-items: flex-start;
    }
    
    .event-icon {
      color: var(--primary-gold);
      font-size: 1.2rem;
      margin-right: 1rem;
      margin-top: 0.2rem;
      min-width: 20px;
      text-align: center;
    }

    .event-text {
      font-weight: 400;
      color: var(--text-light);
    }
    
    .event-details {
      margin-bottom: 2rem;
    }
    
    .event-section-title {
      font-size: 1.3rem;
      margin-bottom: 1rem;
      color: var(--text-light);
      font-weight: 600;
    }
    
    .event-program {
      list-style: none;
      padding-left: 1rem;
      margin-bottom: 1.5rem;
    }
    
    .event-program li {
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 0.5rem;
      font-weight: 400;
    }
    
    .event-program li {
      color: var(--text-light);
    }

    .event-program li::before {
      content: '•';
      position: absolute;
      left: 0;
      color: var(--primary-gold);
      font-size: 1.2rem;
    }

    .event-additional {
      background: rgba(201, 169, 97, 0.1);
      padding: 1.5rem;
      border-left: 3px solid var(--primary-gold);
      margin-bottom: 2rem;
    }
    
    .event-additional p {
      margin-bottom: 0.5rem;
    }
    
    .event-badge {
      display: inline-block;
      background: var(--gradient-gold);
      color: white;
      padding: 0.3rem 1rem;
      border-radius: 30px;
      font-size: 0.8rem;
      font-weight: 600;
      margin-bottom: 1rem;
      letter-spacing: 1px;
      box-shadow: var(--shadow-gold);
    }
    
    /* Styles pour le formulaire de contact */
    .contact-form-container {
      background: var(--glass-bg);
      backdrop-filter: blur(15px);
      border: 1px solid var(--accent-light);
      padding: 2.5rem;
      border-radius: 0;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
      transition: var(--transition);
      position: relative;
      overflow: hidden;
    }

    .contact-form-container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 5px;
      background: var(--gradient-gold);
    }

    .contact-form-container:hover {
      box-shadow: 0 15px 45px rgba(201, 169, 97, 0.3);
      border-color: var(--primary-gold);
    }
    
    .form-group {
      margin-bottom: 1.5rem;
      position: relative;
    }
    
    .form-label {
      display: block;
      margin-bottom: 0.5rem;
      font-weight: 500;
      color: var(--text-light);
      font-size: 0.9rem;
      letter-spacing: 0.5px;
    }

    .form-control {
      display: block;
      width: 100%;
      padding: 0.8rem 1rem;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.5;
      color: var(--text-light);
      background: var(--secondary-dark);
      border: 1px solid var(--accent-light);
      background-clip: padding-box;
      transition: var(--transition);
      outline: none;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    }

    .form-control:focus {
      border-color: var(--primary-gold);
      box-shadow: var(--shadow-gold);
      background: var(--primary-dark);
    }
    
    .form-control::placeholder {
      color: rgba(255, 255, 255, 0.5);
      opacity: 1;
    }
    
    textarea.form-control {
      min-height: 150px;
      resize: vertical;
    }
    
    .invalid-feedback {
      display: none;
      width: 100%;
      margin-top: 0.25rem;
      font-size: 0.875rem;
      color: var(--error-color);
    }
    
    .was-validated .form-control:invalid, 
    .form-control.is-invalid {
      border-color: var(--error-color);
      background-color: rgba(231, 76, 60, 0.05);
    }
    
    .was-validated .form-control:invalid ~ .invalid-feedback, 
    .form-control.is-invalid ~ .invalid-feedback {
      display: block;
    }
    
    .form-check {
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 1rem;
    }
    
    .form-check-input {
      position: absolute;
      margin-top: 0.3rem;
      margin-left: -1.5rem;
    }
    
    .form-check-label {
      margin-bottom: 0;
      font-size: 0.9rem;
      color: var(--text-light);
    }
    
    .required-field::after {
      content: '*';
      color: var(--error-color);
      margin-left: 0.25rem;
    }
    
    .form-select {
      display: block;
      width: 100%;
      padding: 0.8rem 1rem;
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.5;
      color: var(--text-light);
      background: var(--secondary-dark);
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23C9A961' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      background-position: right 1rem center;
      background-size: 16px 12px;
      border: 1px solid var(--accent-light);
      border-radius: 0;
      appearance: none;
      transition: var(--transition);
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    }

    .form-select:focus {
      border-color: var(--primary-gold);
      box-shadow: var(--shadow-gold);
      outline: 0;
      background: var(--primary-dark);
    }
    
    .form-success-message {
      display: none;
      text-align: center;
      padding: 2rem;
      background-color: rgba(46, 204, 113, 0.1);
      border-left: 4px solid var(--success-color);
      margin-bottom: 1rem;
    }
    
    .form-success-message.show {
      display: block;
      animation: fadeIn 0.5s ease-out;
    }
    
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    .form-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      background: var(--gradient-gold);
      border-radius: 50%;
      margin: 0 auto 1.5rem;
      color: white;
      font-size: 2rem;
      box-shadow: var(--shadow-gold);
    }

    .form-section-title {
      font-size: 1.2rem;
      margin-bottom: 1.5rem;
      padding-bottom: 0.5rem;
      border-bottom: 1px solid var(--accent-light);
      font-weight: 600;
      color: var(--text-light);
    }
    
    .contact-submit-btn {
      padding: 0.75rem 2.5rem;
      font-size: 0.9rem;
      min-width: 180px;
    }
    
    .festival-icon {
      color: var(--primary-gold);
      margin-right: 0.5rem;
    }
    
    /* Style pour le champ date avec icône */
    .date-picker-wrapper {
      position: relative;
    }
    
    .date-picker-wrapper .form-control {
      padding-right: 2.5rem;
    }
    
    .date-picker-icon {
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      color: var(--primary-gold);
      opacity: 0.7;
      pointer-events: none;
    }
    
    /* Form loading spinner */
    .form-spinner {
      display: none;
      width: 20px;
      height: 20px;
      border: 2px solid rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      border-top-color: white;
      animation: spin 0.6s linear infinite;
      margin-left: 0.5rem;
    }
    
    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    
    .btn-submitting .form-spinner {
      display: inline-block;
    }
    
    .btn-submitting {
      opacity: 0.8;
      pointer-events: none;
    }
    
    /* Improved Responsive Styles */
    @media (max-width: 991.98px) {
      
      .hero-image {
        height: 40vh;
      }
      
      .tech-spec-card .d-flex {
        flex-direction: column;
        gap: 1rem;
      }
      
      .contact-info {
        padding: 2rem;
      }
      
      /* Affichage du sélecteur de langue mobile */
      .mobile-language-selector {
        display: block;
      }
      
      .desktop-language-selector {
        display: none;
      }
      
      /* Modification du conteneur de partage pour le responsive */
      .share-container {
        position: static; /* Changé de absolute à static */
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 15px auto;
        width: fit-content;
        max-width: 90%;
        background-color: rgba(255, 255, 255, 0.95);
        border-radius: 50px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
        padding: 8px 15px;
        z-index: 10;
      }
      
      .event-card {
        padding: 2rem;
      }
      
      .contact-form-container {
        padding: 2rem;
        margin-top: 2rem;
      }
    }
    
    @media (max-width: 767.98px) {
      section {
        padding: 3rem 0;
      }
      
      .hero-image {
        height: 35vh;
        min-height: 250px;
      }
      
      .section-header {
        margin-bottom: 2.5rem;
      }
      
      .service-card, 
      .contact-info, 
      .tech-spec-card {
        padding: 2rem 1.5rem;
      }
      
      .service-icon, 
      .tech-spec-icon {
        font-size: 2rem;
        margin-bottom: 1rem;
      }
      
      .service-card h3,
      .tech-spec-card h3 {
        font-size: 1.4rem;
      }
      
      /* Ajustement mobile */
      .funky-lovers-message {
        font-size: 0.75rem;
        top: 50px;
        left: 10px;
        padding: 6px 12px;
      }
      
      .share-container {
        flex-wrap: wrap;
        padding: 10px;
      }
      
      .share-label {
        margin-bottom: 5px;
        width: 100%;
        justify-content: center;
        font-size: 0.8rem;
      }
      
      .share-buttons {
        width: 100%;
        justify-content: center;
      }
      
      .share-btn {
        width: 30px;
        height: 30px;
        font-size: 0.9rem;
      }
      
      .event-card {
        padding: 1.5rem;
      }
      
      .event-title {
        font-size: 1.5rem;
      }
      
      .event-subtitle {
        font-size: 1.1rem;
      }
      
      .contact-form-container {
        padding: 1.5rem;
      }
      
      .form-row {
        flex-direction: column;
      }
      
      .form-col {
        padding: 0;
      }
    }
    
    @media (max-width: 575.98px) {
      section {
        padding: 2.5rem 0;
      }
      
      .hero-image {
        height: 30vh;
        min-height: 200px;
      }
      
      .social-links-contact {
        gap: 0.8rem;
      }
      
      .social-link-contact {
        width: 45px;
        height: 45px;
      }
      
      .event-card {
        padding: 1.2rem;
      }
      
      .contact-form-container {
        padding: 1.2rem;
      }
    }
    
    /* Ajout d'un nouveau conteneur pour la vidéo et les boutons de partage */
    .video-share-wrapper {
      position: relative;
      width: 100%;
    }

    /* ============================================
       FORCE DARK LUXURY THEME - Override All Styles
       ============================================ */

    /* Force all sections to dark background */
    section {
      background: var(--dark-bg) !important;
      color: var(--text-light) !important;
    }

    /* Override Bootstrap light backgrounds */
    .bg-light,
    .py-5.bg-light {
      background: var(--secondary-dark) !important;
      color: var(--text-light) !important;
    }

    /* Force containers to be dark */
    .container,
    .container-fluid {
      color: var(--text-light);
    }

    /* All headings should be light */
    h1, h2, h3, h4, h5, h6 {
      color: var(--text-light) !important;
    }

    /* All paragraphs should be light */
    p, li, span:not(.script-heading):not(.share-label) {
      color: var(--text-light) !important;
    }

    /* Links should be gold or light */
    a:not(.btn) {
      color: var(--primary-gold);
    }

    a:not(.btn):hover {
      color: rgba(201, 169, 97, 0.8);
    }

    /* Share container dark theme */
    .share-container {
      background-color: rgba(28, 28, 30, 0.9) !important;
      border: 1px solid var(--accent-light);
    }

    .share-label {
      color: var(--primary-gold) !important;
    }

    /* Share buttons dark theme */
    .share-btn {
      background: var(--secondary-dark);
      border: 1px solid var(--accent-light);
      transition: all 0.3s ease;
    }

    .share-btn:hover {
      background: var(--primary-gold);
      transform: scale(1.1);
      box-shadow: var(--shadow-gold);
    }

    /* About section specific */
    .about-section {
      background: var(--gradient-dark) !important;
    }

    /* Services section */
    .services-section {
      background: var(--dark-bg) !important;
    }

    /* Video gallery section */
    .video-gallery {
      background: var(--secondary-dark) !important;
    }

    /* Tech spec section */
    .tech-spec-section {
      background: var(--dark-bg) !important;
    }

    /* Contact section */
    .contact-section {
      background: var(--secondary-dark) !important;
    }

    /* Hero section */
    .hero {
      background: var(--dark-bg) !important;
    }

    /* Text center elements */
    .text-center {
      color: var(--text-light) !important;
    }

    /* Forms dark theme */
    .form-control,
    input[type="text"],
    input[type="email"],
    textarea {
      background: var(--secondary-dark) !important;
      border: 1px solid var(--accent-light) !important;
      color: var(--text-light) !important;
    }

    .form-control:focus,
    input[type="text"]:focus,
    input[type="email"]:focus,
    textarea:focus {
      background: var(--primary-dark) !important;
      border-color: var(--primary-gold) !important;
      box-shadow: 0 0 0 0.2rem rgba(201, 169, 97, 0.25) !important;
      color: var(--text-light) !important;
    }

    .form-control::placeholder,
    input::placeholder,
    textarea::placeholder {
      color: rgba(255, 255, 255, 0.5) !important;
    }

    /* Buttons primary styling */
    .btn-primary {
      background: var(--gradient-gold) !important;
      border: none !important;
      color: white !important;
    }

    .btn-primary:hover {
      background: var(--gradient-gold) !important;
      transform: translateY(-2px);
      box-shadow: var(--shadow-gold) !important;
    }

    /* Lists */
    ul, ol {
      color: var(--text-light);
    }

    /* Lead text */
    .lead {
      color: var(--text-light) !important;
    }

    /* Breadcrumbs if any */
    .breadcrumb {
      background: var(--secondary-dark) !important;
    }

    .breadcrumb-item,
    .breadcrumb-item a {
      color: var(--text-light) !important;
    }

    /* Tables if any */
    .table {
      color: var(--text-light) !important;
      background: var(--secondary-dark) !important;
    }

    .table thead th {
      border-color: var(--accent-light) !important;
      color: var(--primary-gold) !important;
    }

    .table td {
      border-color: var(--accent-light) !important;
    }

    /* SEO Section Cards - Force Dark Luxury */
    .py-5.bg-light .card {
      background: var(--glass-bg) !important;
      backdrop-filter: blur(15px) !important;
      border: 1px solid var(--accent-light) !important;
      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    }

    .py-5.bg-light .card:hover {
      box-shadow: 0 15px 45px rgba(201, 169, 97, 0.3) !important;
      border-color: var(--primary-gold) !important;
      transform: translateY(-5px) !important;
      transition: all 0.3s ease !important;
    }

    .py-5.bg-light .card-body {
      background: transparent !important;
    }

    .py-5.bg-light .card h3 {
      color: var(--primary-gold) !important;
    }

    .py-5.bg-light .card p {
      color: var(--text-light) !important;
    }

    .py-5.bg-light .card ul li {
      color: var(--text-light) !important;
    }

    .py-5.bg-light .card ul li strong {
      color: var(--primary-gold) !important;
    }

    .py-5.bg-light .card .text-muted {
      color: rgba(255, 255, 255, 0.6) !important;
    }

    .py-5.bg-light .card .text-success {
      color: var(--primary-gold) !important;
    }

    .py-5.bg-light .card .text-primary,
    .py-5.bg-light .card .text-warning {
      color: var(--primary-gold) !important;
    }

    /* Exception for footer social icons - preserve their styling */
    .footer .social-link,
    .footer-social .social-link {
      background-color: rgba(210, 180, 140, 0.2) !important;
      color: #D2B48C !important;
    }

    .footer .social-link i,
    .footer-social .social-link i {
      color: #D2B48C !important;
      opacity: 1 !important;
    }

    .footer .social-link:hover {
      background-color: #D2B48C !important;
      color: white !important;
    }

    .footer .social-link:hover i {
      color: white !important;
    }

    /* Don't force color/opacity on FontAwesome icons in footer */
    .footer i.fab,
    .footer i.fas,
    .footer i.far,
    .footer i.fal {
      color: inherit !important;
      opacity: 1 !important;
    }

    /* ============================================
       COLORED TINTS FOR EACH SECTION
       Teintes colorées pour distinguer les sections
       ============================================ */

    /* About Section - Teinte dorée/ambrée */
    .about-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(201, 169, 97, 0.08) 0%, rgba(201, 169, 97, 0.12) 100%);
      pointer-events: none;
      z-index: 1;
    }

    .about-section > * {
      position: relative;
      z-index: 2;
    }

    /* Services Section - Teinte bleutée froide */
    .services-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(100, 150, 200, 0.06) 0%, rgba(80, 130, 180, 0.1) 100%);
      pointer-events: none;
      z-index: 1;
    }

    .services-section > * {
      position: relative;
      z-index: 2;
    }

    /* Video Gallery - Teinte violette/magenta */
    .video-gallery::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(180, 100, 200, 0.06) 0%, rgba(160, 80, 180, 0.1) 100%);
      pointer-events: none;
      z-index: 1;
    }

    .video-gallery > * {
      position: relative;
      z-index: 2;
    }

    /* Tech Spec Section - Teinte verte émeraude */
    .tech-spec-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(80, 180, 140, 0.06) 0%, rgba(60, 160, 120, 0.1) 100%);
      pointer-events: none;
      z-index: 1;
    }

    .tech-spec-section > * {
      position: relative;
      z-index: 2;
    }

    /* Contact Section - Teinte rouge/rose */
    .contact-section::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(200, 100, 120, 0.06) 0%, rgba(180, 80, 100, 0.1) 100%);
      pointer-events: none;
      z-index: 1;
    }

    .contact-section > * {
      position: relative;
      z-index: 2;
    }

    /* SEO Section - Teinte orange chaleureuse */
    .py-5.bg-light::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(220, 140, 80, 0.06) 0%, rgba(200, 120, 60, 0.1) 100%);
      pointer-events: none;
      z-index: 1;
    }

    .py-5.bg-light > * {
      position: relative;
      z-index: 2;
    }