/*
Theme Name: Versatile-child
Author: Inoma
Version: 2.1.2
Template: versatile-shop-master
*/



label.bg-white::before {
    content: "";
    background: white !important;
}

.bg-light-gray {
    background-color: #f7f7f7
}

.p-10 {
    padding: 2.5rem;
}

.m-b--xxxxsmall {
    margin-bottom: 0.5rem;
}

.fw-4 {
    font-weight: 400 !important;
}

#product-calc {
    margin-top: 4rem;
}

#product-calc input {
    background-color: white;
    border: 1px solid rgba(93, 93, 93, 0.5);
}

#product-calc input::placeholder {
    color: #d2d2d2
}

@media screen and (max-width: 545px) {
    #product-calc * {
        font-size: clamp(0px, 4.5vw, 18px)
    }
}

.woocommerce-notices-wrapper {
    display: inline-block !important;
    width: 100%;
}

td.value.woo-variation-items-wrapper::after {
    display: none !important;
}

li.variable-item.button-variable-item.button-variable-item-medium::before {
    display: none !important;
}

li.variable-item.button-variable-item.button-variable-item-medium::before {
    display: none !important;
}

.slakken_form {
    display: flex;
    flex-direction: column;
}

td.value.woo-variation-items-wrapper::after {
    display: none !important;
}

/* Nieuwe header toevoegingen shopthema */

@media (min-width: 1400px) {
  header .col-xxl--sb {
    flex: 0 0 72%;
    max-width: 72%;
  }

  header .col-xxl-sb {
    flex: 0 0 28%;
    max-width: 28%;
  }
}

header .breadcrumbs-wrapper {
  margin-top: var(--space-xxxsmall);
}

.header-sidebar-message {
  padding: 4rem;
  border-radius: var(--br-medium);
}

.header-sidebar-message > div {
  gap: 2rem;
}

.header-sidebar-message .message-image {
  width: 6.4rem;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}

.header-sidebar-message p {
  margin-top: 2rem;
  margin-bottom: 0;
    font-size: 17px;
}

.header-sidebar .header-card-list {
  padding: 2.8rem;
  border-radius: var(--br-medium);
  border: 1px solid #00000008;
  box-shadow: 0 0 80px #00000008;
}

.header-sidebar .header-card-list__divider {
  width: 100%;
  height: 1px;
  background-color: #00000012;
  margin: 2rem 0;
}

.header-sidebar .header-card-row {
  display: flex;
  gap: 2rem;
}

.header-sidebar .header-card-row__icon {
  width: 5.2rem;
  height: 5.2rem;
  background-color: var(--cl-primary);
  border-radius: 50%;
}

.header-sidebar .header-card-row__image {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 8px;
}

.header-sidebar .header-card-row__image img {
  transition: 0.2s ease;
}

.header-sidebar .header-card-row img.contain {
  width: 50%;
  height: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header-sidebar .header-card-row--link {
  display: flex;
  align-items: center;
}

.header-sidebar .header-card-row--link i {
  right: 4.8rem;
  transform: rotate(-90deg);
  transition: 0.2s ease;
}

.header-sidebar .header-card-row--link i::before {
  color: var(--cl-primary);
}

.header-sidebar .header-card-row--link:hover img.cover {
  transform: scale(1.1);
}

.header-sidebar .header-card-row--link:hover i {
  right: 4.4rem;
}

.header-sidebar .header-card-row__title {
  font-size: 17px;
  font-weight: 600;
}

.header-sidebar .header-card-row__value {
  font-weight: 700;
  color: var(--cl-primary);
  transition: 0.2s ease;
}

.header-sidebar .header-card-row__value:hover {
  padding-left: 0.4rem;
}

.header-sidebar .header-card-row__subtitle {
  font-size: 14px;
}

@media (max-width: 575.98px) {
  .ol::after {
    height: 8rem;
  }
}