/* =========================================================
   KIFMAMÈCHE 2 — Responsive refinements (étape 7)
   Breakpoints: 23.4375rem (375) / 40rem / 48rem / 64rem / 80rem / 90rem (1440)
   ========================================================= */

/* Ancres sous header fixe / sticky */
:target {
  scroll-margin-top: calc(var(--km-header-height) + var(--km-space-md));
}

#contenu:target,
#hero:target,
#les-couleurs:target,
#packs:target,
#comment-ca-marche:target {
  scroll-margin-top: calc(var(--km-header-height) + var(--km-space-sm));
}

@media (max-width: 39.99rem) {
  .km-button--full-mobile {
    width: 100%;
  }

  .km-cluster {
    width: 100%;
  }

  .km-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .km-hero__actions .km-button {
    width: 100%;
  }

  .km-price--large .km-price__current {
    font-size: var(--km-text-3xl);
  }

  .km-pack-builder {
    padding: var(--km-space-md);
  }

  .km-pack-builder__sizes {
    display: grid;
    grid-template-columns: 1fr;
  }

  .km-pack-size {
    width: 100%;
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
  }

  .km-cart-drawer__panel {
    width: 100%;
  }

  .woocommerce table.shop_table_responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 40rem) {
  .km-site-header__inner {
    gap: var(--km-space-md);
  }
}

@media (min-width: 48rem) {
  .km-section--spacious {
    padding-block: var(--km-space-4xl);
  }
}

@media (min-width: 64rem) {
  .km-nav a {
    font-size: var(--km-text-base);
  }
}

@media (min-width: 80rem) {
  .km-container--wide {
    width: min(100% - 2 * var(--km-gutter), 90rem);
  }
}

@media (min-width: 90rem) {
  .km-container {
    width: min(100% - 2 * var(--km-gutter), var(--km-container-xl));
  }
}

@media (hover: none) {
  .km-button:hover,
  .km-btn:hover,
  .km-woo-card:hover,
  .km-home-product:hover {
    transform: none;
  }
}

/* Cibles tactiles confortables */
@media (pointer: coarse) {
  .km-pack-recap__remove {
    min-width: var(--km-touch-min);
    min-height: var(--km-touch-min);
  }

  .km-cart-drawer .remove_from_cart_button {
    min-width: var(--km-touch-min);
    min-height: var(--km-touch-min);
    display: inline-grid;
    place-items: center;
  }
}