/* Super Hum — surcharge minimale sur main.css Bexon
   1) Teal → bleu / navy (variables :root)
   2) Logo horizontal (padding + taille)
   Pas de overrides de layout / sections. */

:root {
  --tj-color-theme-primary: #3b66ff;
  --tj-color-theme-bg: #e8ebf0;
  --tj-color-theme-bg-2: #d1d5db;
  --tj-color-theme-bg-3: #050a1e;
  --tj-color-theme-dark: #050a1e;
  --tj-color-theme-dark-2: #0a1228;
  --tj-color-heading-primary: #050a1e;
  --tj-color-text-body: #364e52;
  --tj-color-border-5: rgba(59, 102, 255, 0.15);
}

/* Accessibilité (lien d'évitement) */
.skip-link {
  position: absolute;
  left: 1rem;
  top: -100px;
  z-index: 10000;
  padding: 0.75rem 1rem;
  background: #050a1e;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
}

.skip-link:focus {
  top: 1rem;
  outline: 2px solid #3b66ff;
  outline-offset: 2px;
}

/* Logo Super HumAIn — nav */
.header-area .site_logo {
  padding-left: 10px;
}

.header-area .site_logo a.logo {
  display: inline-flex;
  align-items: center;
}

.header-area .site_logo a.logo img {
  display: block;
  height: 44px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 767px) {
  .header-area .site_logo a.logo img {
    height: 38px;
    max-width: 180px;
  }
}

.hamburger_logo a.mobile_logo img {
  display: block;
  max-height: 40px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
}

.footer-logo a img {
  display: block;
  max-height: 52px;
  width: auto;
  max-width: 240px;
  object-fit: contain;
}

/* Liens text-btn en bas de carte — plus d’air, alignés proprement */
#transmettre .row.row-gap-4 > [class*="col-"] {
  display: flex;
}

#transmettre .service-item.style-4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0;
}

#transmettre .service-item.style-4 .service-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

#transmettre .service-item.style-4 .service-content .desc {
  flex: 1 1 auto;
}

#transmettre .service-item.style-4 .text-btn {
  margin-top: auto;
  padding-top: 40px;
  gap: 16px;
}

#perspectives.h8-blog .blog-item.style-2 .blog-content .text-btn {
  margin-top: 36px;
  gap: 16px;
}