.main-header--is-full-screen {
  --container-primary-margin : 4%;
}

.main-header {
  position : relative;
  z-index  : 5;
  color    : #fff;
}

.form__login.js-open-login-form .link-icon__text {
  text-decoration : none;
  color           : var(--color-black-default);
}

.main-header a:hover, .form__login.js-open-login-form:hover .link-icon__text {
  color : var(--link-color-on-hover);
}

.form__login.js-open-login-form {
  cursor : pointer;
}

.header-logo h1 {
  margin : 0;
}

.header-nav {
  background : var(--nav-bg--color);
}

/*
--------------------------------------
Style général overlay
--------------------------------------
*/

.overlay-global-except-header {
  position         : fixed;
  top              : 0;
  z-index          : 2;
  width            : 100%;
  height           : 100vh;
  background       : rgba(0, 0, 0, 0);
  pointer-events   : none;
  transition       : all 0.3s ease-out 0.2s;
  transform        : scaleY(0);
  transform-origin : top;
}

.overlay-global-except-header--is-show {
  transition     : all 0.3s ease-out;
  pointer-events : all;
  transform      : scaleY(1);
  background     : rgba(0, 0, 0, .4);
}

/*
--------------------------------------
Header template
--------------------------------------
*/
.header-infos {
  background : white;
  padding    : 7px 0;
}

.header-message {
  padding        : 8px 0;
  background     : var(--color-primary);
  color          : white;
  text-align     : center;
  text-transform : uppercase;
}

.infos-links {
  display         : flex;
  justify-content : flex-end;
}

.header-burger {
  cursor : pointer;
}

.header-actions .link-icon a {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  text-align     : center;
}

.link-icon {
  position : relative;
}

.link-icon .cart-products-count,
.header-actions-footer__cart .cart-products-count {
  font-size     : 10px;
  background    : #fff;
  color         : var(--color-primary);
  border        : 1px solid var(--color-primary);
  border-radius : 100%;
  line-height   : 20px;
  text-align    : center;
  width         : 20px;
}

.link-icon .cart-products-count {
  position  : absolute;
  top       : -5px;
  right     : 0;
  transform : translate3d(50%, 0, 0);
}


.cart-products-count {
  display : inline-block;
}

/*********************
* Header login form
**********************/
.form__login {
  display         : flex;
  flex-direction  : column;
  align-items     : center;
  justify-content : center;
}

.login-form__open {
  position         : fixed;
  top              : 0;
  bottom           : 0;
  background-color : rgba(0, 0, 0, 0.75);
  box-shadow       : 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  width            : 100%;
  height           : 100%;
  z-index          : 999999;
  display          : none;
}

.login-form__open.active {
  display         : flex;
  align-items     : center;
  justify-content : center;
}

.login-form__container {
  display               : grid;
  grid-template-columns : 1fr;
  width                 : 100%;
  height                : 100%;
}

.login-form__container > * {
  grid-area : 1/1;
}

.login-form__content[data-tab="2"] {
  transform : translate3d(100%, 0, 0);
}

.login-form__content[data-tab="1"] {
  transform : translate3d(-100%, 0, 0);
}

.login-form__content {
  transition      : 0.3s ease;
  opacity         : 0;
  pointer-events  : none;
  visibility      : hidden;
  z-index         : 1;
  display         : flex;
  flex-direction  : column;
  justify-content : center;
  align-items     : center;
  height          : 100%;
  margin          : auto;
  position        : absolute;
  width           : 100%;
  overflow        : auto;
}

.login-form__content.active {
  transform      : translate3d(0, 0, 0);
  opacity        : 1;
  visibility     : visible;
  pointer-events : all;
  z-index        : 2;
}

.login-form__content__container {
  max-height : calc(100% - 100px);
}

.login-form__content__margin-bottom {
  height : 50px;
}

.login-form__content__inner {
  padding          : 30px 20px 20px;
  background-color : var(--color-white-default);
  border-radius    : 10px;
  width            : 500px;
}

.login-form__content__inner .title__content {
  text-align  : center;
  font-size   : calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320)));;
  line-height : 38px;
}

#login-form .form-control, #customer-form .form-control {
  background-color : transparent;
  border           : none;
}

#customer-form .form-control {
  border-radius : 5px;
  border        : 1px solid #D1D1D1;
  overflow      : hidden;
}

#login-form .form-group-type {
  border-radius : 5px;
  border        : 1px solid #D1D1D1;
  overflow      : hidden;
}

.register-form__container {
  /*overflow: auto;*/
  /*max-height: calc(100% - 150px);*/
  padding-bottom : 15px;
}

.input-group .input-group-btn > .btn {
  background-color : transparent;
}

.forgot-password a {
  float           : right;
  color           : #566A77;
  font-size       : 13px;
  line-height     : 22px;
  text-decoration : underline;
}

.forgot-password a:hover {
  text-shadow : 0 0 .65px #555, 0 0 .65px #555;
}

#submit-login, button[data-link-action='save-customer'] {
  margin          : 1em 0;
  width           : 100%;
  height          : 50px;
  justify-content : center;
}

#submit-login:hover, button[data-link-action='save-customer']:hover {
  background-color : var(--color-white-default);
  color            : var(--color-black-default);
}

/*.no-account, .have-account {*/
/*  display          : flex;*/
/*  align-items      : center;*/
/*  justify-content  : center;*/
/*  background-color : white;*/
/*  height           : 50px;*/
/*  font-weight      : 600;*/
/*  border-radius    : 5px;*/
/*  border           : 1px solid var(--color-black-default);*/
/*  text-transform   : uppercase;*/
/*  cursor           : pointer;*/
/*  color : var(--color-primary);*/
/*  transition       : all 0.3s ease-in-out;*/
/*}*/

/*.no-account:hover, .have-account:hover {*/
/*  background-color : var(--color-primary);*/
/*  color : var(--color-white-default);*/
/*}*/

#customer-form div .form-group:first-child .form-control-label {
  visibility : hidden;
  opacity    : 0;
}

#customer-form .custom-radio {
  margin-right : 5px;
}

#customer-form .form-group,
#customer-form .form-informations {
  margin : 0 0.5em;
}

#customer-form div .form-group:first-child .form-group-type .radio-inline:first-child {
  margin-right : 3em;
}

.login-form__header {
  display         : flex;
  justify-content : space-between;
}

.help-block .slick-slider .slick-list .slick-track .slick-slide {
  max-width : 500px;
}

.login-form__close.js-login-form-close {
  cursor : pointer;
}