/*
 * LeCatho Native 5.5.12.42 — correctifs ciblés des cartes « Publications
 * similaires » et de la barre vidéo. Chargé après les styles du thème.
 */

/* Le style commun des inputs impose min-height:48px et width:100% à tous les
   champs (y compris range). Neutraliser ces contraintes pour le lecteur. */
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar {
  gap:6px!important;
  min-width:0!important;
  min-height:40px!important;
  padding:5px 6px!important;
  margin-top:6px!important;
  box-sizing:border-box!important;
  flex-wrap:nowrap!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar button.lc2k-player-button {
  width:29px!important;
  min-width:29px!important;
  max-width:29px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  flex:0 0 29px!important;
  font-size:13px!important;
  line-height:1!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar button.lc2k-player-play {
  width:33px!important;
  min-width:33px!important;
  max-width:33px!important;
  flex-basis:33px!important;
  font-size:15px!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar input[type="range"].lc2k-player-progress,
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar input[type="range"].lc2k-player-volume {
  display:block!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:6px!important;
  min-height:6px!important;
  max-height:6px!important;
  block-size:6px!important;
  min-block-size:6px!important;
  max-block-size:6px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #0b301d!important;
  border-radius:99px!important;
  box-shadow:inset 0 1px 2px #05160d70!important;
  background:linear-gradient(to right,#f4cd60 0%,#f4cd60 var(--lc2k-progress,0%),#a7c1b0 var(--lc2k-progress,0%),#a7c1b0 100%)!important;
  outline-offset:4px!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar input[type="range"].lc2k-player-progress {
  flex:1 1 6rem!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar input[type="range"].lc2k-player-volume {
  flex:0 0 46px!important;
  width:46px!important;
  max-width:46px!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance:none!important;
  appearance:none!important;
  width:11px!important;
  min-width:11px!important;
  height:11px!important;
  min-height:11px!important;
  border-radius:50%!important;
  border:1px solid #284d37!important;
  background:linear-gradient(#fff3bb,#d9ab31)!important;
  box-shadow:0 1px 2px #07190a88!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar input[type="range"]::-moz-range-thumb {
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  border:1px solid #284d37!important;
  background:linear-gradient(#fff3bb,#d9ab31)!important;
  box-shadow:0 1px 2px #07190a88!important;
}
html body:not(.wp-admin) .lc2k-player .lc2k-player-timer {
  font:700 10px/1.2 'Courier New',monospace!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  min-width:0!important;
}

/* On rétablit une seule carte par ligne lorsque la fenêtre devient étroite.
   Les enfants sont placés dans des zones explicites, plutôt que de dépendre
   d'un ancien grid-row:span 3 et des styles desktop du thème. */
@media (max-width:860px) {
  html body:not(.wp-admin) .lca-article-page .lca-related,
  html body:not(.wp-admin) .lca-article-page .lca-related-grid {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:max-content!important;
    align-items:start!important;
    gap:10px!important;
    width:calc(100% - 20px)!important;
    margin:0 10px!important;
    padding:0!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-card {
    display:grid!important;
    grid-template-columns:minmax(94px,34%) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    grid-template-areas:"cover category" "cover heading" "cover meta"!important;
    align-items:start!important;
    align-content:start!important;
    align-self:start!important;
    height:max-content!important;
    column-gap:12px!important;
    row-gap:4px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    box-sizing:border-box!important;
    padding:9px!important;
    margin:0!important;
    overflow:hidden!important;
    text-align:left!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-card>img {
    grid-area:cover!important;
    align-self:start!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:clamp(94px,27vw,130px)!important;
    min-height:94px!important;
    max-height:130px!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
    margin:0!important;
    padding:0!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-card>span {
    grid-area:category!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-card>strong {
    grid-area:heading!important;
    font-size:14px!important;
    line-height:1.24!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-card>small {
    grid-area:meta!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-card>span,
  html body:not(.wp-admin) .lca-article-page .lca-related-card>strong,
  html body:not(.wp-admin) .lca-article-page .lca-related-card>small {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
    text-align:left!important;
    justify-self:stretch!important;
    align-self:start!important;
  }
}
@media (max-width:600px) {
  html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar {
    gap:5px!important;
    min-height:36px!important;
    padding:4px 5px!important;
  }
  html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar button.lc2k-player-skip {
    display:none!important;
  }
  html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar input[type="range"].lc2k-player-volume {
    display:none!important;
  }
  html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar button.lc2k-player-button {
    width:27px!important;
    min-width:27px!important;
    max-width:27px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    flex-basis:27px!important;
  }
  html body:not(.wp-admin) .lc2k-player .lc2k-player-toolbar button.lc2k-player-play {
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    flex-basis:31px!important;
  }
  html body:not(.wp-admin) .lc2k-player .lc2k-player-timer {font-size:10px!important;}
}
@media (max-width:360px) {
  html body:not(.wp-admin) .lca-article-page .lca-related-card {
    grid-template-columns:minmax(84px,33%) minmax(0,1fr)!important;
    column-gap:9px!important;
    padding:7px!important;
  }
  html body:not(.wp-admin) .lca-article-page .lca-related-card>strong {font-size:13px!important;}
  html body:not(.wp-admin) .lc2k-player .lc2k-player-timer {font-size:9px!important;}
}