/* Add here all your CSS customizations */
.header-bg {
  clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px;
  background-position: right;
}

.en h3 {
  text-transform: capitalize;
}

.image-frame {
  height: 350px;
}

.card-body .financing-box {
  background-color: #dc2429;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}

.card-body .financing-text {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.parallax-section {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
}

.flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 84%;
  overflow: hidden;
  margin-left: 8%;
  margin-right: 8%;
}

.flex-container img {
  flex: 1 1 auto;
  max-width: 100%;
  height: auto;
  min-width: 0;
  padding: 0 15px;
}

@media screen and (max-width: 767px) {
  .flex-container {
    flex-wrap: wrap;
  }

  .flex-container img {
    flex: 0 0 auto;
    max-width: calc(100% / 3);
    margin-right: auto;
    margin-left: auto;
  }

  .flex-container img:nth-child(4),
  .flex-container img:nth-child(5),
  .flex-container img:nth-child(6),
  .flex-container img:nth-child(7) {
    max-width: calc(100% / 4);
  }
}

/* ============================================
   MODERN NAVIGATION STYLES 2026
   ============================================ */

/* ============================================
   FORCE BLUE GRADIENT ON ALL HEADER ELEMENTS
   ============================================ */

/* TOPBAR */
#header .header-top,
#header .header-top-dark,
#header .header-top.header-top-dark,
#header .header-top.header-top-colored,
html #header .header-top,
html #header .header-top-dark,
html #header .header-top.header-top-dark {
  background: linear-gradient(135deg, #1a2a4a 0%, #0d1829 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* HEADER BODY */
#header .header-body,
html #header .header-body,
#header.header-effect-shrink .header-body,
html #header.header-effect-shrink .header-body,
#header.header-semi-transparent .header-body,
html #header.header-semi-transparent .header-body {
  /* background: linear-gradient(135deg, #1a2a4a 0%, #0d1829 100%) !important; */
  border: none !important;
}

#header.header-semi-transparent .header-body:before,
html #header.header-semi-transparent .header-body:before {
  background: linear-gradient(135deg, #1a2a4a6e 0%, #0d182940 100%) !important;
  opacity: 1 !important;
}

/* STICKY HEADER */
#header.sticky-active .header-body,
html #header.sticky-active .header-body,
html.sticky-header-active #header .header-body {
  background: linear-gradient(135deg, #1a2a4a 0%, #0d1829 100%) !important;
}

/* TOPBAR TEXT WHITE */
#header .header-top span,
#header .header-top a,
#header .header-top .nav-link,
#header .header-top-dark span,
#header .header-top-dark a,
#header .header-top-dark .nav-link,
html #header .header-top span,
html #header .header-top a {
  color: #fff !important;
}

#header .header-top i,
#header .header-top-dark i {
  color: #2388ed !important;
}

/* ============================================
   MAIN NAVIGATION - WHITE TEXT
   ============================================ */

#mainNav > li > a,
html #header .header-nav-main nav > ul > li > a,
#header .header-nav-main nav > ul > li > a {
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px;
  padding: 12px 16px !important;
  transition: all 0.3s ease;
  position: relative;
  color: #fff !important;
}

#mainNav > li > a:hover,
html #header .header-nav-main nav > ul > li > a:hover,
#header .header-nav-main nav > ul > li > a:hover {
  color: #2388ed !important;
}

/* Underline effect on hover */
#mainNav > li > a::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 0;
  height: 2px;
  background: #2388ed;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

#mainNav > li > a:hover::after,
#mainNav > li > a.active::after {
  width: 60%;
}

/* Dropdown toggle arrow */
#mainNav > li.dropdown > a.dropdown-toggle::before {
  transition: transform 0.3s ease;
  color: #fff !important;
}

#mainNav > li.dropdown:hover > a.dropdown-toggle::before {
  transform: rotate(180deg);
}

/* ============================================
   DROPDOWN & MEGA MENU - BLUE GRADIENT + WHITE TEXT
   ============================================ */

/* FORCE BLUE GRADIENT BACKGROUND */
.dropdown-menu,
#mainNav .dropdown-menu,
#header .dropdown-menu,
html .dropdown-menu,
html #header .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu,
html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu,
html #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu,
.dropdown-mega .dropdown-menu,
.dropdown-mega > .dropdown-menu {
  background: linear-gradient(135deg, #1a2a4a 0%, #0d1829 100%) !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25) !important;
}

/* FORCE WHITE TEXT IN DROPDOWNS */
.dropdown-menu li a,
.dropdown-menu > li > a,
.dropdown-menu li a:not(.btn),
#mainNav .dropdown-menu li a,
#header .dropdown-menu li a,
html .dropdown-menu li a,
html #header .dropdown-menu li a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn),
html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a,
html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn) {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 12px 16px !important;
  border-radius: 6px !important;
  transition: all 0.25s ease !important;
}

/* HOVER STATE - BLUE TEXT */
.dropdown-menu li a:hover,
.dropdown-menu li:hover a,
.dropdown-menu li:hover > a,
.dropdown-menu li a:hover:not(.btn),
.dropdown-menu li:hover a:not(.btn),
#mainNav .dropdown-menu li a:hover,
#mainNav .dropdown-menu li:hover a,
#header .dropdown-menu li a:hover,
#header .dropdown-menu li:hover a,
html .dropdown-menu li a:hover,
html .dropdown-menu li:hover a,
html #header .dropdown-menu li a:hover,
html #header .dropdown-menu li:hover a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a,
html #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a {
  color: #2388ed !important;
  background: rgba(35, 136, 237, 0.2) !important;
  padding-left: 20px !important;
}

/* DROPDOWN ICONS */
#mainNav .dropdown-menu li a i,
.dropdown-menu li a i {
  color: #2388ed !important;
  width: 20px;
  text-align: center;
  transition: transform 0.25s ease;
}

/* DROPDOWN BORDERS */
.dropdown-menu > li,
#mainNav .dropdown-menu > li,
#header .dropdown-menu > li {
  border-bottom: none !important;
}

/* ============================================
   MEGA MENU SPECIFIC STYLES
   ============================================ */

.dropdown-mega .dropdown-menu {
  min-width: 820px !important;
  padding: 25px 30px !important;
  border-radius: 12px !important;
  animation: fadeInUp 0.3s ease;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-mega-content {
  width: 100%;
}

.dropdown-mega-content .row {
  margin: 0 -15px;
}

.dropdown-mega-content .col-lg-4,
.dropdown-mega-content .col-lg-3,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content > .row > div {
  padding: 0 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dropdown-mega-content .col-lg-4:last-child,
.dropdown-mega-content .col-lg-3:last-child,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content > .row > div:last-child {
  border-right: none !important;
}

/* Mega Menu Category Title */
.dropdown-mega-sub-title,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
  display: block;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #2388ed !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-bottom: 12px;
  margin-bottom: 15px;
  border-bottom: 2px solid #2388ed !important;
}

.dropdown-mega-sub-title i {
  color: #2388ed !important;
}

/* Mega Menu Links - WHITE TEXT */
.dropdown-mega-sub-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown-mega-sub-nav li {
  margin-bottom: 8px;
}

.dropdown-mega-sub-nav li a,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav li a {
  display: block;
  padding: 10px 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #fff !important;
  text-transform: none;
  border-radius: 6px;
  transition: all 0.25s ease;
  background: transparent;
}

.dropdown-mega-sub-nav li a i {
  color: #2388ed !important;
  opacity: 0;
  transform: translateX(-5px);
  transition: all 0.25s ease;
}

.dropdown-mega-sub-nav li a:hover,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav li a:hover {
  background: rgba(35, 136, 237, 0.2) !important;
  color: #2388ed !important;
  padding-left: 18px !important;
  border-radius: 6px;
}

.dropdown-mega-sub-nav li a:hover i {
  opacity: 1;
  transform: translateX(0);
}

.dropdown-mega-sub-nav li a.active {
  background: linear-gradient(135deg, #2388ed 0%, #1a6fc9 100%) !important;
  color: #fff !important;
  border-radius: 6px;
}

.dropdown-mega-sub-nav li a.active i {
  opacity: 1;
  transform: translateX(0);
  color: #fff !important;
}

/* ============================================
   CALL-TO-ACTION BUTTON (Soumission)
   ============================================ */

#mainNav .nav-item-cta > a {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #2388ed !important;
  border-radius: 25px !important;
  padding: 10px 20px !important;
  margin-left: 5px;
  font-weight: 600 !important;
  box-shadow: none;
  transition: all 0.3s ease !important;
}

#mainNav .nav-item-cta > a:hover,
#mainNav .nav-item-cta > a:focus,
#mainNav .nav-item-cta > a:active,
#mainNav .nav-item-cta > a.active,
html #mainNav .nav-item-cta > a:hover,
html #mainNav .nav-item-cta > a:focus {
  background: #2388ed !important;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(35, 136, 237, 0.3);
}

#mainNav .nav-item-cta > a::after {
  display: none !important;
}

#mainNav .nav-item-cta > a i {
  margin-right: 6px;
}

/* ============================================
   MOBILE NAVIGATION
   ============================================ */

/* Dropdown Single Link - Shows arrow but links directly */
.dropdown-single-link > a {
  pointer-events: auto !important;
}

@media (min-width: 992px) {
  .dropdown-single-link > .dropdown-menu {
    display: none !important;
  }
  .dropdown-single-link:hover > .dropdown-menu {
    display: block !important;
  }
}

@media (max-width: 991px) {
  /* MOBILE MENU BACKGROUND */
  #header .header-nav-main,
  #header .header-nav-main nav,
  html #header .header-nav-main,
  html #header .header-nav-main nav,
  .header-nav-main nav,
  .header-nav-main nav.collapse,
  .header-nav-main nav.collapse.show,
  .header-nav-main nav.collapsing,
  #header .header-nav-main:before {
    background: linear-gradient(135deg, #1a2a4a 0%, #0d1829 100%) !important;
  }

  /* MOBILE NAV LINKS WHITE */
  #header .header-nav-main nav > ul > li > a,
  html #header .header-nav-main nav > ul > li > a {
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .dropdown-mega .dropdown-menu {
    min-width: 100% !important;
    padding: 15px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .dropdown-mega-content .col-lg-4,
  .dropdown-mega-content .col-lg-3 {
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding: 15px 10px;
    margin-bottom: 10px;
  }

  .dropdown-mega-content .col-lg-4:last-child,
  .dropdown-mega-content .col-lg-3:last-child {
    border-bottom: none !important;
    margin-bottom: 0;
  }

  .dropdown-mega-sub-title {
    font-size: 13px !important;
    padding-bottom: 8px;
    margin-bottom: 10px;
  }

  .dropdown-mega-sub-nav li a {
    padding: 8px 10px !important;
    font-size: 12px !important;
  }

  #mainNav .nav-item-cta > a {
    margin: 10px 0;
    display: inline-block;
  }

  #mainNav .dropdown-menu {
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}

/* Hamburger Menu - White on Dark */
#header .header-btn-collapse-nav .hamburguer span,
html #header .header-btn-collapse-nav .hamburguer span {
  background: #fff !important;
}

#header .header-btn-collapse-nav .close span,
html #header .header-btn-collapse-nav .close span {
  background: #fff !important;
}

/* ============================================
   MODERN FOOTER STYLES 2026
   ============================================ */

/* Main Footer */
.footer-modern,
#footer.footer-modern,
#footer {
  background: linear-gradient(135deg, #1a2a4a 0%, #0d1829 100%) !important;
  color: #fff;
  margin-top: 0;
}

.footer-main {
  padding: 20px 0 0 0;
}

/* Footer Logo */
.footer-logo img {
  filter: brightness(0) invert(1);
  opacity: 0.95;
  transition: opacity 0.3s ease;
}

.footer-logo img:hover {
  opacity: 1;
}

/* Footer Tagline */
.footer-tagline {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.footer-tagline .text-accent {
  color: #dc2429;
}

/* Footer About */
.footer-about {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  line-height: 1.8;
}

/* Footer License */
.footer-license {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(35, 136, 237, 0.15);
  padding: 10px 18px;
  border-radius: 25px;
  font-size: 13px;
  color: #2388ed;
  border: 1px solid rgba(35, 136, 237, 0.3);
}

.footer-license i {
  font-size: 14px;
}

/* Footer Titles */
.footer-title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 12px;
}

.footer-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background: linear-gradient(90deg, #2388ed, #dc2429);
  border-radius: 2px;
}

/* Footer Links - No bullets */
.footer-links {
  padding: 0;
  margin: 0;
}

.footer-links li {
  list-style: none;
}

.footer-links a {
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 5px 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.footer-links a i {
  color: #2388ed;
  font-size: 12px;
  width: 16px;
  transition: transform 0.3s ease;
}

.footer-links a:hover {
  color: #2388ed;
  padding-left: 10px;
  text-decoration: none;
}

.footer-links a:hover i {
  transform: scale(1.2);
}

/* Footer Contact Buttons */
.footer-contact-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.btn-footer-contact {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(35, 136, 237, 0.15);
  color: #fff;
  padding: 14px 22px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(35, 136, 237, 0.3);
  width: 100%;
}

.btn-footer-contact i {
  color: #2388ed;
  font-size: 16px;
  width: 20px;
  text-align: center;
}

.btn-footer-contact:hover {
  background: #2388ed;
  color: #fff;
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(35, 136, 237, 0.35);
}

.btn-footer-contact:hover i {
  color: #fff;
}

/* Footer Social */
.footer-social {
  display: flex;
  gap: 12px;
}

.social-icon {
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.social-icon:hover {
  transform: translateY(-5px);
  text-decoration: none;
  color: #fff;
}

.social-icon:nth-child(1):hover {
  background: #1877f2;
  border-color: #1877f2;
  box-shadow: 0 8px 20px rgba(24, 119, 242, 0.4);
}

.social-icon:nth-child(2):hover {
  background: #ea4335;
  border-color: #ea4335;
  box-shadow: 0 8px 20px rgba(234, 67, 53, 0.4);
}

.social-icon:nth-child(3):hover {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  border-color: #dc2743;
  box-shadow: 0 8px 20px rgba(220, 39, 67, 0.4);
}

.social-icon:nth-child(4):hover {
  background: #000;
  border-color: #000;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

/* Footer Bottom */
.footer-bottom {
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding: 0;
}

#footer .footer-copyright,
.footer-copyright {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer-bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px 0;
}

.footer-copyright {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 1;
}

.footer-copyright .copyright-link {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-copyright .copyright-link:hover {
  color: #2388ed;
}

.footer-bottom-links {
  display: flex;
  align-items: center;
  gap: 15px;
  line-height: 1;
}

.footer-bottom-links a {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  text-decoration: none;
  transition: color 0.3s ease;
  line-height: 1;
}

.footer-bottom-links a:hover {
  color: #2388ed;
}

.footer-bottom-links .separator {
  color: rgba(255, 255, 255, 0.3);
  line-height: 1;
}

/* Footer Responsive */
@media (max-width: 767px) {
  .footer-bottom-content {
    flex-direction: column;
    text-align: center;
  }

  .footer-social {
    justify-content: center;
  }

  .footer-contact-buttons {
    align-items: stretch;
  }

  .btn-footer-contact {
    justify-content: center;
  }
}

/* ============================================
   LANGUAGE TOGGLE
   ============================================ */

.lang-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
}

.lang-active {
  color: #2388ed;
}

.lang-separator {
  color: rgba(255, 255, 255, 0.4);
}

.lang-link {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.3s ease;
}

.lang-link:hover {
  color: #fff;
  text-decoration: none;
}

/* ============================================
   CV UPLOAD FIELD
   ============================================ */

.cv-upload-wrapper {
  margin: 20px 0;
}

.cv-upload-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border: 2px dashed #2388ed;
  border-radius: 10px;
  background: rgba(35, 136, 237, 0.05);
  cursor: pointer;
  transition: all 0.3s ease;
}

.cv-upload-label:hover {
  background: rgba(35, 136, 237, 0.1);
  border-color: #1a6fc9;
}

.cv-upload-label i {
  font-size: 40px;
  color: #2388ed;
  margin-bottom: 10px;
}

.cv-upload-label span {
  font-size: 14px;
  color: #666;
}

.cv-upload-input {
  display: none;
}

.cv-filename {
  margin-top: 10px;
  font-size: 14px;
  color: #2388ed;
  font-weight: 500;
  text-align: center;
}

/* ========================================
/* ============================================
   PLANS DE SERVICE - LAYOUT
   ============================================ */

/* Desktop: Plan Or slightly lower than Plan Argent */
@media (min-width: 768px) {
  .plan-or-offset {
    margin-top: 40px;
  }
}

/* Mobile: space between each plan */
@media (max-width: 767px) {
  .plan-card-spacing {
    margin-bottom: 30px;
  }
}

/* ============================================
   Brand Carousel - Infinite Scroll
   ======================================== */
.brand-carousel {
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}

.brand-carousel::before,
.brand-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 80px;
  z-index: 2;
  pointer-events: none;
}

.brand-carousel::before {
  left: 0;
  background: linear-gradient(to right, #fff, transparent);
}

.brand-carousel::after {
  right: 0;
  background: linear-gradient(to left, #fff, transparent);
}

.brand-carousel-track {
  display: flex;
  align-items: center;
  gap: 80px;
  animation: brandScroll 40s linear infinite;
  width: max-content;
}

.brand-carousel-track:hover {
  animation-play-state: paused;
}

.brand-carousel-track img {
  height: 110px;
  width: auto;
  max-width: 300px;
  object-fit: contain;
  opacity: 0.85;
  transition: all 0.3s ease;
  flex-shrink: 0;
}

.brand-carousel-track img:hover {
  opacity: 1;
}

@keyframes brandScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  .brand-carousel-track {
    gap: 40px;
    animation-duration: 20s;
  }

  .brand-carousel-track img {
    height: 80px;
    max-width: 220px;
  }

  .brand-carousel::before,
  .brand-carousel::after {
    width: 40px;
  }
}

/* === Classes utilitaires .h1-.h6 alignees sur les tailles/couleur du THEME (theme-elements.css) === */
/* But: pouvoir convertir un <h4> en <h3 class="h4"> pour le SEO sans changer le visuel. */
/* Bootstrap definit .h4=1.5rem + color:inherit (gris) ; le theme veut h4=1.1rem + #1c1f21 (noir). */
.h1 { font-size: 2.3rem; }
.h2 { font-size: 1.8rem; }
.h3 { font-size: 1.5rem; }
.h4 { font-size: 1.1rem; }
.h5 { font-size: 1rem; }
.h6 { font-size: 0.8rem; }
.h1, .h2, .h3, .h4, .h5, .h6 { color: #1c1f21; }


/* === Transition hero → bandeau CTA : supprime le triangle blanc sous la diagonale === */
/* Cible uniquement le bandeau qui suit un hero (pages service) — l'accueil n'a pas de header-bg avant son CTA, donc non affecté. */
.header-bg + section.section-skew {
    margin-top: -100px;
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

/* === Boutons CTA de contenu (pages service) agrandis +25% === */
/* Cible uniquement les boutons dans le contenu (.main), pas le bouton telephone du header */
[role="main"] .btn.btn-primary.btn-outline {
    font-size: 14px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
}