/* #19276 - Listes Nos actualites / Nos evenements (vue intro SEBLOD) et vue detail
   Vignette = Miniature 2 (970x330) recadree en 3:2 ; colonne vide masquee ; date des evenements conservee. */

/* ---------- Liste : toutes largeurs ---------- */
/* espace entre les actus : le bouton Joomla "Lire la suite" (desactive dans les menus) compensait
   la marge haute negative (-66px) des articles */
.uk-article > .uk-margin-medium-top:has(> .one-actu-intro-form) {
  margin-bottom: 96px;
}
.one-actu-intro-form .cck-line-body > div:not(.cck-body):not(:has(.cck-plr > *)) {
  display: none !important;
}
.one-actu-intro-form .cck-line-body .cck_ac_actualite_img_haut_article img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.one-actu-intro-form .cck-line-body .cck_value_wysiwyg_editor {
  overflow-wrap: anywhere;
}
.one-actu-intro-form .cck-line-body img,
.one-actu-intro-form .cck-line-body iframe {
  max-width: 100%;
}

/* ---------- Liste : image a cote du texte a partir de 640 px ---------- */
@media (min-width: 640px) {
  .one-actu-intro-form .cck-line-body {
    display: flex !important;
    align-items: flex-start;
    gap: 24px;
    width: 100% !important;
    float: none !important;
  }
  .one-actu-intro-form .cck-line-body > div {
    float: none !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }
  .one-actu-intro-form .cck-line-body > div:first-child {
    flex: 0 0 36%;
    width: auto !important;
  }
  /* colonne du milieu non vide (date des evenements) */
  .one-actu-intro-form .cck-line-body > div:nth-child(2) {
    flex: 0 0 auto;
    width: auto !important;
    max-width: 22%;
  }
  .one-actu-intro-form .cck-line-body > div.cck-body {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    padding-left: 0 !important;
  }
  .one-actu-intro-form .cck-line-body > .clr {
    display: none !important;
  }
}

/* ---------- Liste : une seule colonne sous 640 px ---------- */
@media (max-width: 639px) {
  .one-actu-intro-form .cck-line-body {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }
  .one-actu-intro-form .cck-line-body > div {
    min-height: 0 !important;
    margin-bottom: 0;
  }
  .one-actu-intro-form .cck-line-body > div.cck-body {
    padding-top: 0 !important;
  }
}

/* ---------- Vue detail : le cck-line-body (display:table) s'elargissait a la largeur des tableaux ---------- */
@media (max-width: 1000px) {
  .one-actu-content-form .cck-line-body {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }
  .one-actu-content-form figure.wwc-table {
    display: block;
    max-width: 100%;
  }
  .one-actu-content-form .cck_value_wysiwyg_editor table:not(.wwc-table__el) {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
  .one-actu-content-form .cck_value_wysiwyg_editor img,
  .one-actu-content-form .cck_value_upload_image_cropping img,
  .one-actu-content-form .cck_value_wysiwyg_editor iframe {
    max-width: 100%;
    height: auto;
  }
  .one-actu-content-form .cck_value_wysiwyg_editor {
    overflow-wrap: anywhere;
  }
}