.elementor-10 .elementor-element.elementor-element-94531c6{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-2e2eda3 *//* ===============================
   WOOCOMMERCE MY ACCOUNT - STYLING
   =============================== */

/* 1) Algemene container */
.woocommerce-account .woocommerce{
  max-width: 1200px;
  margin: 0 auto;
}

/* 2) Layout: menu links + content rechts */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  background: #efefef !important;
  border-radius: 12px !important;
  padding: 25px !important;
}

/* Ruimte tussen menu en content */
.woocommerce-account .woocommerce-MyAccount-navigation{
  margin-right: 20px !important;
}

/* 3) Menu links (links kolom) */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
  margin: 0 0 10px 0 !important;
}

/* Menu items als knoppen */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  display: block !important;
  padding: 12px 14px !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  color: #1d1d1e !important;
  transition: all .2s ease !important;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
  background: #94e26c !important;
  color: #ffffff !important;
}

/* Actieve tab */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{
  background: #94e26c !important;
  color: #ffffff !important;
}

/* 4) Rechter content */
.woocommerce-account .woocommerce-MyAccount-content{
  color: #1d1d1e !important;
}

/* Titels */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{
  margin-top: 0 !important;
}

/* Links in tekst */
.woocommerce-account .woocommerce-MyAccount-content a{
  color: #94e26c !important;
  font-weight: 600 !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover{
  text-decoration: underline !important;
}

/* 5) Mobiel: alles onder elkaar */
@media (max-width: 767px){
  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    padding: 18px !important;
  }
}/* End custom CSS */