/* Blog Kroma (module bgsblog) - couleurs et polices du thème child_hummingbird */
.bgsblog-home,
.bgsblog {
  --bgsblog-red: #DD3238;
  --bgsblog-red-dark: #b1282d;
  --bgsblog-cream: #f3ece1;
  --bgsblog-sand: #e8ddcd;
  --bgsblog-ink: #2b2420;
  --bgsblog-muted: #8a8378;
  --bgsblog-yellow: #FFCC5A;
  --bgsblog-yellow-ink: #6b4400;
  --bgsblog-title-font: "Baloo 2", "Work Sans", ui-sans-serif, system-ui, sans-serif;
  color: var(--bgsblog-ink);
}

.bgsblog-home a,
.bgsblog a { color: inherit; text-decoration: none; }
.bgsblog-home a:hover .bgsblog-highlight__title,
.bgsblog-home .bgsblog-side__title a:hover,
.bgsblog a:hover { color: var(--bgsblog-red); }

/* ---------- Commun ---------- */
.bgsblog-meta { font-size: .8125rem; color: var(--bgsblog-muted); margin: 0 0 .375rem; }
.bgsblog-meta__category { color: var(--bgsblog-red) !important; font-weight: 500; }
.bgsblog-kicker {
  font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: var(--bgsblog-red); margin: 0 0 .125rem;
}
.bgsblog-more {
  display: inline-flex; align-items: center; gap: .25rem; white-space: nowrap;
  color: var(--bgsblog-red) !important; font-weight: 600;
}
.bgsblog-more .material-icons { font-size: 1.125rem; transition: transform .15s; }
.bgsblog-more:hover .material-icons { transform: translateX(3px); }
.bgsblog-noimage {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
  background: var(--bgsblog-sand); color: var(--bgsblog-muted);
}
.bgsblog-noimage .material-icons { font-size: 2.5rem; }
.bgsblog-badge {
  position: absolute; top: .75rem; left: .75rem;
  background: var(--bgsblog-yellow); color: var(--bgsblog-yellow-ink);
  font-size: .75rem; font-weight: 600; padding: .125rem .625rem; border-radius: 999px;
}
.bgsblog-section-title,
.bgsblog-home__title,
.bgsblog-highlight__title,
.bgsblog-side__title,
.bgsblog-card__title,
.bgsblog-post__title {
  font-family: var(--bgsblog-title-font); font-weight: 700; line-height: 1.15; color: var(--bgsblog-ink);
}

/* ---------- Article mis en avant ---------- */
.bgsblog-highlight {
  background: #fff; border-radius: 1rem; overflow: hidden;
  display: flex; flex-direction: column; min-width: 0;
}
.bgsblog-highlight__image { position: relative; display: block; aspect-ratio: 1200 / 630; overflow: hidden; }
.bgsblog-highlight__image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.bgsblog-highlight:hover .bgsblog-highlight__image img { transform: scale(1.03); }
.bgsblog-highlight__body { padding: 1.125rem 1.25rem 1.25rem; }
.bgsblog-highlight__title { font-size: 1.5rem; margin: 0 0 .5rem; }
.bgsblog-highlight__summary { font-size: .9375rem; line-height: 1.6; margin: 0 0 1rem; }
.bgsblog-highlight__cta { color: #fff !important; }

/* ---------- Bloc de la page d'accueil ---------- */
.bgsblog-home {
  background: var(--bgsblog-cream); border-radius: 1.25rem;
  padding: 1.75rem; margin: 2.5rem 0;
}
.bgsblog-home__header {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1.25rem;
}
.bgsblog-home__title { font-size: 1.75rem; margin: 0; }
.bgsblog-home__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.25rem; }
.bgsblog-home__grid--single { grid-template-columns: minmax(0, 1fr); }
.bgsblog-home__list { display: flex; flex-direction: column; gap: 1rem; }

.bgsblog-side {
  display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: .875rem; align-items: center;
  background: #fff; border-radius: .75rem; padding: .625rem; flex: 1;
}
.bgsblog-side__image { display: block; height: 100%; min-height: 6.5rem; border-radius: .5rem; overflow: hidden; }
.bgsblog-side__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bgsblog-side__title { font-size: 1.0625rem; margin: .125rem 0 .25rem; }
.bgsblog-side .bgsblog-meta { margin: 0; }

/* ---------- Pages du blog ---------- */
.bgsblog-intro { max-width: 48rem; margin-bottom: 1.25rem; }
.bgsblog-categories { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }

/* En-tête des pages du blog : titre à gauche, recherche du blog à droite */
.bgsblog-header {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
}
.bgsblog-header .page-title-section { margin-bottom: 0; }

/* Recherche du blog : même style que la recherche du catalogue (#ps_searchbar, custom.css) */
.bgsblog-search { position: relative; flex: 0 1 26rem; width: 26rem; max-width: 100%; margin: 0; }
.bgsblog-search .bgsblog-search__input {
  width: 100%; height: 44px; padding: 8px 44px 8px 20px;
  border: 1px solid #e8ddcd; border-radius: 25px; background-color: #f3ece1;
  font-size: 1rem; color: #212529; box-shadow: none;
}
.bgsblog-search .bgsblog-search__input:focus { border-color: #DD3238; box-shadow: none; }
.bgsblog-search .bgsblog-search__input::-webkit-search-cancel-button { display: none; }
.bgsblog-search__button {
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 2;
  display: flex; padding: 0; border: 0; background: none; cursor: pointer;
}
.bgsblog-search__button img { width: 22px; height: 22px; display: block; }
.bgsblog-search-summary { font-size: 1.0625rem; margin: 0 0 1.5rem; display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.bgsblog-post__search { max-width: 46rem; margin: 2rem auto 0; }
.bgsblog-post__search .bgsblog-search { width: 100%; }
.bgsblog-pill {
  display: inline-block; padding: .375rem .875rem; border-radius: 999px;
  background: var(--bgsblog-cream); font-size: .875rem; font-weight: 500;
}
.bgsblog-pill--current,
.bgsblog-pill--current:hover { background: var(--bgsblog-red); color: #fff !important; }
.bgsblog-listing > .bgsblog-highlight {
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  background: var(--bgsblog-cream); margin-bottom: 2rem;
}
.bgsblog-listing > .bgsblog-highlight .bgsblog-highlight__image { aspect-ratio: auto; min-height: 100%; }
.bgsblog-listing > .bgsblog-highlight .bgsblog-highlight__body { padding: 2rem; align-self: center; }
.bgsblog-listing > .bgsblog-highlight .bgsblog-highlight__title { font-size: 1.875rem; }
.bgsblog-empty { padding: 2rem 0; }

.bgsblog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.bgsblog-card { display: flex; flex-direction: column; min-width: 0; }
.bgsblog-card__image { display: block; aspect-ratio: 1200 / 630; border-radius: .75rem; overflow: hidden; margin-bottom: .75rem; }
.bgsblog-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.bgsblog-card:hover .bgsblog-card__image img { transform: scale(1.03); }
.bgsblog-card__title { font-size: 1.1875rem; margin: 0 0 .375rem; }
.bgsblog-card__summary { font-size: .9375rem; line-height: 1.55; margin: 0 0 .5rem; }

.bgsblog-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: .375rem; margin: 2.5rem 0 1rem; }
.bgsblog-pagination__link {
  display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem;
  padding: 0 .5rem; border-radius: .5rem; background: var(--bgsblog-cream); font-weight: 600;
}
.bgsblog-pagination__link--current { background: var(--bgsblog-red); color: #fff !important; }

/* ---------- Article ---------- */
.bgsblog-post { max-width: 60rem; margin: 0 auto; }
.bgsblog-post__header { text-align: center; max-width: 46rem; margin: 1rem auto 1.5rem; }
.bgsblog-post__title { font-size: clamp(1.75rem, 4vw, 2.75rem); margin: .25rem 0 .75rem; }
.bgsblog-post__cover { margin: 0 0 2rem; border-radius: 1rem; overflow: hidden; }
.bgsblog-post__cover img { width: 100%; height: auto; display: block; }
.bgsblog-post__main { max-width: 46rem; margin: 0 auto; }

.bgsblog-toc {
  background: var(--bgsblog-cream); border-radius: .75rem; padding: 1rem 1.25rem; margin-bottom: 2rem;
}
.bgsblog-toc__title { font-family: var(--bgsblog-title-font); font-weight: 700; font-size: 1.125rem; margin: 0 0 .375rem; }
.bgsblog-toc ol { margin: 0; padding-left: 1.25rem; }
.bgsblog-toc li { margin: .25rem 0; }
.bgsblog-toc a { color: var(--bgsblog-red) !important; }

.bgsblog-content { font-size: 1.0625rem; line-height: 1.75; }
.bgsblog-content h2,
.bgsblog-content h3 { font-family: var(--bgsblog-title-font); font-weight: 700; line-height: 1.2; margin: 2rem 0 .75rem; scroll-margin-top: 7rem; }
.bgsblog-content h2 { font-size: 1.75rem; }
.bgsblog-content h3 { font-size: 1.375rem; }
.bgsblog-content p,
.bgsblog-content ul,
.bgsblog-content ol { margin: 0 0 1.125rem; }
.bgsblog-content a { color: var(--bgsblog-red) !important; text-decoration: underline; }
.bgsblog-content img { max-width: 100%; height: auto; border-radius: .75rem; }
.bgsblog-content blockquote {
  border-left: 4px solid var(--bgsblog-red); background: var(--bgsblog-cream);
  margin: 1.5rem 0; padding: 1rem 1.25rem; font-style: italic;
}
.bgsblog-content iframe { max-width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; border-radius: .75rem; }

.bgsblog-inline-product {
  display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 1rem; align-items: center;
  border: 2px solid var(--bgsblog-sand); border-radius: .875rem; padding: .875rem; margin: 1.5rem 0;
  line-height: 1.45;
}
.bgsblog-inline-product__image img { width: 100%; height: auto; display: block; border-radius: .5rem; }
.bgsblog-inline-product__name { font-family: var(--bgsblog-title-font); font-weight: 700; font-size: 1.1875rem; margin: 0 0 .25rem; }
.bgsblog-content .bgsblog-inline-product__name a { color: var(--bgsblog-ink) !important; text-decoration: none; }
.bgsblog-inline-product__desc { font-size: .875rem; color: var(--bgsblog-muted); margin: 0 0 .5rem !important; }
.bgsblog-inline-product__footer { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.bgsblog-inline-product__price { font-weight: 700; font-size: 1.125rem; }
.bgsblog-content .bgsblog-inline-product .btn { color: #fff !important; text-decoration: none; }

.bgsblog-share { border-top: 1px solid var(--bgsblog-sand); margin-top: 2.5rem; padding-top: 1.25rem; }
.bgsblog-share__title { font-weight: 600; margin: 0 0 .625rem; }
.bgsblog-share ul { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 0; padding: 0; }
.bgsblog-share__link {
  display: inline-block; padding: .375rem .875rem; border-radius: 999px; border: 0;
  background: var(--bgsblog-cream); font-size: .875rem; font-weight: 500; color: var(--bgsblog-ink); cursor: pointer;
}
.bgsblog-share__link:hover { background: var(--bgsblog-red); color: #fff !important; }

.bgsblog-products,
.bgsblog-related,
.bgsblog-product-posts { margin-top: 3rem; }
.bgsblog-section-title { font-size: 1.625rem; margin: 0 0 1.25rem; }
.bgsblog-related__all { text-align: center; margin-top: 1.5rem; }

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
  .bgsblog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bgsblog-listing > .bgsblog-highlight { grid-template-columns: minmax(0, 1fr); }
  .bgsblog-listing > .bgsblog-highlight .bgsblog-highlight__image { aspect-ratio: 1200 / 630; }
  .bgsblog-listing > .bgsblog-highlight .bgsblog-highlight__body { padding: 1.25rem; }
}
@media (max-width: 767.98px) {
  .bgsblog-home { padding: 1.25rem 1rem; border-radius: 1rem; }
  .bgsblog-home__header { flex-direction: column; align-items: flex-start; gap: .5rem; }
  .bgsblog-home__title { font-size: 1.5rem; }
  .bgsblog-home__grid { grid-template-columns: minmax(0, 1fr); }
  .bgsblog-highlight__title,
  .bgsblog-listing > .bgsblog-highlight .bgsblog-highlight__title { font-size: 1.375rem; }
  .bgsblog-side { grid-template-columns: 6.5rem minmax(0, 1fr); }
  .bgsblog-side__image { min-height: 5rem; }
}
@media (max-width: 767.98px) {
  .bgsblog-header { align-items: stretch; }
  .bgsblog-search { flex-basis: 100%; width: 100%; }
}
@media (max-width: 575.98px) {
  .bgsblog-grid { grid-template-columns: minmax(0, 1fr); }
  .bgsblog-inline-product { grid-template-columns: 5.5rem minmax(0, 1fr); }
}

/* ---------- Abonnement aux nouveaux articles ---------- */
.bgsblog-subscribe {
  display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap;
  background: var(--bgsblog-cream); border-radius: 1rem; padding: 1.5rem; margin: 3rem 0 0;
}
.bgsblog-subscribe__icon {
  flex: 0 0 3.5rem; height: 3.5rem; border-radius: 50%; background: var(--bgsblog-red); color: #fff;
  display: flex; align-items: center; justify-content: center;
}
.bgsblog-subscribe__icon .material-icons { font-size: 1.75rem; }
.bgsblog-subscribe__body { flex: 1 1 18rem; min-width: 0; }
.bgsblog-subscribe__title { font-family: var(--bgsblog-title-font); font-weight: 700; font-size: 1.375rem; margin: 0 0 .25rem; color: var(--bgsblog-ink); }
.bgsblog-subscribe__text { margin: 0; }
.bgsblog-subscribe__actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.bgsblog-subscribe__actions form { margin: 0; }
.bgsblog-subscribe__actions .btn-primary { color: #fff !important; }
.bgsblog-subscribe__login { color: var(--bgsblog-red) !important; font-weight: 600; text-decoration: underline !important; }
.bgsblog-post .bgsblog-subscribe { max-width: 46rem; margin-left: auto; margin-right: auto; }
@media (max-width: 575.98px) {
  .bgsblog-subscribe { padding: 1.25rem; }
  .bgsblog-subscribe__icon { display: none; }
}