/* ============================================
   AKAMASOFT — Web desktop (JAMAIS le look app)
   Chargé sur tous les viewports. Sur ≥992px,
   force le shell web et bloque le chrome mobile.
   ============================================ */

/* Attribut HTML hidden = pas de chrome app avant / hors mode app */
.app-mobile-shell[hidden] {
  display: none !important;
}

/* ≥992px : look web exclusif — aucun style app ne doit gagner */
@media (min-width: 992px) {
  /* ——— Chrome app interdit ——— */
  .app-mobile-shell,
  .app-mobile-topbar,
  .app-tabbar,
  .app-tabbar-pro,
  .app-menu-sheet,
  .app-menu-backdrop,
  .header-cta-mobile,
  .mobile-services-nav,
  .mobile-menu-extra {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
  }

  /* ——— Remettre le site web ——— */
  body,
  body.is-mobile,
  body.is-mobile-app {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: inherit !important;
  }

  body.is-mobile-app .main-header,
  body.is-mobile .main-header,
  .main-header {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: relative !important;
  }

  body.is-mobile-app .main-footer,
  body.is-mobile .main-footer,
  .main-footer {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Mega-menu desktop */
  .has-mega-menu > .mega-menu,
  .has-mega-menu:hover > .mega-menu,
  .has-mega-menu.show > .mega-menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .has-mega-menu.mega-open > .mega-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mega-menu,
  .mega-menu a,
  .mega-menu span,
  .mega-menu p,
  .mega-menu small,
  .mega-menu h6,
  .mega-item,
  .mega-sidebar-item {
    text-align: left !important;
    text-transform: none !important;
  }

  /* ——— Cartes / grilles : look web, pas compact app ——— */
  .svc-grid,
  .blog-grid,
  .home-latest-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .svc-card-image,
  .svc-card-icon-wrap,
  .proj-card .svc-card-image,
  .proj-card .svc-card-icon-wrap {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
  }

  .svc-card-image img {
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  .svc-card-body {
    padding: 16px !important;
  }

  .svc-card-body h3 {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }

  .svc-card-body p {
    font-size: 0.9rem !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: unset !important;
    display: block !important;
  }

  .svc-card-link {
    font-size: 0.875rem !important;
    white-space: normal !important;
  }

  .svc-nav-btn {
    padding: 8px 16px !important;
    font-size: 0.82rem !important;
  }

  .proj-card-tag {
    font-size: 0.68rem !important;
    padding: 4px 10px !important;
  }

  .svc-section-title h2 {
    font-size: 1.25rem !important;
  }

  .svc-slider-wrap {
    padding: 0 44px 36px !important;
  }

  .svc-slider-wrap .svc-slider-btn {
    display: inline-flex !important;
  }

  .header-inner {
    border-bottom: none !important;
  }

  /* Menu desktop : labels sur une ligne (évite « À propos » qui décale) */
  .main-menu .nav-menu-wrapper > ul > li > a.nav-link {
    white-space: nowrap !important;
  }

  .main-menu ul li {
    margin: 0 6px;
  }

  .main-menu ul li a {
    padding: 15px 6px !important;
  }

  /* Connexion : flèche en fin de bouton (style template) */
  .header-btn .btn-default.header-connexion::before {
    display: flex !important;
  }

  .header-btn .btn-default.header-connexion {
    padding: 8px 45px 6px 20px !important;
    box-shadow: 0 6px 16px rgba(248, 84, 70, 0.35) !important;
  }

  .header-btn .btn-default.header-connexion:hover,
  .header-btn .btn-default.header-connexion:focus {
    color: #f85446 !important;
    border-color: #f85446 !important;
    box-shadow: 0 8px 20px rgba(248, 84, 70, 0.4) !important;
  }

  .header-btn .btn-default.header-connexion:hover::before {
    color: #f85446 !important;
  }

  /* Réalisations : pas de bordures cartes sur desktop */
  .proj-card,
  .svc-card.proj-card {
    border: none !important;
  }

  .proj-card .svc-card-image,
  .proj-card .svc-card-icon-wrap,
  .proj-card .svc-card-visual {
    border-bottom: none !important;
  }

  /* Blog : pas de bordures cartes sur desktop */
  .blog-card,
  .svc-card.blog-card {
    border: none !important;
  }

  .blog-card .svc-card-image,
  .blog-card .svc-card-icon-wrap,
  .blog-card .svc-card-visual {
    border-bottom: none !important;
  }
}