/* ==========================================================
   POELES & ACCESSOIRES - YBC BLOG V2
   Robust styling for BOTH custom theme overrides and the
   native YBC Blog markup. Loaded globally by theme.yml so it
   still applies even when YBC renders hook templates directly.
   ========================================================== */

:root {
  --pa-blog-orange: #f57900;
  --pa-blog-orange-dark: #d96800;
  --pa-blog-ink: #1f1f1d;
  --pa-blog-text: #4e4f4b;
  --pa-blog-muted: #7e7f79;
  --pa-blog-line: #e5e3dc;
  --pa-blog-bg: #f4f3ef;
  --pa-blog-soft: #fbfaf7;
  --pa-blog-card: #fff;
  --pa-blog-radius: 12px;
  --pa-blog-container: 1320px;
}

/* Remove the narrow Classic/YBC layout on public blog pages. */
body[class*="ybc_blog"] #wrapper,
body[id*="ybc_blog"] #wrapper,
.ybc-blog-wrapper,
.pa-blog {
  background: var(--pa-blog-bg);
}

body[class*="ybc_blog"] #wrapper > .container,
body[id*="ybc_blog"] #wrapper > .container {
  width: calc(100% - 28px) !important;
  max-width: var(--pa-blog-container) !important;
}

/* Native YBC front wrappers: make content full width. */
body[class*="ybc_blog"] #content-wrapper,
body[id*="ybc_blog"] #content-wrapper,
.ybc-blog-wrapper-blog-list,
.ybc-blog-wrapper-detail {
  width: 100% !important;
  max-width: 100% !important;
}

/* ==========================================================
   CUSTOM FRONT TEMPLATE (preferred rendering)
   ========================================================== */
.pa-blog-container {
  width: calc(100% - 36px);
  max-width: var(--pa-blog-container);
  margin: 0 auto;
}
.pa-blog-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 24px;
  background:
    radial-gradient(circle at 84% 15%, rgba(245,121,0,.28), transparent 29%),
    linear-gradient(112deg, #1c1c1a 0%, #292824 68%, #403328 100%);
  color: #fff;
}
.pa-blog-hero__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-height: 310px;
  padding-top: 42px;
  padding-bottom: 42px;
}
.pa-blog-hero--compact .pa-blog-hero__inner { min-height: 220px; }
.pa-blog-hero__content { max-width: 760px; }
.pa-blog-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: #ff9a3a;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.pa-blog-eyebrow::before {
  content: '';
  width: 28px;
  height: 2px;
  border-radius: 3px;
  background: currentColor;
}
.pa-blog-hero h1 {
  max-width: 800px;
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: clamp(38px,4.1vw,62px) !important;
  font-weight: 800 !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em;
}
.pa-blog-hero p,
.pa-blog-hero__intro,
.pa-blog-hero__intro p {
  max-width: 680px;
  margin: 0 !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.pa-blog-hero__badge {
  flex: 0 0 230px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(8px);
}
.pa-blog-hero__badge-icon { display:block; margin-bottom:10px; color:#ff9a3a; font-size:26px; }
.pa-blog-hero__badge strong { display:block; color:#fff; font-size:20px; line-height:1.15; }
.pa-blog-hero__badge small { display:block; margin-top:8px; color:rgba(255,255,255,.65); }
.pa-blog-main { padding-bottom: 36px; }
.pa-blog-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  padding: 13px 16px;
  border: 1px solid var(--pa-blog-line);
  border-radius: 9px;
  background: #fff;
}
.pa-blog-toolbar__label { color:var(--pa-blog-ink); font-size:15px; font-weight:800; }
.pa-blog-sort { display:flex; align-items:center; gap:10px; margin:0; color:var(--pa-blog-muted); font-size:11px; }
.pa-blog-sort select { min-height:38px; padding:0 34px 0 12px; border:1px solid #dcdad4; border-radius:6px; background:#fff; }
.pa-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.pa-blog-grid--home .pa-blog-card--featured { grid-column:span 2; grid-row:span 2; }
.pa-blog-card {
  display:flex;
  min-width:0;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--pa-blog-line);
  border-radius:var(--pa-blog-radius);
  background:#fff;
  box-shadow:0 6px 20px rgba(27,27,24,.035);
  transition:transform .18s ease, box-shadow .18s ease;
}
.pa-blog-card:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(27,27,24,.09); }
.pa-blog-card__media { display:block; aspect-ratio:16/10; overflow:hidden; background:#ebe9e3; }
.pa-blog-card--featured .pa-blog-card__media { aspect-ratio:16/9; }
.pa-blog-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .28s ease; }
.pa-blog-card:hover .pa-blog-card__media img { transform:scale(1.025); }
.pa-blog-card__placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#a09f98; font-weight:800; }
.pa-blog-card__body { display:flex; flex:1; flex-direction:column; padding:18px; }
.pa-blog-card__categories a { color:var(--pa-blog-orange)!important; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.pa-blog-card h2 { margin:8px 0!important; font-size:19px!important; line-height:1.25!important; }
.pa-blog-card--featured h2 { font-size:27px!important; }
.pa-blog-card h2 a { color:var(--pa-blog-ink)!important; text-decoration:none!important; }
.pa-blog-card__excerpt { color:#676863; font-size:12px; line-height:1.6; }
.pa-blog-card__footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:15px; }
.pa-blog-card__link { color:var(--pa-blog-ink)!important; font-size:11px; font-weight:800; text-decoration:none!important; }
.pa-blog-card__link span { color:var(--pa-blog-orange); }
.pa-blog-card__views { color:#9a9993; font-size:10px; }
.pa-blog-pagination { margin-top:22px; padding:12px; border:1px solid var(--pa-blog-line); border-radius:9px; background:#fff; }
.pa-blog-empty { padding:50px 20px; border:1px solid var(--pa-blog-line); border-radius:10px; background:#fff; text-align:center; }
.pa-blog-cta,.pa-blog-article-cta { margin-top:8px; background:#fff8f0; border-top:1px solid #f0e1d2; }
.pa-blog-cta__inner,.pa-blog-article-cta__inner { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:30px; padding-bottom:30px; }
.pa-blog-cta h2,.pa-blog-article-cta h2 { margin:0!important; color:var(--pa-blog-ink); font-size:24px!important; font-weight:800!important; }
.pa-blog-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border-radius:6px; background:var(--pa-blog-orange); color:#fff!important; font-size:11px; font-weight:800; text-decoration:none!important; text-transform:uppercase; }
.pa-blog-button:hover { background:var(--pa-blog-orange-dark); }

/* ==========================================================
   NATIVE YBC LISTING FALLBACK
   This is intentionally comprehensive: even if the module
   bypasses front overrides, the visible blog is transformed.
   ========================================================== */
.ybc-blog-wrapper-blog-list {
  max-width: var(--pa-blog-container) !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.ybc-blog-wrapper-blog-list.ybc-page-home::before,
.ybc-blog-wrapper-blog-list.ybc-page-category::before,
.ybc-blog-wrapper-blog-list.ybc-page-latest::before,
.ybc-blog-wrapper-blog-list.ybc-page-popular::before,
.ybc-blog-wrapper-blog-list.ybc-page-featured::before {
  display:block;
  margin-bottom:18px;
  padding:34px 38px;
  border-radius:12px;
  background:linear-gradient(110deg,#1d1d1b,#312a24);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.ybc-blog-wrapper-blog-list.ybc-page-home::before { content:'Conseils & expertise • Le journal Poêles & Accessoires'; }
.ybc-blog-wrapper-blog-list.ybc-page-category::before { content:'Conseils & expertise • Nos dossiers'; }
.ybc-blog-wrapper-blog-list.ybc-page-latest::before { content:'Conseils & expertise • Derniers articles'; }
.ybc-blog-wrapper-blog-list.ybc-page-popular::before { content:'Conseils & expertise • Les plus consultés'; }
.ybc-blog-wrapper-blog-list.ybc-page-featured::before { content:'Conseils & expertise • À la une'; }

.ybc-blog-wrapper-blog-list > .page-heading,
.ybc-blog-wrapper-blog-list .blog-category > .page-heading {
  margin:0 0 8px!important;
  color:var(--pa-blog-ink)!important;
  font-size:32px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-transform:none!important;
}
.ybc-blog-wrapper-blog-list .blog-category {
  margin:0 0 18px!important;
  padding:22px!important;
  border:1px solid var(--pa-blog-line)!important;
  border-radius:10px!important;
  background:#fff!important;
}
.ybc-blog-wrapper-blog-list .blog-category .ybc_item_img { margin:-22px -22px 20px!important; border-radius:10px 10px 0 0; overflow:hidden; }
.ybc-blog-wrapper-blog-list .blog-category .ybc_item_img img { width:100%!important; max-height:310px; object-fit:cover; }
.ybc-blog-wrapper-blog-list .blog-category-desc { color:#676863!important; font-size:13px!important; line-height:1.65!important; }

.ybc-blog-wrapper-blog-list .post-selection {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin:0 0 16px!important;
  padding:11px 13px!important;
  border:1px solid var(--pa-blog-line)!important;
  border-radius:8px!important;
  background:#fff!important;
}
.ybc-blog-wrapper-blog-list .post-selection .sort-by { color:#777873!important; font-size:11px!important; }
.ybc-blog-wrapper-blog-list .post-selection select { min-height:38px!important; border:1px solid #dcdad4!important; border-radius:6px!important; background:#fff!important; font-size:11px!important; }

.ybc-blog-wrapper-blog-list .ybc-blog-list {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.ybc-blog-wrapper-blog-list .ybc-blog-list > li,
.pa-ybc-post-card {
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
}
.ybc-blog-wrapper-blog-list .post-wrapper {
  display:flex!important;
  height:100%!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--pa-blog-line)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:0 6px 20px rgba(27,27,24,.035)!important;
  transition:transform .18s ease, box-shadow .18s ease!important;
}
.ybc-blog-wrapper-blog-list .post-wrapper:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(27,27,24,.09)!important; }
.ybc-blog-wrapper-blog-list .post-wrapper > .ybc_item_img {
  display:block!important;
  width:100%!important;
  height:220px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#eceae5!important;
}
.ybc-blog-wrapper-blog-list .post-wrapper > .ybc_item_img img {
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}
.ybc-blog-wrapper-blog-list .ybc-blog-wrapper-content { display:flex!important; flex:1!important; width:100%!important; padding:0!important; }
.ybc-blog-wrapper-blog-list .ybc-blog-wrapper-content-main { display:flex!important; flex:1!important; flex-direction:column!important; padding:17px!important; }
.ybc-blog-wrapper-blog-list .ybc_title_block { color:var(--pa-blog-ink)!important; font-size:17px!important; font-weight:800!important; line-height:1.3!important; text-decoration:none!important; text-transform:none!important; }
.ybc-blog-wrapper-blog-list .ybc-blog-categories { margin:0 0 7px!important; color:var(--pa-blog-orange)!important; font-size:10px!important; font-weight:700!important; }
.ybc-blog-wrapper-blog-list .ybc-blog-categories .be-label { display:none!important; }
.ybc-blog-wrapper-blog-list .ybc-blog-categories a { color:var(--pa-blog-orange)!important; }
.ybc-blog-wrapper-blog-list .ybc-blog-latest-toolbar { display:flex!important; flex-wrap:wrap!important; gap:9px!important; margin:7px 0!important; color:#999892!important; font-size:10px!important; }
.ybc-blog-wrapper-blog-list .blog_description { flex:1; margin:5px 0 0!important; color:#676863!important; font-size:12px!important; line-height:1.6!important; }
.ybc-blog-wrapper-blog-list .read_more { display:inline-flex!important; align-items:center!important; align-self:flex-start!important; margin-top:13px!important; color:var(--pa-blog-ink)!important; font-size:10px!important; font-weight:800!important; text-decoration:none!important; text-transform:uppercase!important; }
.ybc-blog-wrapper-blog-list .read_more::after { content:' →'; margin-left:5px; color:var(--pa-blog-orange); }
.ybc-blog-wrapper-blog-list .pagination { margin-top:20px!important; padding:11px!important; border:1px solid var(--pa-blog-line); border-radius:8px; background:#fff; }

/* Hide the native left/right sidebar on list pages: the new blog is editorial and full-width. */
body[class*="ybc_blog"] #left-column:has(.ybc_blog_sidebar),
body[class*="ybc_blog"] #right-column:has(.ybc_blog_sidebar),
body[id*="ybc_blog"] #left-column:has(.ybc_blog_sidebar),
body[id*="ybc_blog"] #right-column:has(.ybc_blog_sidebar) { display:none!important; }

/* If :has is unavailable, soften rather than break the layout. */
.ybc_blog_sidebar { font-family:inherit!important; }

/* ==========================================================
   YBC SIDEBAR BLOCKS (article fallback / optional displays)
   ========================================================== */
.ybc_blog_sidebar.pa-ybc-sidebar,
.ybc_blog_sidebar {
  display:grid;
  gap:14px;
  width:100%!important;
}
.ybc_blog_sidebar > .block,
.ybc_blog_sidebar .block {
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--pa-blog-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(25,25,22,.025)!important;
}
.ybc_blog_sidebar .title_blog,
.ybc_blog_sidebar .title_block {
  margin:0 0 12px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid #eceae4!important;
  color:var(--pa-blog-ink)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}
.ybc_blog_sidebar .ybc_item_img img { width:100%!important; border-radius:6px!important; }
.ybc_blog_sidebar .ybc_title_block { color:var(--pa-blog-ink)!important; font-size:12px!important; font-weight:800!important; line-height:1.35!important; }
.ybc_blog_sidebar .blog_description { color:#777873!important; font-size:10px!important; line-height:1.45!important; }
.ybc_blog_sidebar .blog_view_all,
.ybc_blog_sidebar .view_all_link { display:inline-flex!important; min-height:34px!important; align-items:center!important; padding:0 11px!important; border-radius:5px!important; background:var(--pa-blog-orange)!important; color:#fff!important; font-size:9px!important; font-weight:800!important; text-transform:uppercase!important; text-decoration:none!important; }
.ybc_block_search form { position:relative!important; }
.ybc_block_search .form-control { min-height:42px!important; padding-right:42px!important; border:1px solid #dedcd6!important; border-radius:6px!important; background:#fff!important; box-shadow:none!important; }
.ybc_block_search input.button { position:absolute!important; inset:0 0 0 auto!important; width:42px!important; opacity:0!important; z-index:2!important; }
.ybc_block_search .icon_search { position:absolute!important; top:0!important; right:0!important; display:flex!important; align-items:center!important; justify-content:center!important; width:42px!important; height:42px!important; color:var(--pa-blog-orange)!important; pointer-events:none!important; }

/* ==========================================================
   ARTICLE DETAIL - native YBC singlepost
   ========================================================== */
.ybc-blog-wrapper-detail,
.pa-ybc-singlepost {
  width:100%!important;
  max-width:1040px!important;
  margin:0 auto 32px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ybc-blog-wrapper-detail .ybc_blog_img_wrapper {
  width:100%!important;
  margin:0 0 0!important;
  overflow:hidden!important;
  border-radius:12px 12px 0 0!important;
  background:#eae8e2!important;
}
.ybc-blog-wrapper-detail .ybc_image-single,
.ybc-blog-wrapper-detail .ybc_image-single img { width:100%!important; }
.ybc-blog-wrapper-detail .ybc_image-single img {
  display:block!important;
  height:520px!important;
  max-width:none!important;
  object-fit:cover!important;
}
.ybc-blog-wrapper-detail > .ybc-blog-wrapper-content {
  width:100%!important;
  margin:0!important;
  padding:34px 46px 42px!important;
  border:1px solid var(--pa-blog-line)!important;
  border-top:0!important;
  border-radius:0 0 12px 12px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(28,27,23,.055)!important;
}
.ybc-blog-wrapper-detail .page-heading {
  max-width:850px!important;
  margin:0 0 14px!important;
  color:var(--pa-blog-ink)!important;
  font-size:clamp(30px,3.5vw,48px)!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.ybc-blog-wrapper-detail .post-details { margin:0 0 20px!important; }
.ybc-blog-wrapper-detail .blog-extra,
.ybc-blog-wrapper-detail .ybc-blog-latest-toolbar { display:flex!important; flex-wrap:wrap!important; gap:10px 14px!important; color:#8a8a84!important; font-size:10px!important; }
.ybc-blog-wrapper-detail .blog-extra svg,
.ybc-blog-wrapper-detail .ybc-blog-latest-toolbar svg { fill:var(--pa-blog-orange)!important; }
.ybc-blog-wrapper-detail .post-details-bottom,
.ybc-blog-wrapper-detail .blog-extra-item { border-color:#eceae4!important; }
.ybc-blog-wrapper-detail .ybc_blog_content,
.ybc-blog-wrapper-detail .blog_description,
.ybc-blog-wrapper-detail [itemprop="articleBody"] {
  max-width:820px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  color:#454641!important;
  font-size:15px!important;
  line-height:1.82!important;
}
.ybc-blog-wrapper-detail [itemprop="articleBody"] p,
.ybc-blog-wrapper-detail .ybc_blog_content p { margin:0 0 1.25em!important; }
.ybc-blog-wrapper-detail [itemprop="articleBody"] h2,
.ybc-blog-wrapper-detail .ybc_blog_content h2 { margin:2em 0 .7em!important; color:var(--pa-blog-ink)!important; font-size:27px!important; font-weight:800!important; line-height:1.2!important; }
.ybc-blog-wrapper-detail [itemprop="articleBody"] h3,
.ybc-blog-wrapper-detail .ybc_blog_content h3 { margin:1.7em 0 .6em!important; color:var(--pa-blog-ink)!important; font-size:21px!important; font-weight:800!important; }
.ybc-blog-wrapper-detail [itemprop="articleBody"] a,
.ybc-blog-wrapper-detail .ybc_blog_content a { color:var(--pa-blog-orange)!important; text-decoration:underline!important; text-underline-offset:2px; }
.ybc-blog-wrapper-detail [itemprop="articleBody"] img,
.ybc-blog-wrapper-detail .ybc_blog_content img { max-width:100%!important; height:auto!important; margin:20px auto!important; border-radius:8px!important; }
.ybc-blog-wrapper-detail blockquote { margin:24px 0!important; padding:18px 22px!important; border-left:4px solid var(--pa-blog-orange)!important; border-radius:0 7px 7px 0!important; background:#fff7ee!important; color:#494943!important; font-size:16px!important; }
.ybc-blog-wrapper-detail table { width:100%!important; margin:22px 0!important; border-collapse:collapse!important; font-size:12px!important; }
.ybc-blog-wrapper-detail th,.ybc-blog-wrapper-detail td { padding:10px 12px!important; border:1px solid #e4e2dc!important; }
.ybc-blog-wrapper-detail th { background:#f7f6f2!important; color:#262623!important; font-weight:800!important; }

/* Social, tags, poll, author and comments become coherent cards. */
.ybc-blog-wrapper-detail .blog-social,
.ybc-blog-wrapper-detail .blog-tags,
.ybc-blog-wrapper-detail .ybc_blog_review_block,
.ybc-blog-wrapper-detail .ybc-blog-related-posts,
.ybc-blog-wrapper-detail .ybc-blog-related-products,
.ybc-blog-wrapper-detail .ybc-blog-comment-list,
.ybc-blog-wrapper-detail .blog-comment-row,
.ybc-blog-wrapper-detail .blog-comment-form,
.ybc-blog-wrapper-detail .ybc_blog_poll {
  max-width:820px!important;
  margin:22px auto 0!important;
  padding:18px!important;
  border:1px solid var(--pa-blog-line)!important;
  border-radius:9px!important;
  background:var(--pa-blog-soft)!important;
}
.ybc-blog-wrapper-detail .blog-social a { border-radius:5px!important; }
.ybc-blog-wrapper-detail input[type="text"],
.ybc-blog-wrapper-detail input[type="email"],
.ybc-blog-wrapper-detail textarea,
.ybc-blog-wrapper-detail select {
  min-height:42px!important;
  border:1px solid #dcdad4!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.ybc-blog-wrapper-detail textarea { min-height:130px!important; }
.ybc-blog-wrapper-detail button,
.ybc-blog-wrapper-detail .button,
.ybc-blog-wrapper-detail input[type="submit"] {
  min-height:40px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:6px!important;
  background:var(--pa-blog-orange)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}

/* Custom detail outer layout */
.pa-blog-detail-band { padding:16px 0; background:#242421; }
.pa-blog-back { color:#fff!important; font-size:11px; font-weight:700; text-decoration:none!important; }
.pa-blog-detail-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; padding-top:24px; padding-bottom:26px; }
.pa-blog-article-shell { min-width:0; }
.pa-blog-detail-layout .pa-blog-sidebar { display:none; }
.pa-blog-article-cta p { margin:5px 0 0; color:#777873; font-size:12px; }

/* Directory pages */
.pa-blog-directory__content { padding-top:4px; padding-bottom:34px; }
.pa-blog-directory__content .ybc-blog-categories,
.pa-blog-directory__content .ybc-blog-authors { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }

/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 991.98px) {
  .pa-blog-grid,
  .ybc-blog-wrapper-blog-list .ybc-blog-list { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .pa-blog-grid--home .pa-blog-card--featured { grid-column:span 2; grid-row:auto; }
  .pa-blog-hero__badge { display:none; }
  .pa-blog-hero__inner { min-height:260px; }
  .ybc-blog-wrapper-detail .ybc_image-single img { height:420px!important; }
  .ybc-blog-wrapper-detail > .ybc-blog-wrapper-content { padding:28px 30px 34px!important; }
}
@media (max-width: 767.98px) {
  .pa-blog-container { width:calc(100% - 18px); }
  .pa-blog-hero__inner { min-height:230px; padding-top:30px; padding-bottom:30px; }
  .pa-blog-hero h1 { font-size:34px!important; }
  .pa-blog-grid,
  .ybc-blog-wrapper-blog-list .ybc-blog-list { grid-template-columns:1fr!important; }
  .pa-blog-grid--home .pa-blog-card--featured { grid-column:auto; }
  .pa-blog-card--featured h2 { font-size:21px!important; }
  .pa-blog-toolbar { align-items:flex-start; flex-direction:column; }
  .pa-blog-cta__inner,.pa-blog-article-cta__inner { align-items:flex-start; flex-direction:column; }
  .ybc-blog-wrapper-blog-list.ybc-page-home::before,
  .ybc-blog-wrapper-blog-list.ybc-page-category::before,
  .ybc-blog-wrapper-blog-list.ybc-page-latest::before,
  .ybc-blog-wrapper-blog-list.ybc-page-popular::before,
  .ybc-blog-wrapper-blog-list.ybc-page-featured::before { padding:25px 20px; border-radius:9px; }
  .ybc-blog-wrapper-blog-list .post-wrapper > .ybc_item_img { height:210px!important; }
  .ybc-blog-wrapper-detail .ybc_image-single img { height:min(72vw,350px)!important; }
  .ybc-blog-wrapper-detail > .ybc-blog-wrapper-content { padding:22px 16px 26px!important; }
  .ybc-blog-wrapper-detail .page-heading { font-size:30px!important; }
  .ybc-blog-wrapper-detail .ybc_blog_content,
  .ybc-blog-wrapper-detail [itemprop="articleBody"] { font-size:14px!important; line-height:1.75!important; }
  .pa-blog-directory__content .ybc-blog-categories,
  .pa-blog-directory__content .ybc-blog-authors { grid-template-columns:1fr; }
}

/* ==========================================================
   YBC BLOG TAKEOVER V3 - controller templates actually used
   ========================================================== */
body[id^="module-ybc_blog-"] #left-column,
body[id^="module-ybc_blog-"] #right-column,
body[class*="module-ybc_blog-"] #left-column,
body[class*="module-ybc_blog-"] #right-column {
  display: none !important;
}
body[id^="module-ybc_blog-"] #content-wrapper,
body[class*="module-ybc_blog-"] #content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.pa-blog-controller-list .pa-blog-native-content > .ybc-blog-wrapper,
.pa-blog-controller-detail .pa-blog-article-shell > .ybc-blog-wrapper {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
.pa-blog-controller-list .ybc-blog-wrapper > .page-heading,
.pa-blog-controller-list .ybc-blog-wrapper > .blog-category-desc,
.pa-blog-controller-list .ybc-blog-wrapper > .blog-category > .page-heading,
.pa-blog-controller-list .ybc-blog-wrapper > .blog-category > .blog-category-desc {
  display: none !important;
}
.pa-blog-detail-layout--full {
  display: block !important;
}
.pa-blog-detail-layout--full .pa-blog-article-shell {
  width: min(1040px,100%);
  margin: 0 auto;
}