/*
████████╗ ██████╗ ██╗   ██╗███████╗     ██████╗ ██████╗ ███╗   ███╗███╗   ███╗███████╗██████╗  ██████╗███████╗ ███████╗
╚══██╔══╝██╔═══██╗██║   ██║██╔════╝    ██╔════╝██╔═══██╗████╗ ████║████╗ ████║██╔════╝██╔══██╗██╔════╝██╔════╝ ██╔════╝
   ██║   ██║   ██║██║   ██║███████╗    ██║     ██║   ██║██╔████╔██║██╔████╔██║█████╗  ██████╔╝██║     █████╗   ███████╗
   ██║   ██║   ██║██║   ██║╚════██║    ██║     ██║   ██║██║╚██╔╝██║██║╚██╔╝██║██╔══╝  ██╔══██╗██║     ██╔══╝   ╚════██║
   ██║   ╚██████╔╝╚██████╔╝███████║    ╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚═╝ ██║███████╗██║  ██║╚██████╗███████╗ ███████║
   ╚═╝    ╚═════╝  ╚═════╝ ╚══════╝     ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝     ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝╚══════╝ ╚══════╝
Date : 02/2026
Version : 1.5
Author: Tous Commerces
Author URI: https://www.touscommerces.fr
*/

:root {
  --tc-primary-color: #15ff00;
  --tc-secondary-color: #ff0000;
  --tc-third-color: #FFF;
  --tc-back-color: #FFF;
  --tc-back2-color: #515151;
  --tc-back3-color: #000;
  
  --tc-padding: 0;
  --tc-margin: 0;
  --tc-app-margin-t: 0;
  --tc-app-margin-b: 0;
  --tc-app-margin-l: 0;
  --tc-app-margin-r: 0;
  --tc-margin-t: 0;
  --tc-margin-b: 0;
  --tc-margin-l: 0;
  --tc-margin-r: 0;
  --tc-align: center;
  --tc-width: 100%;
  --tc-min-height: 500px;
  --tc-radius: 5;
  
  --tc-font-size-xs: 12px;
  --tc-font-size-m: 16px;
  --tc-font-size-l: 24px;
  --tc-font-size-xl: 32px;
  --tc-font-weight-title: 400;
  --tc-font1-family: "Calibri-Regular", Helvetica;
  --tc-font2-family: "Calibri-Bold", Helvetica;

  --tc-btn-w: 300px;
  --tc-btn-h: 240px;
  --tc-nav-button-w: 200px;
  --tc-nav-button-h: 60px;
}

#app {
  width: var(--tc-width);
  min-height: var(--tc-min-height);
  padding: var(--tc-padding);
  text-align: var(--tc-align);
  color: var(--tc-primary-color);
  margin: var(--tc-app-margin-t) var(--tc-app-margin-r) var(--tc-app-margin-b) var(--tc-app-margin-l);
  font-family: var(--tc-font1-family);
  font-weight: normal;
  overflow: auto;
}

/*@media (max-width: 1024px) {
  #app {
    color: var(--tc-back2-color);
  }
}*/

.step {
    margin-top: var(--tc-margin);
}

.step_wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.step_title {
  display: flex;
  flex-direction: column;
  width: var(--tc-width);
  text-align: center;
  font-family: var(--tc-font1-family);
  font-size: var(--tc-font-size-xl);
  font-weight: var(--tc-font-weight-title);
  color: var(--tc-third-color);
  margin-top: var(--tc-margin-t);
  margin-bottom: var(--tc-margin-b);
}

.flexCenter {
  justify-content: center !important;
}

.flexRight {
  justify-content: flex-end !important;
}

/* Vant field */
.van-cell-group--inset {
  margin: var(--tc-margin);
  width: 100%;
  background-color: none !important;
}

.van-checkbox__label {
  color: var(--tc-primary-color);
}

.van-field__control {
    border: 1px solid #000 !important;
    padding: 20px;
 }
.field_error {
  color: var(--tc-secondary-color);
}

/* Navigation footer */
.nav {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: calc(var(--tc-nav-button-h) * 2);
}

@media (min-width: 1024px) {
  .nav {
    height: auto;
  }
}

/* System */
.unselect {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}