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

.main-header {
  position : relative;
  z-index  : 5;
  color    : var(--color-grey-font-default);
}

.main-header a, .form__login.js-open-login-form .link-icon__text, .main-header .header-actions .link-icon .link-icon__text {
  text-decoration : none;
  color           : var(--color-white-default);
  transition      : all 0.35s;
}

.main-header .header-actions .link-icon:hover a, .main-header .header-actions .link-icon:hover .link-icon__text {
  color : #ef1860;
}

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

.header-logo h1 {
  margin : 0;
}

.link-icon__text {
  color : #ffffff;
}

/*
--------------------------------------
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    : 8px 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 {
  display     : flex;
  align-items : center;
}

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

.header-actions .link-icon a:after {
  content          : '';
  background-color : #7699b9;
  width            : 1px;
  height           : 46px;
  position         : absolute;
  right            : 0;
  bottom           : 0;
}

.header-actions .link-icon:first-child a:before {
  content          : '';
  background-color : #7699b9;
  width            : 1px;
  height           : 46px;
  position         : absolute;
  left             : 0;
  bottom           : 0;
}

.header-actions .link-icon {
  display : none;
}

.link-icon {
  position : relative;
}

.link-icon .cart-products-count,
.header-actions-footer__cart .cart-products-count {
  background    : var(--color-primary);
  border-radius : 100%;
  width         : 25px;
  line-height   : 25px;
  color         : white;
  text-align    : center;
}

.link-icon .cart-products-count {
  position  : absolute;
  top       : 0;
  right     : 20px;
  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;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  margin-left: 15px;
}

.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;
  border-radius : 5px;
}

#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 : white;
}

#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 {
  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;
}

.header-actions .link-icon.gift-card-info a svg
{
  transition: 0.3s ease-in-out;
}
.header-actions .link-icon.gift-card-info a:hover svg
{
  fill: rgba(239, 24, 96, 1) !important;
}