/* override default gutenberg styles */

.wp-block-button__link {
  background-color: #000;
  border-radius: 6px;
  border-color: #d0ab76 !important;
  color: #d0ab76 !important;
  box-shadow: 6px 8px 20px 0 rgba(0, 0, 0, 0.1);
  transition-duration: 0.1s !important;
}

@media (min-width: 900px) {
  .wp-block-button__link {
    font-size: 1.05rem;
  }
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: #000 !important;
  color: #ffffff !important;
  box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.2);
}

.wp-block-table {
  border-bottom: none;
  margin: 15px 0 40px;
  width: 100%;
}
.wp-block-table table {
  margin: 0;
}

.wp-block-table table thead {
  text-align: left;
}

.wp-block-table.is-style-stripes {
  border-bottom: 0;
}

.wp-block-pullquote {
  padding: 0;
}

.wp-block-pullquote blockquote::before,
.wp-block-pullquote blockquote::after {
  content: "";
  display: none;
}

.wp-block-pullquote blockquote {
  border: 3px solid #d0ab76 !important;
  padding: 6px 10px;
}

.wp-block-pullquote p {
  font-size: 1.3em;
  line-height: 1.4;
  color: #986e34;
}

/* extend gutenberg styles */
.wp-block-column.wf-column--card {
  box-shadow: 8px 8px 25px 0 rgba(0 0 0 / 0.13);
  border-radius: 10px;
  padding: 30px;
  transition: box-shadow 0.2s;
}

.wf-column--card:hover,
.wf-column--card:focus-within {
  box-shadow: 8px 8px 50px 0 rgba(0 0 0 / 0.2);
}

.wp-block-group.wf-group--sizes-table-wrapper,
.wp-block-group.wf-group--sizes-table-wrapper
  > .wp-block-group__inner-container {
  padding: 0;
}

.webfluence-sizes-table__row {
  display: flex;
  flex-wrap: wrap;
}

.webfluence-sizes-table__row.odd {
  background-color: #f8f8f8;
}

.webfluence-sizes-table__row:hover {
  background-color: #ededed;
}

.webfluence-sizes-table__column {
  width: 50%;
  padding: 4px;
  break-inside: avoid;
  margin: 0;
}

@media (min-width: 800px) {
  .webfluence-sizes-table__wrapper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .wp-block-table.wf-table-multicolumn-2-cols {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.wp-block-spacer.wf-spacer-section {
  height: 60px !important;
}

@media (min-width: 1300px) {
  .wp-block-spacer.wf-spacer-section {
    height: 120px !important;
  }
}

/* abus/cover buying guide or magzine post */
.wp-block-image.wf-offset-frame-right,
.wp-block-image.wf-offset-frame-left {
  position: relative;
  z-index: 0;
}

.wp-block-image.wf-offset-frame-right::before,
.wp-block-image.wf-offset-frame-left::before {
  --wf-offset-frame-distance-to-img: 5px;
  content: "";
  border: 2px solid #d0ab76;
  background-color: transparent;
  display: block;
  position: absolute;
  right: var(--wf-offset-frame-distance-to-img);
  left: calc(0px - var(--wf-offset-frame-distance-to-img));
  bottom: calc(0px - var(--wf-offset-frame-distance-to-img));
  top: var(--wf-offset-frame-distance-to-img);
  pointer-events: none;
  z-index: -1;
}

.wp-block-image.wf-offset-frame-right::before {
  left: var(--wf-offset-frame-distance-to-img);
  right: calc(0px - var(--wf-offset-frame-distance-to-img));
  top: calc(0px - var(--wf-offset-frame-distance-to-img));
  bottom: var(--wf-offset-frame-distance-to-img);
}

@media (min-width: 400px) {
  .wp-block-image.wf-offset-frame-right::before,
  .wp-block-image.wf-offset-frame-left::before {
    --wf-offset-frame-distance-to-img: 10px;
  }
}

@media (min-width: 600px) {
  .wp-block-image.wf-offset-frame-right::before,
  .wp-block-image.wf-offset-frame-left::before {
    --wf-offset-frame-distance-to-img: 20px;
  }
}

.page-template
  .wp-block-group:not(.alignfull)
  .wp-block-group__inner-container {
  padding: 0 !important;
}

.wp-block-group.alignfull.has-background > .wp-block-group__inner-container {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

.page-template
  .wf-hero-2-col-full-width-img-left
  > .wp-block-column:last-child {
  padding: 0 5%;
}

.page-template .wf-hero-2-col-full-width-img-left > .wp-block-column {
  padding: 0;
  margin: 0;
  flex-basis: 100%;
  flex-grow: 0;
}

@media (max-width: 899px) {
  .page-template .wf-hero-2-col-full-width-img-left {
    flex-wrap: wrap !important;
  }
  .page-template .wf-hero-2-col-full-width-img-left > .wp-block-column {
    flex-basis: 100% !important;
  }
}

@media (min-width: 900px) {
  .page-template
    .wf-hero-2-col-full-width-img-left
    > .wp-block-column:last-child
    > * {
    max-width: 500px;
    margin-right: auto;
  }
}

@media (min-width: 1300px) {
  .page-template
    .wf-hero-2-col-full-width-img-left
    > .wp-block-column:last-child {
    margin-left: 75px;
    padding: 0;
  }
}

/* reset list styles */
:root :where(.wp-block-list) {
  padding-left: 24px;
}

/* default list short description */
.woocommerce.archive .term-description ul,
.wf-list-default,
.woocommerce-product-details__short-description ul,
.wfa-wc-product-page-additional-description ul {
  list-style: initial;
  margin: initial;
  padding: 0 0 0 40px;
}

.woocommerce-product-details__short-description > ul,
.wfa-wc-product-page-additional-description
  .wp-block-webfluence-blocks-details-summary-body
  > ul {
  padding-left: 24px;
}

.woocommerce.archive .term-description ul,
.woocommerce-product-details__short-description ul,
.wfa-wc-product-page-additional-description ul {
  list-style: disc !important;
}

.woocommerce.archive .term-description li,
.wf-list-default li,
.woocommerce-product-details__short-description ul li,
.wfa-wc-product-page-additional-description ul li {
  display: list-item;
  padding-left: 0 !important;
}

.woocommerce.archive .term-description li,
.woocommerce-product-details__short-description ul li,
.wfa-wc-product-page-additional-description ul li {
  list-style-type: disc !important;
}

.woocommerce.archive .term-description li::marker,
.wf-list-default li::marker,
.woocommerce-product-details__short-description ul li::marker,
.wfa-wc-product-page-additional-description ul li::marker {
  font-size: initial !important;
  content: initial !important;
}

.woocommerce.archive .term-description li::before,
.wf-list-default li::before,
.woocommerce-product-details__short-description ul li::before,
.wfa-wc-product-page-additional-description ul li::before {
  all: initial !important;
}

/* TODO: split into separaate assets, check for core/block with ref = reusable block id */
/* reusable block: all mycover products */
.wfa-reusable-group-all-mycover-products {
  line-height: 1.2;
  background-color: var(--wfa-salesapge-section-bg, hsl(0, 0%, 98%));
  border-radius: 10px;

  --wfa-slide-p-block: 6px;
  --wfa-slide-p-inline: 14px;
}

.wfa-reusable-group-all-mycover-products .wp-block-cb-carousel-v2 {
  --wp--custom--carousel-block--navigation-sides-offset: -8px;
}

.wfa-reusable-group-all-mycover-products__title {
  margin-bottom: 1.5em;
  margin-bottom: 0.5em;
}

.wfa-reusable-group-all-mycover-products .slick-track {
  display: flex !important;
}

.wfa-reusable-group-all-mycover-products .slick-slide {
  margin: 6px 8px;
  border-radius: 6px;
  background-color: #fff;
  height: inherit !important;
  padding: 0 0 0 0;
  box-shadow: inset 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  transition: all 0.1s ease-in-out;
  outline: 2px solid transparent;
}
.wfa-reusable-group-all-mycover-products .wp-block-cb-slide-v2.swiper-slide {
  padding: calc(var(--wfa-slide-p-block) * 2)
    calc(var(--wfa-slide-p-inline) * 2);
  border-radius: 6px;
  transition: all 0.1s ease-in-out;
  outline: 2px solid transparent;
  box-sizing: border-box;
  height: auto !important;
}
.wfa-reusable-group-all-mycover-products
  .wp-block-cb-slide-v2.swiper-slide
  > * {
  box-sizing: border-box;
}
.wfa-reusable-group-all-mycover-products
  .wp-block-cb-slide-v2.swiper-slide::before {
  content: "";
  position: absolute;
  inset: var(--wfa-slide-p-block) var(--wfa-slide-p-inline);
  box-shadow: inset 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background-color: #fff;
}
.wfa-reusable-group-all-mycover-products
  :is(.slick-slide, .wp-block-cb-slide-v2.swiper-slide):has(a:hover)::before {
  outline: 2px solid #000;
  box-shadow: inset 0px 0px 2px 0 rgba(0, 0, 0, 0);
}

.wfa-reusable-group-all-mycover-products
  :is(.wp-block-cb-slide, .wp-block-cb-slide-v2.swiper-slide)
  > .wp-block-group {
  isolation: isolate;
  border-radius: 6px;
  height: 100%;
  padding: 0 0 0 0;
}

.wfa-reusable-group-all-mycover-products
  :is(.wp-block-cb-slide, .wp-block-cb-slide-v2.swiper-slide)
  > .wp-block-group
  > .wp-block-group__inner-container {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.wfa-reusable-group-all-mycover-products
  :is(.wp-block-cb-slide-v2.swiper-slide)
  > .wp-block-group
  > .wp-block-group__inner-container {
  padding: 20px 0;
}

.wfa-reusable-group-all-mycover-products
  :is(.wp-block-cb-slide, .wp-block-cb-slide-v2.swiper-slide)
  > .wp-block-group
  :where(p, .wp-block-image) {
  margin-top: 0;
  margin-bottom: 0;
}

.wfa-reusable-group-all-mycover-products
  :is(.wp-block-cb-slide, .wp-block-cb-slide-v2.swiper-slide)
  > .wp-block-group
  .wp-block-image
  + p {
  font-size: clamp(0.9375rem, 0.8438rem + 0.375vw, 1.125rem);
  /*
	font-size: clamp(0.9375rem, 0.7813rem + 0.625vw, 1.25rem);
	*/
}

.wfa-reusable-group-all-mycover-products
  :is(.wp-block-cb-slide, .wp-block-cb-slide-v2.swiper-slide)
  > .wp-block-group
  a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.wfa-reusable-group-all-mycover-products__category-links a:not(:hover) {
  text-decoration: underline;
  color: #454545;
}

@media (min-width: 500px) {
  .wfa-reusable-group-all-mycover-products {
    --wfa-slide-p-block: 6px;
    --wfa-slide-p-inline: 12px;
  }
  .wfa-reusable-group-all-mycover-products .slick-slide {
    margin: 6px 12px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .wfa-reusable-group-all-mycover-products {
    --wfa-slide-p-block: 6px;
    --wfa-slide-p-inline: 8px;
  }

  .wfa-reusable-group-all-mycover-products .slick-slide {
    margin: 6px 8px;
  }
  .wfa-reusable-group-all-mycover-products
    .wp-block-cb-slide
    > .wp-block-group
    > .wp-block-group__inner-container {
    padding: 12px;
  }
  .wfa-reusable-group-all-mycover-products
    .wp-block-cb-slide-v2.swiper-slide
    > .wp-block-group
    > .wp-block-group__inner-container {
    padding: 6px;
  }

  .wfa-reusable-group-all-mycover-products
    :is(.wp-block-cb-slide, .wp-block-cb-slide-v2.swiper-slide)
    > .wp-block-group
    .wp-block-image
    + p {
    font-size: 15px;
  }
}

/* ABUS pictograms */
.wf-reusable-block-abus-pictogram {
  display: flex !important;
  flex-wrap: nowrap !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
}

.wf-reusable-block-abus-pictogram .wp-block-column {
  margin: 0 !important;
  padding: 20px 0 !important;
}

.wf-reusable-block-abus-pictogram .wp-block-column:first-child {
  flex-basis: 60px !important;
}

.wf-reusable-block-abus-pictogram .wp-block-column:last-child {
  flex-basis: calc(100% - 60px) !important;
  padding: 20px !important;
}

.wf-reusable-block-abus-pictogram .wp-block-image,
h4,
.wf-reusable-block-abus-pictogram p {
  margin: 0 !important;
}