/* Le blog Tour d'Argent. Le gabarit garde les données administrées dans YBC Blog. */
body:is(#module-ybc_blog-blog, #ybc_blog_page) #wrapper {
  background: #7c5467;
  color: #fff;
}

body:is(#module-ybc_blog-blog, #ybc_blog_page) .breadcrumb__wrapper {
  margin: 0;
  padding: 23px 0 0;
  background: #7c5467;
  color: #fff;
}

body:is(#module-ybc_blog-blog, #ybc_blog_page) .breadcrumb__wrapper .container {
  max-width: 1160px;
}

body:is(#module-ybc_blog-blog, #ybc_blog_page) .breadcrumb__wrapper a,
body:is(#module-ybc_blog-blog, #ybc_blog_page) .breadcrumb__wrapper span,
body:is(#module-ybc_blog-blog, #ybc_blog_page) .breadcrumb__wrapper li::before,
body:is(#module-ybc_blog-blog, #ybc_blog_page) .breadcrumb__wrapper li::after {
  color: #fff;
}

.tda-blog-list-shell {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
  padding: 43px 0 15px;
  color: #fff;
}

.tda-blog-list-page,
.tda-blog-list {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}

.tda-blog-list .tda-blog-list__grid.ybc-blog-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 45px 40px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tda-blog-list .tda-blog-list__grid.ybc-blog-list > li {
  float: none;
  clear: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tda-blog-list__intro {
  font: 400 16px/1.45 "le-monde-livre-classic-byol", Georgia, serif;
}

.tda-blog-list__brand {
  width: 259px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.tda-blog-list__brand img {
  display: block;
  width: 100%;
  height: auto;
}

.tda-blog-list__intro p {
  margin: 23px 0 14px;
  color: #fff;
}

.tda-blog-list__category-title {
  margin: 0 0 16px;
  color: #fff;
  font: 400 20px/1.2 "Darby Sans Poster", "le-monde-livre-classic-byol", Georgia, serif;
}

.tda-blog-list__filters,
.tda-blog-list__category-nav {
  margin: 0;
  padding: 0;
  background: transparent;
}

/* Beat .ybc-blog-list li { float/width:100% } from module blog.css (loads later). */
.tda-blog-list .tda-blog-list__category-nav ul {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.tda-blog-list .tda-blog-list__category-nav ul > li {
  position: relative;
  display: inline-block;
  float: none;
  width: auto;
  max-width: 100%;
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
  vertical-align: middle;
  font-size: 14px;
}

.tda-blog-list .tda-blog-list__category-nav ul > li + li {
  margin-left: 30px;
}

.tda-blog-list .tda-blog-list__category-nav ul > li + li::before {
  position: absolute;
  top: 50%;
  left: -17px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b3a644;
  content: "";
  transform: translateY(-50%);
}

.tda-blog-list .tda-blog-list__category-nav a,
.tda-blog-list .tda-blog-list__category-nav a:visited {
  display: inline-block;
  color: #b3a644;
  font: 400 14px/1.5 "le-monde-livre-classic-byol", Georgia, serif;
  text-decoration: none;
}

.tda-blog-list .tda-blog-list__category-nav a[aria-current="page"],
.tda-blog-list .tda-blog-list__category-nav a:hover,
.tda-blog-list .tda-blog-list__category-nav a:focus-visible {
  color: #fff;
}

.tda-blog-list__article {
  width: 100%;
  min-width: 0;
  color: #fff;
  font-family: "le-monde-livre-classic-byol", Georgia, serif;
}

.tda-blog-list__image {
  display: block;
  width: 100%;
  aspect-ratio: 400 / 275;
  overflow: hidden;
}

.tda-blog-list__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tda-blog-list__article-body {
  padding: 16px 0 0;
}

.tda-blog-list__title {
  margin: 0 0 14px;
  padding: 0;
  color: #fff;
  font: 400 20px/1.22 "le-monde-livre-classic-byol", Georgia, serif;
  text-transform: uppercase;
}

.tda-blog-list__title a,
.tda-blog-list__title a:visited {
  color: #fff;
  text-decoration: none;
}

.tda-blog-list__title a:hover,
.tda-blog-list__title a:focus-visible {
  color: #e0d490;
}

.tda-blog-list__excerpt {
  margin: 0 0 19px;
  color: #fff;
  font: 300 16px/1.44 "le-monde-livre-classic-byol", Georgia, serif;
}

/* Beat .blog-main-page a / module a:hover cyan (#00cefd). */
.tda-blog-list a.tda-blog-list__read-more,
.tda-blog-list a.tda-blog-list__read-more:visited,
.tda-blog-list .blog-main-page a.tda-blog-list__read-more,
.tda-blog-list .blog-main-page a.tda-blog-list__read-more:visited {
  display: inline-block;
  color: #b3a644 !important;
  font: 400 14px/1.4 "le-monde-livre-classic-byol", Georgia, serif;
  font-style: normal;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  border-bottom: 0;
}

.tda-blog-list a.tda-blog-list__read-more:hover,
.tda-blog-list a.tda-blog-list__read-more:focus-visible,
.tda-blog-list .blog-main-page a.tda-blog-list__read-more:hover,
.tda-blog-list .blog-main-page a.tda-blog-list__read-more:focus-visible {
  color: #fff !important;
  text-decoration: underline !important;
}

.tda-blog-list__empty {
  margin: 30px 0;
  color: #fff;
}

.tda-blog-list__pagination.blog-paggination {
  clear: both;
  width: 100%;
  margin: 43px 0 0;
  padding: 0;
  text-align: center;
}

/* Override module .blog-paggination boxed/cyan/FontAwesome styles. */
.tda-blog-list__pagination.blog-paggination .links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  float: none;
  gap: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
}

.tda-blog-list__pagination.blog-paggination .links a,
.tda-blog-list__pagination.blog-paggination .links > b {
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px !important;
  min-width: 44px;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #211e20 !important;
  font: 400 14px/1 "le-monde-livre-classic-byol", Georgia, serif !important;
  text-align: center;
  text-decoration: none !important;
  overflow: visible;
  vertical-align: middle;
}

.tda-blog-list__pagination.blog-paggination .links > b,
.tda-blog-list__pagination.blog-paggination .links a:hover,
.tda-blog-list__pagination.blog-paggination .links a:focus-visible {
  background: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
}

.tda-blog-list__pagination.blog-paggination .links .next::before,
.tda-blog-list__pagination.blog-paggination .links .prev::before,
.tda-blog-list__pagination.blog-paggination .links .last::before,
.tda-blog-list__pagination.blog-paggination .links .frist::before {
  content: none !important;
  display: none !important;
}

.tda-blog-list__pagination.blog-paggination .links .next > span,
.tda-blog-list__pagination.blog-paggination .links .prev > span {
  display: block !important;
  width: 20px;
  height: 20px;
  margin: 0;
  font-size: 0 !important;
  line-height: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}

.tda-blog-list__pagination.blog-paggination .links .next > span {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><polyline points='15 10 25 20 15 30' fill='none' stroke='%23211e20' stroke-width='2'/></svg>");
}

.tda-blog-list__pagination.blog-paggination .links .prev > span {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><polyline points='25 10 15 20 25 30' fill='none' stroke='%23211e20' stroke-width='2'/></svg>");
}

.tda-blog-list__pagination.blog-paggination .links .next:hover > span {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><polyline points='15 10 25 20 15 30' fill='none' stroke='%23ffffff' stroke-width='2'/></svg>");
}

.tda-blog-list__pagination.blog-paggination .links .prev:hover > span {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><polyline points='25 10 15 20 25 30' fill='none' stroke='%23ffffff' stroke-width='2'/></svg>");
}

.tda-blog-list__pagination.blog-paggination .results,
.tda-blog-list__pagination.blog-paggination .links .last,
.tda-blog-list__pagination.blog-paggination .links .frist {
  display: none !important;
}

@media (max-width: 950px) {
  .tda-blog-list .tda-blog-list__grid.ybc-blog-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 45px 30px;
  }
}

@media (max-width: 620px) {
  body:is(#module-ybc_blog-blog, #ybc_blog_page) .breadcrumb__wrapper {
    display: none;
  }

  .tda-blog-list-shell {
    width: calc(100% - 32px);
    padding: 34px 0 26px;
  }

  .tda-blog-list .tda-blog-list__grid.ybc-blog-list {
    display: block;
  }

  .tda-blog-list .tda-blog-list__grid.ybc-blog-list > li {
    margin-bottom: 38px;
  }

  .tda-blog-list__intro {
    margin-bottom: 44px !important;
    text-align: center;
  }

  .tda-blog-list__brand {
    width: min(200px, 60vw);
    margin: 0 auto;
  }

  .tda-blog-list__brand img {
    margin: 0 auto;
  }

  .tda-blog-list__intro p,
  .tda-blog-list__category-title {
    text-align: center;
  }

  .tda-blog-list .tda-blog-list__category-nav ul {
    text-align: center;
  }

  .tda-blog-list .tda-blog-list__category-nav a,
  .tda-blog-list .tda-blog-list__category-nav a:visited,
  .tda-blog-list .blog-main-page .tda-blog-list__category-nav a,
  .tda-blog-list .blog-main-page .tda-blog-list__category-nav a:visited {
    text-decoration: underline !important;
    text-underline-offset: 3px;
  }

  .tda-blog-list__title {
    font-size: 19px;
  }

  .tda-blog-list__excerpt {
    font-size: 15px;
  }

  .tda-blog-list__pagination.blog-paggination {
    margin-top: 5px;
  }
}
