/* Western Guns — YBC Blog integration */
:root {
  --wg-blog-cream: #ece3ca;
  --wg-blog-light-cream: #f9f4e6;
  --wg-blog-light-brown: #b07f48;
  --wg-blog-brown: #673a15;
  --wg-blog-dark-brown: #22160a;
  --wg-blog-white: #f9f6ee;
}

/* Shared blog cards */
.wg-blog-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(103, 58, 21, .16);
  border-radius: 4px;
  background: var(--wg-blog-white);
  padding: 0 !important;
  box-shadow: 0 10px 30px rgba(34, 22, 10, .08);
  transition: transform .25s ease, box-shadow .25s ease;
}

.wg-blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 38px rgba(34, 22, 10, .14);
}

.wg-blog-card-media {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background-color: var(--wg-blog-brown);
}

.wg-blog-card > .wg-blog-card-media {
  width: calc(100% - 1.5rem);
  margin: .75rem .75rem 0;
}

.wg-blog-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.wg-blog-card:hover .wg-blog-card-media img {
  transform: scale(1.04);
}

.wg-blog-card-placeholder {
  background-color: var(--wg-blog-dark-brown);
  background-image: linear-gradient(135deg, rgba(176, 127, 72, .22), transparent 55%), url('../img/bg_header.webp');
  background-position: center;
  background-size: cover;
}

.wg-blog-card-placeholder::after {
  position: absolute;
  inset: 0;
  content: '';
  background: rgba(34, 22, 10, .42);
}

.wg-blog-placeholder-mark {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 76px;
  height: 76px;
  transform: translate(-50%, -50%);
  background: url('../img/cowboy_hat.svg') center / contain no-repeat;
  filter: brightness(0) invert(1);
  opacity: .9;
}

.wg-blog-card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  padding: .9rem .75rem 1.1rem !important;
}

.wg-blog-card-content h2,
.wg-blog-card-content h3 {
  margin: .8rem 0 .65rem;
  padding: 0;
  line-height: 1.12;
}

.wg-blog-card-content .ybc_title_block {
  margin-top: 0 !important;
  color: var(--wg-blog-dark-brown);
  font-family: "freehouse", serif;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.12;
  text-transform: none;
}

.wg-blog-card-content .ybc_title_block:hover,
.wg-blog-card-meta a:hover,
.wg-blog-link:hover {
  color: var(--wg-blog-light-brown);
}

.wg-blog-card-meta {
  display: flex !important;
  flex-wrap: wrap;
  gap: .25rem .4rem;
  align-items: center;
  color: rgba(103, 58, 21, .66);
  font-family: "Barlow", sans-serif;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .01em;
  line-height: 1.3;
  text-transform: none;
}

.wg-blog-card-meta a,
.wg-blog-card-meta time {
  display: inline !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-transform: none !important;
}

.wg-blog-card-content .blog_description {
  margin: 0 0 1rem;
  color: var(--wg-blog-dark-brown);
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  line-height: 1.55;
}

.wg-blog-link {
  display: inline-flex;
  gap: .35rem;
  align-items: center;
  margin-top: auto;
  color: var(--wg-blog-brown);
  font-family: "Barlow", sans-serif;
  font-size: .88rem;
  font-weight: 750;
  text-transform: none;
}

/* Homepage blog section */
.wg-blog-home {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 5rem 0;
  overflow: hidden;
  background: var(--wg-blog-cream);
}

.wg-blog-home::before,
.wg-blog-home::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: max(0px, calc((100vw - 100%) / 2));
  content: '';
  background: inherit;
}

.wg-blog-home::before { right: 100%; }
.wg-blog-home::after { left: 100%; }

.wg-blog-section-heading {
  max-width: none;
  margin: 0 0 3rem;
  text-align: left;
}

.wg-blog-section-heading .title_blog {
  margin: 0 0 3rem;
  padding: 0;
  color: var(--wg-blog-dark-brown);
  font-family: "freehouse", serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  text-align: left;
  text-transform: uppercase;
}

.wg-blog-section-heading p {
  margin: 0;
  color: var(--wg-blog-brown);
  font-size: 1.1rem;
  text-align: left;
}

.wg-blog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.wg-blog-home .blog_view_all_button {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}

.wg-blog-home .view_all_link.btn {
  display: flex;
  width: fit-content !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: center;
  gap: .5rem;
  margin: 0 !important;
  padding: 1.09375rem 2rem !important;
  border: 0;
  border-radius: 2px;
  background: var(--wg-blog-brown);
  color: var(--wg-blog-white);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1 !important;
  text-transform: initial;
  transition: .3s;
}

.wg-blog-home .view_all_link.btn:hover {
  background: var(--wg-blog-dark-brown);
  color: var(--wg-blog-white);
}

/* Blog listing */
body#ybc_blog_page #wrapper,
body#ybc_blog_page #wrapper .container,
body#ybc_blog_page #content-wrapper,
body#ybc_blog_page #content {
  background-color: transparent !important;
}

body#ybc_blog_page #content-wrapper {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Keep the theme's outer Bootstrap row inside its container as well. Without
   this reset its negative gutters cancel the page padding on small screens. */
body#ybc_blog_page #wrapper > .container > .row {
  width: auto !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* ybc_blog wraps its page content in a Bootstrap row although the surrounding
   PrestaShop container already provides the page gutters. Remove the negative
   row gutters so listing and article layouts cannot escape the container. */
body#ybc_blog_page #content-wrapper.js-content-wrapper > .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body#ybc_blog_page #content-wrapper.js-content-wrapper > .row > #content-wrapper,
body#ybc_blog_page #content-wrapper.js-content-wrapper > .row > #right-column,
body#ybc_blog_page .wg-blog-page-layout {
  min-width: 0;
  box-sizing: border-box;
}

/* The module also injects a legacy Bootstrap column. The themed listing owns
   its sidebar, while articles remain deliberately centred and distraction-free. */
body#ybc_blog_page #right-column,
body#ybc_blog_page #left-column {
  display: none !important;
}

body#ybc_blog_page .wg-blog-page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 2rem;
  align-items: start;
  padding-bottom: 5rem;
}

body#ybc_blog_page .ybc-blog-wrapper-blog-list {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#ybc_blog_page .ybc-blog-wrapper-blog-list > .page-heading {
  margin: 0 0 1.5rem;
  padding: 1rem 0;
  color: var(--wg-blog-brown);
  font-family: "freehouse", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
}

body#ybc_blog_page .ybc-blog-wrapper-blog-list > .blog-category-desc {
  max-width: 760px;
  margin: 0 0 2.5rem;
  color: var(--wg-blog-brown);
  text-align: left;
}

/* Editorial sidebar */
body#ybc_blog_page .wg-blog-sidebar {
  position: sticky;
  top: 1.5rem;
  min-width: 0;
}

body#ybc_blog_page .wg-blog-sidebar .ybc-blog-sidebar-content,
body#ybc_blog_page .wg-blog-sidebar .block {
  float: none !important;
  width: 100% !important;
}

body#ybc_blog_page .wg-blog-sidebar .block {
  margin: 0 0 1.25rem !important;
  padding: 1.35rem !important;
  border: 1px solid rgba(103, 58, 21, .16) !important;
  border-radius: 4px;
  background: var(--wg-blog-cream) !important;
  box-shadow: 0 8px 24px rgba(34, 22, 10, .06);
}

body#ybc_blog_page .wg-blog-sidebar .title_blog,
body#ybc_blog_page .wg-blog-sidebar .title_block {
  margin: 0 0 1rem !important;
  padding: 0 0 .75rem !important;
  border-bottom: 1px solid rgba(103, 58, 21, .25) !important;
  color: var(--wg-blog-dark-brown) !important;
  font-family: "freehouse", serif !important;
  font-size: 1.45rem !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

body#ybc_blog_page .wg-blog-sidebar ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body#ybc_blog_page .wg-blog-sidebar li {
  margin: 0 !important;
  padding: .55rem 0 !important;
  border-bottom: 1px solid rgba(103, 58, 21, .12);
}

body#ybc_blog_page .wg-blog-sidebar li:last-child { border-bottom: 0; }

body#ybc_blog_page .wg-blog-sidebar a {
  color: var(--wg-blog-brown) !important;
  font-weight: 650;
}

body#ybc_blog_page .wg-blog-sidebar a:hover { color: var(--wg-blog-light-brown) !important; }

body#ybc_blog_page .wg-blog-sidebar-posts li {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

body#ybc_blog_page .wg-blog-sidebar-posts time {
  color: var(--wg-blog-light-brown);
  font-size: .78rem;
  font-weight: 700;
}

body#ybc_blog_page .wg-blog-sidebar .wg-blog-sidebar-latest {
  padding: 1.35rem !important;
  background: var(--wg-blog-cream) !important;
}

body#ybc_blog_page .wg-blog-sidebar .blog_view_all_button {
  margin-top: 1rem !important;
  text-align: left !important;
}

body#ybc_blog_page .wg-blog-sidebar .blog_view_all {
  display: flex !important;
  width: fit-content !important;
  min-height: auto;
  align-items: center;
  gap: .5rem;
  justify-content: center;
  padding: .75rem 1.25rem !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: var(--wg-blog-light-brown) !important;
  color: var(--wg-blog-white) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center;
  text-transform: initial !important;
  transition: .3s;
}

body#ybc_blog_page .wg-blog-sidebar .blog_view_all:hover {
  background: var(--wg-blog-dark-brown) !important;
  color: var(--wg-blog-white) !important;
}

body#ybc_blog_page .wg-blog-sidebar input[type='text'],
body#ybc_blog_page .wg-blog-sidebar input[type='search'] {
  width: 100% !important;
  min-height: 46px;
  padding: .7rem .85rem !important;
  border: 1px solid rgba(103, 58, 21, .25) !important;
  border-radius: 4px !important;
  background: var(--wg-blog-white) !important;
  color: var(--wg-blog-dark-brown) !important;
}

body#ybc_blog_page .ybc-blog-wrapper-blog-list ul.ybc-blog-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

body#ybc_blog_page .ybc-blog-wrapper-blog-list ul.ybc-blog-list > li.wg-blog-list-item {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body#ybc_blog_page .ybc-blog-wrapper-blog-list .wg-blog-card {
  width: 100% !important;
  margin: 0 !important;
}

body#ybc_blog_page .ybc-blog-wrapper-blog-list .wg-blog-card-media {
  float: none !important;
  width: calc(100% - 1.5rem) !important;
  max-width: none !important;
  margin: .75rem .75rem 0 !important;
}

body#ybc_blog_page .blog-pagination {
  margin-top: 2.5rem;
}

body#ybc_blog_page .blog-pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

body#ybc_blog_page .blog-pagination a,
body#ybc_blog_page .blog-pagination span {
  display: inline-flex;
  min-width: 38px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: var(--wg-blog-brown);
  font-weight: 700;
}

body#ybc_blog_page .blog-pagination .active,
body#ybc_blog_page .blog-pagination .current,
body#ybc_blog_page .blog-pagination a:hover {
  background: var(--wg-blog-brown);
  color: var(--wg-blog-white);
}

/* Blog post */
body#ybc_blog_page .ybc-blog-wrapper-detail {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 0 5rem !important;
  padding: 0 !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .ybc_blog_img_wrapper img {
  display: block;
  width: 100%;
  max-height: 560px;
  object-fit: cover;
}

body#ybc_blog_page .ybc-blog-wrapper-detail > .ybc-blog-wrapper-content {
  float: none !important;
  width: 100% !important;
  padding: 1.5rem 0 3rem !important;
}

/* On article pages, retain the module's useful sidebar. It is hidden on
   listings because the themed listing already renders its own sidebar. */
body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #content-wrapper.js-content-wrapper > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 2rem;
  align-items: start;
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #content-wrapper.js-content-wrapper > .row > #content-wrapper.right-column {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #content-wrapper.js-content-wrapper > .row > #right-column {
  display: block !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .block {
  float: none !important;
  width: 100% !important;
  margin: 0 0 1.25rem !important;
  padding: 1.35rem !important;
  border: 1px solid rgba(103, 58, 21, .16) !important;
  border-radius: 4px !important;
  background: var(--wg-blog-cream) !important;
  box-shadow: 0 8px 24px rgba(34, 22, 10, .06);
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .title_blog,
body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .title_block {
  margin: 0 !important;
  padding: 0 0 .75rem !important;
  border-bottom: 1px solid rgba(103, 58, 21, .25) !important;
  color: var(--wg-blog-dark-brown) !important;
  font-family: "freehouse", serif !important;
  font-size: 1.45rem !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column li {
  margin: 0 !important;
  padding: .55rem 0 !important;
  border-bottom: 1px solid rgba(103, 58, 21, .12);
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column a {
  color: var(--wg-blog-brown) !important;
  font-weight: 650;
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .blog_view_all {
  display: flex !important;
  width: fit-content !important;
  min-height: auto;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1.25rem !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: var(--wg-blog-light-brown) !important;
  color: var(--wg-blog-white) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: initial !important;
  transition: .3s;
}

body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .blog_view_all:hover {
  background: var(--wg-blog-dark-brown) !important;
  color: var(--wg-blog-white) !important;
}

body#ybc_blog_page .ybc-blog-categories .be-label {
  color: var(--wg-blog-dark-brown) !important;
}

body#ybc_blog_page .ybc-blog-categories a,
body#ybc_blog_page .ybc-blog-categories a:visited,
body#ybc_blog_page .ybc-blog-categories a:focus {
  color: var(--wg-blog-brown) !important;
  text-decoration: none !important;
}

body#ybc_blog_page .ybc-blog-categories a:hover {
  color: var(--wg-blog-light-brown) !important;
  text-decoration: underline !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading {
  margin: 0 0 1.5rem;
  padding: 1rem 0;
  color: var(--wg-blog-brown);
  font-family: "freehouse", serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
}

body#ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading .title_cat {
  display: inline;
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: inherit;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra,
body#ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-tags-social {
  color: var(--wg-blog-light-brown);
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra {
  display: flex !important;
  flex-wrap: wrap;
  gap: .65rem 1rem;
  align-items: center;
  margin: 0 0 1.25rem !important;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(103, 58, 21, .18);
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra > * {
  float: none !important;
  margin: 0 !important;
  color: var(--wg-blog-light-brown) !important;
  font-size: .9rem;
  font-weight: 700;
}

/* Social sharing, deliberately neutral and consistent with the shop palette. */
body#ybc_blog_page .ybc-blog-wrapper-detail .ybc-blog-tags-social {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share li {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share a {
  display: inline-flex !important;
  gap: .45rem;
  min-height: auto;
  align-items: center;
  padding: .75rem 1.25rem !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: var(--wg-blog-light-brown) !important;
  color: var(--wg-blog-white) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share a:hover {
  background: var(--wg-blog-dark-brown) !important;
  color: var(--wg-blog-white) !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share svg,
body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share path {
  fill: currentColor !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share li i.ets_svg,
body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share li i.ets_svg::before,
body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share li i.ets_svg::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description {
  color: var(--wg-blog-dark-brown);
  font-family: "Barlow", sans-serif;
  font-size: 1.1rem;
  line-height: 1.75;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description p,
body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description ul,
body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description ol {
  margin-bottom: 1.35rem;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description h2,
body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description h3 {
  margin: 2.25rem 0 1rem;
  color: var(--wg-blog-brown);
  font-family: "freehouse", serif;
  text-transform: none;
}

body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description a {
  color: var(--wg-blog-brown);
  font-weight: 700;
  text-decoration: underline;
}

@media (max-width: 1199px) {
  .wg-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

@media (max-width: 991px) {
  body#ybc_blog_page .wg-blog-page-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
  }

  body#ybc_blog_page .wg-blog-sidebar {
    position: static;
    width: 100%;
  }

  body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #content-wrapper.js-content-wrapper > .row {
    grid-template-columns: minmax(0, 1fr);
    gap: 2.5rem;
  }

  body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #content-wrapper.right-column,
  body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column {
    float: none !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body#ybc_blog_page .ybc-blog-wrapper-blog-list ul.ybc-blog-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
  }
}

@media (max-width: 767px) {
  .wg-blog-home {
    padding: 3rem 0;
  }

  .wg-blog-home .container,
  body#ybc_blog_page #wrapper > .container {
    width: 100%;
    max-width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .wg-blog-section-heading {
    margin-bottom: 2rem;
  }

  .wg-blog-section-heading .title_blog {
    margin-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 1.08;
  }

  .wg-blog-section-heading p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .wg-blog-grid,
  body#ybc_blog_page .ybc-blog-wrapper-blog-list ul.ybc-blog-list {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
  }

  .wg-blog-card:hover {
    transform: none;
  }

  .wg-blog-card > .wg-blog-card-media,
  body#ybc_blog_page .ybc-blog-wrapper-blog-list .wg-blog-card-media {
    width: calc(100% - 1rem) !important;
    margin: .5rem .5rem 0 !important;
  }

  .wg-blog-card-content {
    padding: 1rem !important;
  }

  .wg-blog-card-content h2,
  .wg-blog-card-content h3 {
    margin-top: .65rem;
  }

  .wg-blog-card-content .ybc_title_block {
    font-size: 1.25rem;
  }

  .wg-blog-card-content .blog_description {
    font-size: .95rem;
    line-height: 1.5;
  }

  .wg-blog-home .blog_view_all_button {
    margin-top: 2rem;
  }

  .wg-blog-home .view_all_link.btn {
    width: 100% !important;
    justify-content: center;
  }

  body#ybc_blog_page .wg-blog-page-layout {
    gap: 2rem;
    padding-bottom: 3rem;
  }

  body#ybc_blog_page .ybc-blog-wrapper-blog-list {
    min-width: 0;
    padding: 0 !important;
  }

  body#ybc_blog_page .ybc-blog-wrapper-blog-list > .page-heading,
  body#ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading {
    margin-bottom: 1rem;
    padding: .5rem 0;
    overflow-wrap: anywhere;
    font-size: 2rem;
    line-height: 1.08;
  }

  body#ybc_blog_page .ybc-blog-wrapper-blog-list > .blog-category-desc {
    margin-bottom: 1.75rem;
    font-size: .95rem;
    line-height: 1.5;
  }

  body#ybc_blog_page .wg-blog-sidebar .block,
  body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .block {
    padding: 1.1rem !important;
  }

  body#ybc_blog_page .wg-blog-sidebar .title_blog,
  body#ybc_blog_page .wg-blog-sidebar .title_block,
  body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .title_blog,
  body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .title_block {
    font-size: 1.3rem !important;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail {
    max-width: 100% !important;
    margin-bottom: 2.5rem !important;
    overflow: hidden;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail > .ybc-blog-wrapper-content {
    padding: 1.25rem 0 2rem !important;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail .ybc_blog_img_wrapper,
  body#ybc_blog_page .ybc-blog-wrapper-detail .ybc_blog_img_wrapper img,
  body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description img,
  body#ybc_blog_page .ybc-blog-wrapper-detail iframe {
    max-width: 100% !important;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail .blog_description {
    overflow-wrap: anywhere;
    font-size: 1rem;
    line-height: 1.65;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra {
    gap: .5rem .75rem;
    margin-bottom: 1rem !important;
    padding-bottom: 1rem;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra > * {
    font-size: .82rem;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share li {
    display: flex !important;
    flex: 1 1 calc(50% - .55rem);
    min-width: 0;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share a {
    width: 100% !important;
    justify-content: center;
    padding: .7rem .8rem !important;
  }

  body#ybc_blog_page .blog-pagination {
    margin-top: 2rem;
  }
}

@media (max-width: 479px) {
  body#ybc_blog_page .ybc-blog-wrapper-blog-list > .page-heading,
  body#ybc_blog_page .ybc-blog-wrapper-detail h1.page-heading {
    font-size: 1.75rem;
  }

  body#ybc_blog_page .ybc-blog-wrapper-detail .blog-extra-facebook-share li {
    flex-basis: 100%;
  }

  body#ybc_blog_page .wg-blog-sidebar .blog_view_all,
  body#ybc_blog_page:has(.ybc-blog-wrapper-detail) #right-column .blog_view_all {
    width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wg-blog-card,
  .wg-blog-card-media img { transition: none; }
  .wg-blog-card:hover { transform: none; }
}