/* =============================================================
   Sys Kabs Amazone — garde-fous responsive appliqués à TOUT le
   site client (chargé sur chaque page via le hook syskabs_global).
   Volontairement léger : le thème parent est déjà responsive
   (Bootstrap) ; on ne fait que combler les débordements courants.
   ============================================================= */

/* Médias fluides : jamais plus larges que leur conteneur */
img, svg, video, iframe, embed, object, canvas {
  max-width: 100%;
  height: auto;
}

/* Mots/URLs/tokens très longs : coupent au lieu de pousser la page */
p, li, dd, dt, td, th, span, a, .breadcrumb, .alert, .panel-title, .card-title {
  overflow-wrap: break-word;
}
pre, code, kbd, samp {
  white-space: pre-wrap;
  word-break: break-word;
}

/* Champs de formulaire fluides (paniers, checkout, profil) */
input, select, textarea, .form-control {
  max-width: 100%;
}

/* Tableaux WHMCS : défilent dans leur conteneur sur petit écran */
.table-responsive { -webkit-overflow-scrolling: touch; }
table { max-width: 100%; }

/* Empêche un débordement horizontal global (on cible body, pas html,
   pour ne pas casser les entêtes sticky/dropdowns). Appliqué à toutes
   les tailles : absorbe aussi le dépassement de ~15px induit par les
   sections pleine largeur (calc 50vw inclut la barre de défilement). */
body { overflow-x: hidden; }

@media (max-width: 768px) {
  /* conteneurs Bootstrap réellement fluides sur petit écran */
  .container { padding-left: 15px; padding-right: 15px; }
}