/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
html {
  scroll-behavior: smooth;
}
:target {
  scroll-margin-top: 100px; /* pas aan naar header hoogte */
}


.woocommerce-notices-wrapper .woocommerce-info .container.medium-text-center {
    background-color: #daa55c;
    padding: 20px;
    color: white;
    font-weight: 600;
    width: fit-content;
    margin-left: 0;
    margin-bottom: 30px;
}

.woocommerce-variation-price {
    border-top: none !important;
}
li.wcboost-variation-swatches__item {
    padding: 1px 10px;
}
span.wcboost-variation-swatches__name {
    color: #24364b;
    font-weight: 600;
    font-size: 16px;
}
ul.wcboost-variation-swatches__wrapper {
    --wcboost-swatches-item-gap: 0.2em !important;
}

ul.clean {
      margin:10px 0 0;
      padding:0; list-style:none;
      display:grid; 
      grid-template-columns:repeat(2, 1fr); 
      gap:10px 18px;
}
ul.checkmarks {
      margin:10px 0 0;
      padding:0; list-style:none;
      gap:10px 18px;
}


ul.clean li, ul.checkmarks li {
      display:flex; 
      gap:10px; 
      align-items:flex-start;
      color:var(--ink);
      font-weight:650;
}

ul.clean li span, ul.checkmarks li span {
      width:22px; 
      height:22px; 
      border-radius:8px;
      background:rgba(15,95,168,.14);
      border:1px solid rgba(15,95,168,.18);
      display:inline-flex; 
      align-items:center; 
      justify-content:center;
      font-size:12px; 
      color:var(--brand);
      flex:0 0 auto;
      margin-top:2px;
}

span.inhoud-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-weight: 700;
    background: rgb(235 240 246);
    border: 1px solid rgb(31 129 179);
    color: #24364b;
    text-shadow: none;
    font-size: 15px;
}
.rounded-right img {
    border-radius: 0 20px 20px 0 !important;
}
.wcpay-express-checkout-wrapper {
    display: none;
}
.sticky-add-to-cart__product .product-title-small {
    max-width: 240px !important;
    width: 240px !important;
}
.product-price-container bdi {
    font-size: 1.5rem !important;
    color: #24364b !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.col-inner ul li {
    margin-left: 0;
}
ul.wcboost-variation-swatches__wrapper {
    --wcboost-swatches-item-gap: 2em !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
ul.clean{grid-template-columns:1fr}

.rounded-right img {
    border-radius: 0 0 20px 20px !important;
}
:target {
  scroll-margin-top: 50px !important; /* pas aan naar header hoogte */
}
}

@media only screen and (min-width: 48em and max-width: 64em) {
/*************** ADD TABLET ONLY CSS HERE  ***************/
ul.clean{grid-template-columns:1fr}
    }