/* Couleurs et identité du template Grimperoots, adaptées à Cassiopeia. */
:root {
  --cassiopeia-color-primary: #0088cc;
  --cassiopeia-color-link: #0076b1;
  --cassiopeia-color-hover: #005580;
  --grimperoots-page-width: 1400px;
}
body.site {
  background: #b3b3b3;
  border-top: 3px solid #0088cc;
  padding: 20px;
}
.container-header, .site-grid, .container-footer {
  width: 100%;
  max-width: var(--grimperoots-page-width);
  margin-left: auto;
  margin-right: auto;
}
.container-header {
  background-color: #b3b3b3;
  background-image: url('/j6/images/logo/vignemale.JPG');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 10px solid #fff;
  border-left-width: 2rem;
  border-right-width: 2rem;
  border-radius: 6px 6px 0 0;
}
.container-header .navbar-brand img { width: min(100%, 460px); height: auto; }
.container-header .site-description { color: #fff; font-size: 1.25rem; }
.site-grid {
  background: #fff;
  border-radius: 0 0 6px 6px;
  padding: 1rem;
  box-shadow: 0 2px 6px #00000015;
  grid-template-columns: [full-start] 0 [main-start] repeat(4, minmax(0, 1fr)) [main-end] 0 [full-end];
}
.container-sidebar-right .moduletable { border: 1px solid #ddd; border-radius: 4px; padding: 1rem; }
.blog-item img, .com-content-article img { max-width: 100%; height: auto; }
.com-content-article a { overflow-wrap: anywhere; }
.avPlayerContainer, .avPlayerBlock, video.avPlayer { max-width: 100%; }
/* AllVideos impose 600 px en ligne : rendre ses lecteurs fluides sur l'accueil. */
.blog-featured .avPlayerWrapper.avVideo,
.blog-featured .avPlayerContainer,
.blog-featured .avPlayerBlock {
  width: 100% !important;
  max-width: 100% !important;
}
.blog-featured .avPlayerBlock iframe {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
}
.menuicon > img { margin-right: 5px; }
.container-footer { background: #0088cc; background-image: none; }
@media (max-width: 575.98px) {
  body.site { padding: 8px; }
  .site-grid { padding: .5rem; column-gap: .5rem; }
  .container-header { border-left-width: 1rem; border-right-width: 1rem; }
}

/* Photos des récits : règle automatique pour les anciens et futurs CR. */
.com-content-article img[src*="images/albums/"]:not(.sigplus-preview):not(.sigplus-gallery img) {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 900px) !important;
  max-height: 900px !important;
  margin: 1.25rem auto !important;
  float: none !important;
}

/* Les extraits de la page d'accueil suivent la même limite que les CR. */
.blog-featured .blog-item img[src*="images/albums/"]:not(.sigplus-preview):not(.sigplus-gallery img) {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 900px) !important;
  max-height: 900px !important;
  margin: 1.25rem auto !important;
  float: none !important;
}

/* Les tableaux photos gardent leurs cellules et s'adaptent à la colonne. */
.com-content-article table:has(img[src*="images/albums/"]:not(.sigplus-preview)):not(.sigplus-gallery table) {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed;
  margin-inline: auto;
}
.com-content-article table:has(img[src*="images/albums/"]:not(.sigplus-preview)):not(.sigplus-gallery table) :is(td, th) {
  width: auto !important;
  overflow-wrap: anywhere;
}