/* ============================================================
   SMARTHOUSE SYSTEM — Futuristic Dark Neon Design
   Toutes les règles sont sous body.dark-mode
   ============================================================ */

/* ---------- Keyframes (globaux) ---------- */
@keyframes gridPulse   { 0%,100%{opacity:.5} 50%{opacity:1} }
@keyframes blobFloat   { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-40px)} }
@keyframes gradientShift{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes counterGlow { 0%,100%{text-shadow:0 0 25px rgba(0,212,255,.6),0 0 60px rgba(0,212,255,.25)} 50%{text-shadow:0 0 45px rgba(0,212,255,.95),0 0 90px rgba(0,212,255,.45)} }

/* ---------- Barre flottante haut-droite : toggle + email ---------- */
#top-right-bar {
  position: fixed !important;
  top: 16px !important;
  right: 18px !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* Bouton commun */
#theme-toggle, #quick-email-btn {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  flex-shrink: 0 !important;
}

/* Toggle sombre */
#theme-toggle {
  border: 2px solid #00d4ff !important;
  background: #0a1628 !important;
  color: #00d4ff !important;
  box-shadow: 0 0 16px rgba(0,212,255,.3) !important;
}
#theme-toggle:hover { transform: scale(1.1) !important; box-shadow: 0 0 28px rgba(0,212,255,.55) !important; }
#theme-toggle svg { display: block !important; flex-shrink: 0 !important; }
#theme-toggle .icon-sun  { display: none !important; }
#theme-toggle .icon-moon { display: flex !important; align-items: center !important; justify-content: center !important; }

/* Toggle clair */
body:not(.dark-mode) #theme-toggle {
  background: #1e3a5f !important;
  border-color: #3b82f6 !important;
  color: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
}
body:not(.dark-mode) #theme-toggle .icon-sun  { display: flex !important; align-items: center !important; justify-content: center !important; }
body:not(.dark-mode) #theme-toggle .icon-moon { display: none !important; }

/* Bouton email */
#quick-email-btn {
  border: 2px solid #00d4ff !important;
  background: #0a1628 !important;
  color: #00d4ff !important;
  box-shadow: 0 0 16px rgba(0,212,255,.3) !important;
}
#quick-email-btn:hover { transform: scale(1.1) !important; box-shadow: 0 0 28px rgba(0,212,255,.55) !important; }
body:not(.dark-mode) #quick-email-btn {
  background: #1e3a5f !important;
  border-color: #3b82f6 !important;
  color: #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
}

/* Popup email */
#quick-email-popup {
  display: none;
  position: fixed !important;
  top: 74px !important;
  right: 18px !important;
  z-index: 99998 !important;
  width: 320px !important;
  background: #0d1b35 !important;
  border: 1px solid rgba(0,212,255,.3) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.6), 0 0 30px rgba(0,212,255,.1) !important;
  animation: fadeInDown .25s ease !important;
}
@keyframes fadeInDown {
  from { opacity:0; transform:translateY(-10px); }
  to   { opacity:1; transform:translateY(0); }
}
#quick-email-popup.open { display: block !important; }
#quick-email-popup h4 {
  color: #00d4ff !important;
  font-size: 16px !important;
  margin-bottom: 16px !important;
  font-weight: 700 !important;
}
#quick-email-popup input,
#quick-email-popup textarea {
  width: 100% !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(0,212,255,.2) !important;
  border-radius: 8px !important;
  color: #e2e8f0 !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  margin-bottom: 10px !important;
  outline: none !important;
  resize: none !important;
}
#quick-email-popup input::placeholder,
#quick-email-popup textarea::placeholder { color: #64748b !important; }
#quick-email-popup input:focus,
#quick-email-popup textarea:focus { border-color: #00d4ff !important; }
#quick-email-popup button[type="submit"] {
  width: 100% !important;
  padding: 10px !important;
  background: linear-gradient(135deg,#00d4ff,#7c3aed) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: opacity .2s !important;
}
#quick-email-popup button[type="submit"]:hover { opacity: .88 !important; }
#quick-email-popup .popup-close {
  position: absolute !important;
  top: 12px !important; right: 14px !important;
  background: none !important; border: none !important;
  color: #94a3b8 !important; font-size: 18px !important;
  cursor: pointer !important; line-height: 1 !important;
}
body:not(.dark-mode) #quick-email-popup {
  background: #1e3a5f !important;
  border-color: rgba(59,130,246,.4) !important;
}
body:not(.dark-mode) #quick-email-popup h4 { color: #7dd3fc !important; }
body:not(.dark-mode) #quick-email-popup input,
body:not(.dark-mode) #quick-email-popup textarea {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(59,130,246,.3) !important;
  color: #fff !important;
}
body:not(.dark-mode) #quick-email-popup input:focus,
body:not(.dark-mode) #quick-email-popup textarea:focus { border-color: #7dd3fc !important; }

/* ============================================================
   DARK MODE RULES
   ============================================================ */

/* --- Variables --- */
body.dark-mode {
  --cy-bg:     #050510;
  --cy-bg2:    #0a0f1e;
  --cy-bg3:    #0d1530;
  --cy-cyan:   #00d4ff;
  --cy-violet: #7c3aed;
  --cy-text:   #e2e8f0;
  --cy-muted:  #64748b;
  --cy-glass:  rgba(255,255,255,.03);
  --cy-border: rgba(0,212,255,.15);
  --cy-glow:   0 0 20px rgba(0,212,255,.25);
  background-color: #050510 !important;
  color: #e2e8f0 !important;
}

/* Scrollbar */
body.dark-mode::-webkit-scrollbar        { width: 5px; }
body.dark-mode::-webkit-scrollbar-track  { background: #050510; }
body.dark-mode::-webkit-scrollbar-thumb  { background: linear-gradient(#00d4ff,#7c3aed); border-radius:4px; }

/* --- Color helpers --- */
body.dark-mode .p1-color  { color: #00d4ff !important; }
body.dark-mode .p2-color  { color: #00d4ff !important; }
body.dark-mode .p3-color  { color: #00d4ff !important; }
body.dark-mode .p4-color  { color: #64748b !important; }
body.dark-mode .p5-color  { color: #7c3aed !important; }
body.dark-mode .p6-color  { color: #f1f5f9 !important; }
body.dark-mode .p8-color  { color: #f1f5f9 !important; }
body.dark-mode .p9-color  { color: #f1f5f9 !important; }
body.dark-mode .p11-color { color: #94a3b8 !important; }
body.dark-mode .n4-color  { color: #00d4ff !important; }

body.dark-mode .bg1-color  { background: rgba(0,212,255,.12) !important; }
body.dark-mode .bg3-color  { background: #0d1530 !important; }
body.dark-mode .bg4-color  { background: #050510 !important; }
body.dark-mode .bg6-color  { background: rgba(5,5,16,.9) !important; }
body.dark-mode .bg7-color  { background: #0a0f1e !important; }
body.dark-mode .bg9-color  { background: rgba(0,212,255,.04) !important; }
body.dark-mode .bg10-color { background: rgba(255,255,255,.03) !important; }
body.dark-mode .bg12-color { background: linear-gradient(to top,rgba(5,5,16,.95),transparent) !important; }
body.dark-mode .bg13-color { background: rgba(255,255,255,.03) !important; }
body.dark-mode .bg14-color { background: rgba(255,255,255,.02) !important; }
body.dark-mode .border-six, body.dark-mode .cus-border { border-color: rgba(0,212,255,.15) !important; }
body.dark-mode .border-four { border-color: rgba(0,212,255,.1) !important; }
body.dark-mode hr.border   { border-color: rgba(0,212,255,.08) !important; }

/* --- Header --- */
body.dark-mode .header-section,
body.dark-mode .navbar_mainhead {
  background: rgba(5,5,16,.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(0,212,255,.12) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,.5) !important;
}
body.dark-mode .header-section nav a,
body.dark-mode .header-section nav button { color: #cbd5e1 !important; }
body.dark-mode .header-section nav a:hover { color: #00d4ff !important; }
body.dark-mode .company-header .ch-main { color: #00d4ff !important; }
body.dark-mode .company-header .ch-sub  { color: #f59e0b !important; }

/* Logo net en mode nuit */
body.dark-mode .header-logo-col img.logo {
  mix-blend-mode: screen !important;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  filter: brightness(1.05) contrast(1.05) !important;
}

body.dark-mode .btn2 {
  border: 1px solid #00d4ff !important;
  color: #00d4ff !important;
  background: transparent !important;
  border-radius: 50px !important;
}
body.dark-mode .btn2:hover {
  background: rgba(0,212,255,.12) !important;
  box-shadow: 0 0 20px rgba(0,212,255,.25) !important;
}

/* --- Hero --- */
body.dark-mode .banner-section {
  background: #050510 !important;
  position: relative;
  overflow: hidden;
}
body.dark-mode .banner-section::before {
  content: '';
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);
  background-size: 60px 60px;
  z-index: 0; pointer-events: none;
  animation: gridPulse 5s ease-in-out infinite;
}
body.dark-mode .banner-section::after {
  content: '';
  position: absolute;
  width: 700px; height: 700px;
  top: -250px; right: -150px;
  background: radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 70%);
  z-index: 0; pointer-events: none;
  animation: blobFloat 8s ease-in-out infinite;
}
body.dark-mode .banner-translate-carousel,
body.dark-mode .swiper-slide,
body.dark-mode .banner-section .row { position: relative; z-index: 1; }

body.dark-mode .title-big {
  background: linear-gradient(135deg,#00d4ff 0%,#7c3aed 60%,#00d4ff 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: gradientShift 4s ease infinite;
}
body.dark-mode .title-small {
  color: #00d4ff !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-size: clamp(1.4rem, 2.8vw, 2.8rem) !important;
  line-height: 1.25 !important;
  display: block !important;
  margin-bottom: 0.5rem !important;
}
body.dark-mode .title-main { color: #fff !important; }
body.dark-mode .svg-shape svg path { fill: #0a0f1e !important; }

body.dark-mode .banner-section .carousel-infinity .item-area {
  background: rgba(0,212,255,.05) !important;
  border: 1px solid rgba(0,212,255,.1) !important;
}
body.dark-mode .slide-button {
  background: rgba(0,212,255,.08) !important;
  border: 1px solid rgba(0,212,255,.2) !important;
  color: #00d4ff !important;
}
body.dark-mode .slide-button:hover {
  background: rgba(0,212,255,.18) !important;
  box-shadow: 0 0 20px rgba(0,212,255,.25) !important;
}
body.dark-mode .slider-current,
body.dark-mode .slider-total,
body.dark-mode .slider-pagination-divider { color: #94a3b8 !important; }

/* --- Buttons --- */
body.dark-mode .btn {
  background: transparent !important;
  border: 1px solid #00d4ff !important;
  color: #00d4ff !important;
  border-radius: 50px !important;
  position: relative; overflow: hidden;
  transition: all .35s ease !important;
}
body.dark-mode .btn::after {
  content: '';
  position: absolute; top:0; left:-100%;
  width:100%; height:100%;
  background: linear-gradient(90deg,transparent,rgba(0,212,255,.18),transparent);
  transition: left .5s ease;
}
body.dark-mode .btn:hover::after { left: 100%; }
body.dark-mode .btn:hover {
  background: rgba(0,212,255,.1) !important;
  box-shadow: 0 0 20px rgba(0,212,255,.25),0 0 40px rgba(0,212,255,.12) !important;
  color: #fff !important;
}

/* --- Section label accent --- */
body.dark-mode .fs-ten.fw-semibold.p2-color,
body.dark-mode .fs-ten.fw-semibold.p3-color {
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-size: .68rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body.dark-mode .fs-ten.fw-semibold.p2-color::before,
body.dark-mode .fs-ten.fw-semibold.p3-color::before {
  content: '';
  display: inline-block;
  width: 24px; height: 2px;
  background: linear-gradient(90deg,#00d4ff,#7c3aed);
  border-radius: 2px;
  box-shadow: 0 0 6px #00d4ff;
}

/* --- Services --- */
body.dark-mode .service-section { background: #0a0f1e !important; }
body.dark-mode .single-item {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(0,212,255,.15) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: all .4s ease !important;
  position: relative; overflow: hidden;
}
body.dark-mode .single-item::before {
  content: '';
  position: absolute; top:0; left:0;
  width:100%; height:2px;
  background: linear-gradient(90deg,transparent,#00d4ff,transparent);
  transform: scaleX(0); transition: transform .4s ease;
}
body.dark-mode .single-item:hover::before { transform: scaleX(1); }
body.dark-mode .single-item:hover {
  background: rgba(0,212,255,.05) !important;
  border-color: rgba(0,212,255,.4) !important;
  box-shadow: 0 8px 40px rgba(0,212,255,.12) !important;
  transform: translateY(-5px);
}
body.dark-mode .single-item .number-area { color: rgba(0,212,255,.1) !important; font-weight:900 !important; }
body.dark-mode .single-item h3 { color: #f1f5f9 !important; }

/* --- Marquee --- */
body.dark-mode .marquee-section.bg3-color {
  background: #0d1530 !important;
  border-top: 1px solid rgba(0,212,255,.08) !important;
  border-bottom: 1px solid rgba(0,212,255,.08) !important;
}

/* --- Process --- */
body.dark-mode .process_icon_bg {
  background: rgba(0,212,255,.06) !important;
  border: 1px solid rgba(0,212,255,.18) !important;
  transition: all .35s ease !important;
}
body.dark-mode .service_card_hover:hover .process_icon_bg {
  background: rgba(0,212,255,.12) !important;
  box-shadow: 0 0 30px rgba(0,212,255,.25) !important;
}
body.dark-mode .process_icon_num {
  background: linear-gradient(135deg,#00d4ff,#7c3aed) !important;
  color: #fff !important; border: none !important;
  box-shadow: 0 0 14px rgba(0,212,255,.5) !important;
  font-weight: 800 !important;
}

/* --- Choose us --- */
body.dark-mode .choose_icon_width.bg1-color {
  background: linear-gradient(135deg,#00d4ff,#7c3aed) !important;
  box-shadow: 0 0 18px rgba(0,212,255,.3) !important;
}
.choose_img {
  border-radius: 50% !important;
  overflow: hidden !important;
  width: 48px !important;
  height: 48px !important;
}
.choose_img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 50% !important;
}

/* --- Portfolio tabs --- */
body.dark-mode .tabs li {
  background: rgba(255,255,255,.02) !important;
  border-color: rgba(0,212,255,.12) !important;
  color: #94a3b8 !important;
  transition: all .3s ease !important;
}
body.dark-mode .tabs li:hover,
body.dark-mode .tabs li.active {
  background: rgba(0,212,255,.1) !important;
  border-color: #00d4ff !important;
  color: #00d4ff !important;
  box-shadow: 0 0 14px rgba(0,212,255,.2) !important;
}
body.dark-mode .single_project {
  overflow: hidden;
  border: 1px solid rgba(0,212,255,.08);
  transition: all .35s ease;
}
body.dark-mode .single_project:hover {
  border-color: rgba(0,212,255,.35);
  box-shadow: 0 0 25px rgba(0,212,255,.12);
}
body.dark-mode .single_project img { transition: transform .45s ease; }
body.dark-mode .single_project:hover img { transform: scale(1.06); }
body.dark-mode .single_project .project-content {
  background: linear-gradient(to top,rgba(5,5,16,.97) 0%,rgba(5,5,16,.5) 100%) !important;
  border-top: 1px solid rgba(0,212,255,.15) !important;
}

/* --- Counter --- */
body.dark-mode .parallax.bg4-color {
  background: linear-gradient(135deg,#050510,#0a0f1e,#050510) !important;
  border-top: 1px solid rgba(0,212,255,.12) !important;
  border-bottom: 1px solid rgba(0,212,255,.12) !important;
  position: relative; overflow: hidden;
}
body.dark-mode .parallax.bg4-color::before {
  content: '';
  position: absolute; inset:0;
  background-image:
    linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);
  background-size: 40px 40px; pointer-events: none;
}
body.dark-mode .counter {
  color: #00d4ff !important;
  text-shadow: 0 0 25px rgba(0,212,255,.6),0 0 60px rgba(0,212,255,.25) !important;
}
body.dark-mode .display-nine.counter {
  font-size: clamp(5rem,10vw,9rem) !important;
  font-weight: 800 !important; line-height:1 !important;
  animation: counterGlow 3s ease-in-out infinite;
}
body.dark-mode .counter_right_side {
  background: rgba(0,212,255,.03) !important;
  border: 1px solid rgba(0,212,255,.12) !important;
  backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 0 40px rgba(0,212,255,.05) !important;
}
body.dark-mode .cus-border.second { border-color: rgba(0,212,255,.12) !important; }

/* --- Testimonials --- */
body.dark-mode .testimonial { background: #0a0f1e !important; }
body.dark-mode .bg10-color {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(0,212,255,.15) !important;
  backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
  transition: all .35s ease !important;
}
body.dark-mode .bg10-color:hover {
  background: rgba(0,212,255,.05) !important;
  border-color: rgba(0,212,255,.3) !important;
  box-shadow: 0 8px 35px rgba(0,212,255,.1) !important;
}
body.dark-mode .testimonial-avatar {
  border: 2px solid rgba(0,212,255,.3) !important;
  box-shadow: 0 0 14px rgba(0,212,255,.2) !important;
}
body.dark-mode .bg10-color .fs-eleven { color: #94a3b8 !important; }
body.dark-mode .bg10-color h4.p6-color { color: #e2e8f0 !important; }

/* --- Team --- */
body.dark-mode .single_team {
  border: 1px solid rgba(0,212,255,.08);
  transition: all .35s ease; overflow: hidden;
}
body.dark-mode .single_team:hover {
  border-color: rgba(0,212,255,.3);
  box-shadow: 0 0 25px rgba(0,212,255,.1);
}
body.dark-mode .single_team .team-content,
body.dark-mode .bg12-color {
  background: linear-gradient(to top,rgba(5,5,16,.97),rgba(5,5,16,.1)) !important;
}

/* --- FAQ --- */
body.dark-mode .faq {
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(0,212,255,.1) !important;
  border-radius: 8px !important;
  transition: all .3s ease !important;
}
body.dark-mode .faq:hover {
  background: rgba(0,212,255,.04) !important;
  border-color: rgba(0,212,255,.25) !important;
  box-shadow: 0 4px 20px rgba(0,212,255,.08) !important;
}
body.dark-mode .faq_icon_width {
  background: rgba(0,212,255,.08) !important;
  border: 1px solid rgba(0,212,255,.18) !important;
  border-radius: 6px !important;
}
body.dark-mode .faq_icon_width i,
body.dark-mode .ph-minus.p1-color { color: #00d4ff !important; }

/* --- CTA Discuss --- */
body.dark-mode .dicscuss_projects {
  background: linear-gradient(135deg,#0d1530 0%,#050510 100%) !important;
  position: relative; overflow: hidden;
}
body.dark-mode .dicscuss_projects::before {
  content: '';
  position: absolute;
  width:600px; height:600px;
  left:-200px; top:-200px;
  background: radial-gradient(circle,rgba(124,58,237,.18) 0%,transparent 65%);
  pointer-events: none;
}
body.dark-mode .dicscuss_projects::after {
  content: '';
  position: absolute;
  width:500px; height:500px;
  right:5%; bottom:-150px;
  background: radial-gradient(circle,rgba(0,212,255,.12) 0%,transparent 65%);
  pointer-events: none;
}
body.dark-mode .dicscuss-content { position: relative; z-index:2; }

/* --- Blog --- */
body.dark-mode .blog_card {
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(0,212,255,.1) !important;
  transition: all .4s ease !important;
}
body.dark-mode .blog_card:hover {
  border-color: rgba(0,212,255,.3) !important;
  box-shadow: 0 8px 40px rgba(0,212,255,.1) !important;
  transform: translateY(-5px);
}
body.dark-mode .blog-content {
  background: rgba(0,212,255,.15) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(0,212,255,.2) !important;
  border-radius: 8px !important;
}
body.dark-mode .blog_image { filter: brightness(.85); transition: filter .35s ease; }
body.dark-mode .blog_card:hover .blog_image { filter: brightness(1); }
body.dark-mode .blog_card .bg1-color {
  background: rgba(0,212,255,.12) !important;
  border: 1px solid rgba(0,212,255,.2) !important;
  border-radius: 50px !important;
}

/* --- Contact --- */
body.dark-mode .contact-section { background: #0a0f1e !important; }
body.dark-mode .bg14-color {
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(0,212,255,.1) !important;
}
body.dark-mode .contact-section > .container > .row.bg1-color {
  background: rgba(5,5,16,.9) !important;
  border: 1px solid rgba(0,212,255,.12) !important;
}
body.dark-mode .single-input input,
body.dark-mode .single-input textarea {
  background: transparent !important;
  border-bottom: 1px solid rgba(0,212,255,.18) !important;
  color: #e2e8f0 !important;
}
body.dark-mode .single-input input::placeholder,
body.dark-mode .single-input textarea::placeholder { color: #475569 !important; }
body.dark-mode .single-input input:focus,
body.dark-mode .single-input textarea:focus {
  border-bottom-color: #00d4ff !important;
  outline: none;
  box-shadow: 0 2px 0 rgba(0,212,255,.2);
}
body.dark-mode .contact_icon {
  background: rgba(0,212,255,.07) !important;
  border: 1px solid rgba(0,212,255,.18) !important;
  transition: all .3s;
}
body.dark-mode .contact_icon:hover {
  background: rgba(0,212,255,.15) !important;
  box-shadow: 0 0 20px rgba(0,212,255,.25) !important;
}
body.dark-mode .map-area iframe { opacity:.65; filter: invert(90%) hue-rotate(180deg); }

/* --- Partners --- */
body.dark-mode .our_clients { background: #050510 !important; }
body.dark-mode .bg13-color {
  filter: grayscale(40%) brightness(.8);
  border: 1px solid rgba(0,212,255,.06) !important;
  transition: filter .35s ease;
}
body.dark-mode .bg13-color:hover { filter: grayscale(0%) brightness(1); border-color: rgba(0,212,255,.2) !important; }

/* --- Footer --- */
body.dark-mode .footer_section,
body.dark-mode .bg11-color {
  background: #020209 !important;
  border-top: 1px solid rgba(0,212,255,.08) !important;
}
body.dark-mode .newsletter { border-bottom: 1px solid rgba(0,212,255,.08) !important; }
body.dark-mode .newsletter .icon-area {
  background: rgba(0,212,255,.08) !important;
  border: 1px solid rgba(0,212,255,.15) !important;
}
body.dark-mode .footer_section .single-input {
  background: rgba(0,212,255,.05) !important;
  border: 1px solid rgba(0,212,255,.15) !important;
}
body.dark-mode .footer_section .single-input input {
  background: transparent !important; border: none !important; color: #e2e8f0 !important;
}
body.dark-mode .footer_section .single-input input::placeholder { color: #475569 !important; }
body.dark-mode .footer_section .single-input button {
  background: linear-gradient(135deg,#00d4ff,#7c3aed) !important;
  color:#fff !important; border:none !important;
}
body.dark-mode .footer_tag:hover { color: #00d4ff !important; }
body.dark-mode .underline-hover-effect:hover span,
body.dark-mode .underline-hover-effect:hover i { color: #00d4ff !important; }
body.dark-mode .social_info .contact_icon i { color: #00d4ff !important; }


/* ============================================================
   SKY GLASS — MODE JOUR
   Toutes les règles sous body:not(.dark-mode)
   ============================================================ */

@keyframes skyFloat { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-20px) scale(1.02)} }
@keyframes glassShimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }

body:not(.dark-mode) {
  --sk-sky:    #0ea5e9;
  --sk-blue:   #0284c7;
  --sk-indigo: #6366f1;
  --sk-text:   #0c1a2e;
  --sk-muted:  #475569;
  --sk-glass:  rgba(255,255,255,.6);
  --sk-border: rgba(255,255,255,.75);
  --sk-shadow: 0 8px 32px rgba(14,165,233,.15);
  background: linear-gradient(160deg, #bae6fd 0%, #e0f2fe 35%, #f0f9ff 65%, #e8f4fd 100%) fixed !important;
  color: #0c1a2e !important;
  min-height: 100vh;
}

/* --- Scrollbar --- */
body:not(.dark-mode)::-webkit-scrollbar        { width: 5px; }
body:not(.dark-mode)::-webkit-scrollbar-track  { background: #e0f2fe; }
body:not(.dark-mode)::-webkit-scrollbar-thumb  { background: linear-gradient(#0ea5e9,#6366f1); border-radius:4px; }

/* --- Couleurs utilitaires --- */
body:not(.dark-mode) .p1-color  { color: #0284c7 !important; }
body:not(.dark-mode) .p2-color  { color: #0284c7 !important; }
body:not(.dark-mode) .p3-color  { color: #0284c7 !important; }
body:not(.dark-mode) .p4-color  { color: #475569 !important; }
body:not(.dark-mode) .p5-color  { color: #6366f1 !important; }
body:not(.dark-mode) .p6-color  { color: #0c1a2e !important; }
body:not(.dark-mode) .p8-color  { color: #0c1a2e !important; }
body:not(.dark-mode) .p9-color  { color: #0c1a2e !important; }
body:not(.dark-mode) .p11-color { color: #334155 !important; }
body:not(.dark-mode) .n4-color  { color: #0284c7 !important; }

body:not(.dark-mode) .bg1-color  { background: #0284c7 !important; }
body:not(.dark-mode) .bg3-color  { background: rgba(186,230,253,.5) !important; }
body:not(.dark-mode) .bg4-color  { background: transparent !important; }
body:not(.dark-mode) .bg6-color  { background: rgba(255,255,255,.7) !important; }
body:not(.dark-mode) .bg7-color  { background: rgba(255,255,255,.3) !important; }
body:not(.dark-mode) .bg9-color  { background: rgba(255,255,255,.55) !important; }
body:not(.dark-mode) .bg10-color { background: rgba(255,255,255,.55) !important; }
body:not(.dark-mode) .bg12-color { background: linear-gradient(to top,rgba(12,26,46,.88),transparent) !important; }
body:not(.dark-mode) .bg13-color { background: rgba(255,255,255,.5) !important; }
body:not(.dark-mode) .bg14-color { background: rgba(255,255,255,.5) !important; }
body:not(.dark-mode) .border-six, body:not(.dark-mode) .cus-border { border-color: rgba(255,255,255,.7) !important; }
body:not(.dark-mode) .border-four { border-color: rgba(255,255,255,.6) !important; }
body:not(.dark-mode) hr.border   { border-color: rgba(14,165,233,.15) !important; }

/* --- Header --- */
body:not(.dark-mode) .header-section,
body:not(.dark-mode) .navbar_mainhead {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border-bottom: 1px solid rgba(255,255,255,.7) !important;
  box-shadow: 0 2px 24px rgba(14,165,233,.1) !important;
}
body:not(.dark-mode) .header-section nav a,
body:not(.dark-mode) .header-section nav button { color: #0c1a2e !important; }
body:not(.dark-mode) .header-section nav a:hover { color: #0284c7 !important; }
body:not(.dark-mode) .company-header .ch-main { color: #00d4ff !important; }
body:not(.dark-mode) .company-header .ch-sub  { color: #f59e0b !important; }

/* Logo net en mode jour — désactive mix-blend-mode screen */
body:not(.dark-mode) .header-logo-col img.logo,
body:not(.dark-mode) .header-fixed .header-logo-col img.logo {
  mix-blend-mode: normal !important;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  filter: drop-shadow(0 2px 8px rgba(14,165,233,.15)) !important;
}

body:not(.dark-mode) .btn2 {
  border: 2px solid #0284c7 !important;
  color: #ffffff !important;
  background: #0284c7 !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(2,132,199,.35) !important;
  transition: all .3s ease !important;
}
body:not(.dark-mode) .btn2:hover {
  background: #0369a1 !important;
  border-color: #0369a1 !important;
  color: #fff !important;
  box-shadow: 0 6px 22px rgba(2,132,199,.5) !important;
  transform: translateY(-2px);
}

/* --- Hero --- */
body:not(.dark-mode) .banner-section {
  background: transparent !important;
  position: relative; overflow: hidden;
}
/* Grille sky subtile */
body:not(.dark-mode) .banner-section::before {
  content: '';
  position: absolute; inset:0;
  background-image:
    linear-gradient(rgba(14,165,233,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14,165,233,.07) 1px, transparent 1px);
  background-size: 60px 60px;
  z-index:0; pointer-events:none;
}
/* Blob indigo flottant */
body:not(.dark-mode) .banner-section::after {
  content: '';
  position: absolute;
  width: 700px; height: 700px;
  top: -250px; right: -150px;
  background: radial-gradient(circle, rgba(99,102,241,.18) 0%, transparent 70%);
  z-index:0; pointer-events:none;
  animation: blobFloat 8s ease-in-out infinite;
}
body:not(.dark-mode) .banner-translate-carousel,
body:not(.dark-mode) .swiper-slide,
body:not(.dark-mode) .banner-section .row { position:relative; z-index:1; }

/* Titre sky → indigo */
body:not(.dark-mode) .title-big {
  background: linear-gradient(135deg, #0284c7 0%, #6366f1 55%, #0ea5e9 100%) !important;
  background-size: 200% 200% !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: gradientShift 5s ease infinite;
}
body:not(.dark-mode) .title-small {
  color: #0284c7 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-size: clamp(1.4rem, 2.8vw, 2.8rem) !important;
  line-height: 1.25 !important;
  display: block !important;
  margin-bottom: 0.5rem !important;
}
body:not(.dark-mode) .title-main { color: #0c1a2e !important; }
body:not(.dark-mode) .svg-shape svg path { fill: rgba(224,242,254,.6) !important; }

body:not(.dark-mode) .banner-section .carousel-infinity .item-area {
  background: rgba(255,255,255,.45) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
}
body:not(.dark-mode) .slide-button {
  background: rgba(255,255,255,.45) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  color: #0284c7 !important;
}
body:not(.dark-mode) .slide-button:hover {
  background: rgba(255,255,255,.8) !important;
  box-shadow: 0 4px 16px rgba(14,165,233,.25) !important;
}
body:not(.dark-mode) .slider-current,
body:not(.dark-mode) .slider-total,
body:not(.dark-mode) .slider-pagination-divider { color: #475569 !important; }

/* --- Boutons globaux --- */
body:not(.dark-mode) .btn {
  background: linear-gradient(135deg, #0284c7, #6366f1) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  position: relative; overflow: hidden;
  transition: all .35s ease !important;
  box-shadow: 0 4px 18px rgba(2,132,199,.35) !important;
}
body:not(.dark-mode) .btn::after {
  content: '';
  position: absolute; top:0; left:-100%;
  width:100%; height:100%;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
  transition: left .5s ease;
}
body:not(.dark-mode) .btn:hover::after { left: 100%; }
body:not(.dark-mode) .btn:hover {
  box-shadow: 0 6px 28px rgba(2,132,199,.5) !important;
  transform: translateY(-2px);
  color: #ffffff !important;
}

/* --- Label section --- */
body:not(.dark-mode) .fs-ten.fw-semibold.p2-color,
body:not(.dark-mode) .fs-ten.fw-semibold.p3-color {
  color: #0284c7 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  font-size: .68rem !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body:not(.dark-mode) .fs-ten.fw-semibold.p2-color::before,
body:not(.dark-mode) .fs-ten.fw-semibold.p3-color::before {
  content: '';
  display: inline-block;
  width: 24px; height: 2px;
  background: linear-gradient(90deg, #0ea5e9, #6366f1);
  border-radius: 2px;
}

/* --- Services --- */
body:not(.dark-mode) .service-section { background: transparent !important; }
body:not(.dark-mode) .single-item {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(16px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(160%) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 4px 24px rgba(14,165,233,.1), inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition: all .4s ease !important;
  position: relative; overflow: hidden;
}
body:not(.dark-mode) .single-item::before {
  content: '';
  position: absolute; top:0; left:0;
  width:100%; height:3px;
  background: linear-gradient(90deg, #0ea5e9, #6366f1);
  transform: scaleX(0); transform-origin: left;
  transition: transform .4s ease;
}
body:not(.dark-mode) .single-item:hover::before { transform: scaleX(1); }
body:not(.dark-mode) .single-item:hover {
  background: rgba(255,255,255,.75) !important;
  box-shadow: 0 16px 48px rgba(14,165,233,.2), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transform: translateY(-5px);
}
body:not(.dark-mode) .single-item .number-area { color: rgba(14,165,233,.12) !important; font-weight:900 !important; }
body:not(.dark-mode) .single-item h3 { color: #0c1a2e !important; }

/* --- Marquee --- */
body:not(.dark-mode) .marquee-section.bg3-color {
  background: rgba(186,230,253,.45) !important;
  backdrop-filter: blur(10px) !important;
  border-top: 1px solid rgba(255,255,255,.6) !important;
  border-bottom: 1px solid rgba(255,255,255,.6) !important;
}

/* --- Process --- */
body:not(.dark-mode) .process_icon_bg {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 4px 16px rgba(14,165,233,.1) !important;
  transition: all .35s ease !important;
}
body:not(.dark-mode) .service_card_hover:hover .process_icon_bg {
  background: rgba(255,255,255,.8) !important;
  box-shadow: 0 8px 28px rgba(14,165,233,.2) !important;
}
body:not(.dark-mode) .process_icon_num {
  background: linear-gradient(135deg, #0284c7, #6366f1) !important;
  color: #fff !important; border: none !important;
  box-shadow: 0 4px 14px rgba(14,165,233,.4) !important;
  font-weight: 800 !important;
}

/* --- Choose us --- */
body:not(.dark-mode) .choose_icon_width.bg1-color {
  background: linear-gradient(135deg, #0284c7, #6366f1) !important;
  box-shadow: 0 4px 16px rgba(14,165,233,.35) !important;
}

/* --- Portfolio --- */
body:not(.dark-mode) .tabs li {
  background: rgba(255,255,255,.5) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  color: #475569 !important;
  transition: all .3s ease !important;
}
body:not(.dark-mode) .tabs li:hover,
body:not(.dark-mode) .tabs li.active {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(14,165,233,.4) !important;
  color: #0284c7 !important;
  box-shadow: 0 4px 20px rgba(14,165,233,.2) !important;
}
body:not(.dark-mode) .single_project {
  border: 1px solid rgba(255,255,255,.6);
  overflow: hidden; transition: all .35s ease; border-radius: 6px;
}
body:not(.dark-mode) .single_project:hover {
  border-color: rgba(255,255,255,.9);
  box-shadow: 0 12px 36px rgba(14,165,233,.2);
}
body:not(.dark-mode) .single_project img { transition: transform .45s ease; }
body:not(.dark-mode) .single_project:hover img { transform: scale(1.06); }
body:not(.dark-mode) .single_project .project-content {
  background: linear-gradient(to top, rgba(12,26,46,.92) 0%, rgba(12,26,46,.4) 100%) !important;
}

/* --- Compteurs --- */
body:not(.dark-mode) .parallax.bg4-color {
  background: rgba(186,230,253,.35) !important;
  backdrop-filter: blur(20px) !important;
  border-top: 1px solid rgba(255,255,255,.6) !important;
  border-bottom: 1px solid rgba(255,255,255,.6) !important;
  position: relative; overflow: hidden;
}
body:not(.dark-mode) .parallax.bg4-color::before {
  content: '';
  position: absolute; inset:0;
  background-image:
    linear-gradient(rgba(14,165,233,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14,165,233,.06) 1px, transparent 1px);
  background-size: 40px 40px; pointer-events:none;
}
body:not(.dark-mode) .counter { color: #0284c7 !important; text-shadow: none !important; }
body:not(.dark-mode) .display-nine.counter {
  font-size: clamp(5rem,10vw,9rem) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #0284c7, #6366f1) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  animation: none !important;
}
body:not(.dark-mode) .counter_right_side {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 8px 40px rgba(14,165,233,.12) !important;
}
body:not(.dark-mode) .cus-border.second { border-color: rgba(255,255,255,.5) !important; }
body:not(.dark-mode) .fs-four.fw-semibold { color: #0c1a2e !important; }

/* --- Témoignages --- */
body:not(.dark-mode) .testimonial { background: transparent !important; }
body:not(.dark-mode) .bg10-color {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 4px 24px rgba(14,165,233,.08), inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition: all .35s ease !important;
}
body:not(.dark-mode) .bg10-color:hover {
  background: rgba(255,255,255,.75) !important;
  box-shadow: 0 12px 40px rgba(14,165,233,.18) !important;
  transform: translateY(-3px);
}
body:not(.dark-mode) .testimonial-avatar {
  border: 2px solid rgba(14,165,233,.35) !important;
  box-shadow: 0 4px 12px rgba(14,165,233,.2) !important;
}
body:not(.dark-mode) .bg10-color .fs-eleven { color: #475569 !important; }
body:not(.dark-mode) .bg10-color h4.p6-color { color: #0c1a2e !important; }
body:not(.dark-mode) .ph-fill.ph-star { color: #f59e0b !important; }

/* --- Équipe --- */
body:not(.dark-mode) .single_team {
  border: 1px solid rgba(255,255,255,.5);
  transition: all .35s ease; overflow: hidden; border-radius: 6px;
}
body:not(.dark-mode) .single_team:hover {
  border-color: rgba(255,255,255,.85);
  box-shadow: 0 12px 36px rgba(14,165,233,.15);
}
body:not(.dark-mode) .single_team .team-content,
body:not(.dark-mode) .bg12-color {
  background: linear-gradient(to top,
    rgba(5,10,30,.97) 0%,
    rgba(5,10,30,.85) 50%,
    rgba(5,10,30,.2)  100%) !important;
}

/* Texte équipe blanc en mode jour */
body:not(.dark-mode) .single_team .team-content span,
body:not(.dark-mode) .single_team .team-content h4,
body:not(.dark-mode) .single_team .team-content .p3-color,
body:not(.dark-mode) .single_team .team-content .p4-color {
  color: #ffffff !important;
}
body:not(.dark-mode) .single_team .team-content .p3-color {
  color: #00d4ff !important;
}

/* --- FAQ --- */
body:not(.dark-mode) .faq {
  background: rgba(255,255,255,.5) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(14,165,233,.07), inset 0 1px 0 rgba(255,255,255,.8) !important;
  transition: all .3s ease !important;
}
body:not(.dark-mode) .faq:hover {
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 8px 32px rgba(14,165,233,.15) !important;
}
body:not(.dark-mode) .faq_icon_width {
  background: rgba(14,165,233,.1) !important;
  border: 1px solid rgba(14,165,233,.2) !important;
  border-radius: 6px !important;
}
body:not(.dark-mode) .faq_icon_width i { color: #0284c7 !important; }
body:not(.dark-mode) .ph-minus.p1-color { color: #0284c7 !important; }

/* --- CTA Discuss --- */
body:not(.dark-mode) .dicscuss_projects {
  background: rgba(186,230,253,.4) !important;
  backdrop-filter: blur(20px) !important;
  position: relative; overflow: hidden;
}
body:not(.dark-mode) .dicscuss_projects::before {
  content: '';
  position: absolute;
  width:600px; height:600px; left:-200px; top:-200px;
  background: radial-gradient(circle, rgba(99,102,241,.15) 0%, transparent 65%);
  pointer-events:none;
}
body:not(.dark-mode) .dicscuss_projects::after {
  content: '';
  position: absolute;
  width:500px; height:500px; right:5%; bottom:-150px;
  background: radial-gradient(circle, rgba(14,165,233,.12) 0%, transparent 65%);
  pointer-events:none;
}
body:not(.dark-mode) .dicscuss-content { position:relative; z-index:2; }
body:not(.dark-mode) .dicscuss_projects h2,
body:not(.dark-mode) .dicscuss_projects p,
body:not(.dark-mode) .dicscuss_projects span { color: #0c1a2e !important; }

/* --- Blog --- */
body:not(.dark-mode) .blog_card {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 4px 24px rgba(14,165,233,.08) !important;
  transition: all .4s ease !important;
}
body:not(.dark-mode) .blog_card:hover {
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 16px 48px rgba(14,165,233,.18) !important;
  transform: translateY(-5px);
}
body:not(.dark-mode) .blog-content {
  background: rgba(2,132,199,.8) !important;
  backdrop-filter: blur(8px) !important;
  border: none !important; border-radius: 8px !important;
}
body:not(.dark-mode) .blog-content h2,
body:not(.dark-mode) .blog-content span { color: #fff !important; }
body:not(.dark-mode) .blog_card .bg1-color {
  background: rgba(14,165,233,.12) !important;
  color: #0284c7 !important;
  border: 1px solid rgba(14,165,233,.2) !important;
  border-radius: 50px !important;
  backdrop-filter: blur(6px) !important;
}

/* --- Contact --- */
body:not(.dark-mode) .contact-section { background: transparent !important; }
body:not(.dark-mode) .bg14-color {
  background: rgba(255,255,255,.5) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
}
body:not(.dark-mode) .contact-section > .container > .row.bg1-color {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  box-shadow: 0 8px 40px rgba(14,165,233,.12) !important;
}
body:not(.dark-mode) .single-input input,
body:not(.dark-mode) .single-input textarea {
  background: transparent !important;
  border-bottom: 1.5px solid rgba(14,165,233,.25) !important;
  color: #0c1a2e !important;
}
body:not(.dark-mode) .single-input input::placeholder,
body:not(.dark-mode) .single-input textarea::placeholder { color: #94a3b8 !important; }
body:not(.dark-mode) .single-input input:focus,
body:not(.dark-mode) .single-input textarea:focus {
  border-bottom-color: #0284c7 !important; outline: none;
}
body:not(.dark-mode) .contact_icon {
  background: rgba(255,255,255,.55) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(255,255,255,.75) !important;
  transition: all .3s;
}
body:not(.dark-mode) .contact_icon:hover {
  background: #0284c7 !important;
  box-shadow: 0 4px 16px rgba(14,165,233,.3) !important;
}
body:not(.dark-mode) .contact_icon:hover i { color: #fff !important; }
body:not(.dark-mode) .map-area iframe { opacity:1 !important; filter:none !important; }

/* --- Partenaires --- */
body:not(.dark-mode) .our_clients { background: transparent !important; }
body:not(.dark-mode) .bg13-color {
  background: rgba(255,255,255,.5) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  filter: none !important;
  box-shadow: 0 2px 16px rgba(14,165,233,.07) !important;
  transition: all .3s;
}
body:not(.dark-mode) .bg13-color:hover {
  background: rgba(255,255,255,.75) !important;
  box-shadow: 0 8px 28px rgba(14,165,233,.15) !important;
}

/* --- Footer --- */
body:not(.dark-mode) .footer_section,
body:not(.dark-mode) .bg11-color {
  background: #0c1a2e !important;
  border-top: 1px solid rgba(14,165,233,.2) !important;
}
body:not(.dark-mode) .footer_section .p6-color { color: #e0f2fe !important; }
body:not(.dark-mode) .footer_section h4 { color: #f0f9ff !important; }
body:not(.dark-mode) .newsletter { border-bottom: 1px solid rgba(255,255,255,.08) !important; }
body:not(.dark-mode) .newsletter .icon-area {
  background: rgba(14,165,233,.15) !important;
  border: 1px solid rgba(14,165,233,.25) !important;
}
body:not(.dark-mode) .footer_section .single-input {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}
body:not(.dark-mode) .footer_section .single-input input {
  background: transparent !important; border: none !important; color: #e0f2fe !important;
}
body:not(.dark-mode) .footer_section .single-input input::placeholder { color: #64748b !important; }
body:not(.dark-mode) .footer_section .single-input button {
  background: linear-gradient(135deg, #0284c7, #6366f1) !important;
  color: #fff !important; border: none !important;
}
body:not(.dark-mode) .footer_tag:hover { color: #7dd3fc !important; }
body:not(.dark-mode) .underline-hover-effect:hover span,
body:not(.dark-mode) .underline-hover-effect:hover i { color: #38bdf8 !important; }
body:not(.dark-mode) .contact_icon i { color: #7dd3fc !important; }

/* particles canvas caché en mode jour */
body:not(.dark-mode) #cy-particles { display: none !important; }

/* --- Facebook / réseaux sociaux : taille correcte sur mobile --- */
@media (max-width: 576px) {
  .social_info .contact_icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
  .social_info .contact_icon i {
    font-size: 22px !important;
  }
}