.woocommerce-MyAccount-navigation {
  display: none!important;
}

/* MyPage-inhoud (subscriptions, data, etc.) over volle breedte */
.woocommerce-account .woocommerce-MyAccount-content {
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.woocommerce-MyAccount-content .container,
.woocommerce-MyAccount-content .container-fluid {
  max-width: 1000px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.woocommerce-MyAccount-content .container.cc_mp-fullwidth {
  max-width: 1000px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Meer ruimte tussen velden op subscriptions (Invoice- en Delivery-rijen) */
.cc_mp-subscription-block .row > [class*="col-"] {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.cc_mp-subscription-block .row + .row {
  margin-top: 0.5rem;
}

/* Thema .is-layout-flex: hele keten volle breedte, inhoud max 1000px gecentreerd, gelijke witruimte links/rechts */
body .is-layout-flex:has(.woocommerce-MyAccount-content) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body .is-layout-flex > *:has(.woocommerce-MyAccount-content) {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

body .is-layout-flex .woocommerce-account {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 1000px !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body .is-layout-flex .woocommerce-MyAccount-content {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body .is-layout-flex .entry-content:has(.woocommerce-MyAccount-content),
body .is-layout-flex main:has(.woocommerce-MyAccount-content) {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* Eenzelfde afstand tussen menu-items en tussen tiles; rijen beginnen op dezelfde plek */
.container .navbar-nav,
.container ul.navbar-nav {
  list-style: none !important;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

/* Eerste rij (menu) op dezelfde startpositie als de tile-rij */
.container > .row:first-child {
  margin-left: 0;
  margin-right: 0;
}

.container > .row:first-child > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}

.container .navbar .container-fluid {
  padding-left: 0;
  padding-right: 0;
  max-width: none;
  width: 100%;
}

.container .navbar .collapse.navbar-collapse,
.container .navbar .navbar-collapse {
  width: 100%;
}

.container .navbar .navbar-nav {
  width: 100%;
}

/* MyPage-menu altijd uitgeklapt tonen (geen mobiel hamburger-menu) */
.woocommerce-MyAccount-content .navbar-toggler {
  display: none !important;
}
.woocommerce-MyAccount-content .navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
}
/* Voorkom dat de navbar over de tiles heen ligt; tiles klikbaar houden */
.woocommerce-MyAccount-content .container > .row:first-child {
  position: relative;
  z-index: 0;
}

/* Tile-grid: mobiel = onder elkaar, desktop = 4 naast elkaar over 100% breedte */
.container .cc_mp-tile-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 12px;
  /* Geen z-index: voorkom overlap over theme dropdowns */
  position: relative;
  z-index: 0;
}

.container .cc_mp-tile-grid > .quicklink {
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Subscriptions: geef factuurkolommen (Number/Amount) meer ruimte */
.woocommerce-MyAccount-content .container .cc_mp-subscription-block h3 + .row + .row .col-lg-1.col-sm-2 {
  min-width: 120px;
}
.woocommerce-MyAccount-content .container .cc_mp-subscription-block h3 + .row + .row .col-lg-1.col-sm-2 + .col-lg-1.col-sm-2 {
  min-width: 140px;
}

/* Invoices: geef Invoice/Date meer ruimte zodat tekst niet overlapt */
.woocommerce-MyAccount-content .container h2 + .row > .col-md-12 > .row > .col-lg-1.col-sm-2 {
  min-width: 140px;
}
.woocommerce-MyAccount-content .container h2 + .row > .col-md-12 > .row > .col-lg-2.col-sm-2 {
  min-width: 170px;
}

@media (min-width: 768px) {
  .container .cc_mp-tile-grid > .quicklink {
    flex: 0 0 calc((100% - 36px) / 4);
    max-width: calc((100% - 36px) / 4);
  }
}

/* Menu in dezelfde vormgeving als de tiles (quicklinks) – kaart met icoon boven, tekst eronder */
.container .navbar.navbar-expand-lg {
  background: transparent !important;
  border: none !important;
  padding: 0 0 12px 0 !important;
  margin-bottom: 0;
  border-radius: 0;
}

.container .navbar .nav-item {
  margin: 0;
  flex: 0 0 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .container .navbar .nav-item {
    flex: 0 0 calc((100% - 36px) / 4);
  }
}

.container .navbar .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px 10px;
  width: 100%;
  height: 150px;
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  text-decoration: none;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
}

.container .navbar .nav-link .fa,
.container .navbar .nav-link .fas,
.container .navbar .nav-link .far {
  font-size: 2.5rem !important;
  display: block;
  margin-bottom: 8px;
}

.container .navbar .nav-link:hover {
  background: #f5f5f5;
  color: #333;
}

.container .navbar .nav-item.active .nav-link {
  background: #f5f5f5;
  border-color: #999;
}

.woocommerce-account.woocommerce-MyAccount-content
  {
  width: 100%!important;
}

.bs-linebreak {
  height: 0px
}
.not_valid_field {
 border: 1px solid red!important;
}
.container label {
  display: inline-block!important;
    max-width: 100%!important;
    margin-bottom: 5px!important; 
    font-weight: 700!important;
}
.container P {
  margin: 0 0 10px!important;
  font-size: 1.3rem!important;
}
 select,input  {
  appearance: auto!important;
  margin: 0;
  /* padding: initial!important; */
  padding: 2px 2px!important;
  border-width: 1px!important;
  border-style: solid!important;
  
}
.container select {
  margin: 0 0 0 !important;
  width: 100%!important;
  min-height: 34px!important;
  height: 34px!important;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(77, 62, 62));
  background: var(--global--color-white);
}
.container input[type=checkbox] { 
    top: 0!important;
    left: 15px; 
    height: 16px!important;
    width: 16px!important;
    background-color: #eee!important;
    background-color: #fff!important;
    
}


.container .quicklink {
  margin: 0;
  background: #fff;
  padding: 12px 10px;
  width: 100%;
  height: 150px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #ccc;
  transition: background-color 0.2s ease;
  text-decoration: none;
  color: inherit;
}

.container .quicklink:hover {
  background: #f5f5f5;
}

.container .quicklink > .fa,
.container .quicklink > .fas,
.container .quicklink > .far,
.container .quicklink > svg {
  font-size: 2.5rem!important;
  margin-bottom: 8px;
}

.container .quicklink p {
  margin: 0;
  /* Match menu tile typography (.navbar .nav-link) */
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.fa, .fas, .far {
  padding: 5px!important;
}

.container .row select {
  width: 100%!important;
  min-height: 34px!important;
  height: 34px!important;
  padding: 2px 6px!important;
  box-sizing: border-box!important;
}

.container .row input[type=text],.container .row input[type=email] {
  width: 100%!important;
  min-height: 34px!important;
  height: 34px!important;
  line-height: 1.4em!important;
  box-sizing: border-box!important;
}


.container .button-bar {
  background: transparent!important;
  margin-top: 20px!important;
  padding: 12px!important;
}

.container .row .orderregel {
  margin: 20px!important;
  border-bottom: 1px solid #ccc!important;
}

.container .row .btn-default {
  color: #333!important;
    background-color: #c1c1c1a3!important;
    border-color: #a7a5a5cc !important; 
    
}
.container .row .btn {
  margin-right: 2px!important;
  display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container .row .radio input[type=radio]{
  margin: 4px 0 0!important;
  position: absolute!important;
  margin-left: -20px!important;
  width: 15px!important;
  height: 15px!important;
}

/* Plugin-specific styling for WooCommerce MyAccount content */
.woocommerce-MyAccount-content input[type=text] {
    padding-left: 3px !important;
}

/* Override min-width for plugin input fields */
.woocommerce-MyAccount-content input[type=text],
.woocommerce-MyAccount-content input[type=email],
.woocommerce-MyAccount-content input[type=number],
.woocommerce-MyAccount-content input[type=password],
.woocommerce-MyAccount-content select {
    min-width: auto !important;
}