/*
Theme Name: Filorga
Author: Iko
Author URI: mailto:opetit@gmail.
Description: Theme pour l'application vendeuse Filo
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
Text Domain: filorga
*/
@font-face {
  font-family: "DIN";
  src: url("./assets/fonts/DIN-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN";
  src: url("./assets/fonts/DIN-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DIN";
  src: url("./assets/fonts/DIN-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
* {
  font: normal normal normal 16px "DIN", Arial, sans-serif;
  line-height: 1.2;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 19px;
  font-weight: 600;
}

html, body {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
}
@media (min-width: 768px) {
  html, body {
    max-width: 36vh;
    margin: 0 auto;
  }
}

body {
  background-color: #fff;
  color: #000;
}
@media (min-width: 768px) {
  body {
    max-width: 36vh;
    margin: 0 auto;
  }
}

.radio-label {
  display: flex !important;
  align-items: center;
  cursor: pointer;
}
.radio-label input[type=radio],
.radio-label input[type=checkbox] {
  width: 20px !important;
  height: 20px;
  margin-right: 8px;
  position: relative;
  cursor: pointer;
  margin-left: 0;
  padding-left: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radio-label input[type=radio]::after,
.radio-label input[type=checkbox]::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;  
  background: #fff;
  border: 3px solid #000;
  top: -3px;
  left: 0;
  margin-left: 0;
  padding-left: 0;
}
.radio-label input[type=radio]:checked::after,
.radio-label input[type=checkbox]:checked::after {
  background: #000;
}

#inner {
  position: relative;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mainContent {
  min-height: 100%;
  padding: 100px 30px 40px;
  text-align: left;
  margin-bottom: 40px;
}
.mainContent .page-title {
  color: #000;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 30px;
  text-align: center;
}
.mainContent h3 {
  font-size: 15px;
  font-weight: 400;
}
.mainContent h3::before {
  content: "| ";
  margin-right: 0.3em;
}

.overInvert:hover,
.overInvert:focus {
  filter: invert(1);
  transition: all 0.3s ease-in-out;
}

.button {
  width: 100%;
  height: 46px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1;
  padding-top: 5px;
  background: #fff;
  color: #000;
  border: 0;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button.black {
  color: #fff;
  background-color: #000;
}
.button.black:hover {
  border: 1px solid #fff;
}
.button.border {
  border: 1px solid #000;
}
.button:focus, .button:hover {
  filter: invert(1);
  transition: all 0.3s ease-in-out;
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  z-index: 88888;
}
footer #footer {
  color: #919191;
  font-size: 11px;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  footer {
    position: fixed;
    width: 36vh;
  }
}

header {
  position: fixed;
  height: auto;
  padding: 10px 0;
  background-color: #000;
  color: #fff;
  width: -webkit-fill-available;
  max-width: 100%;
  z-index: 9999;
}
@media (min-width: 768px) {
  header {
    max-width: 36vh;
  }
}
header h1 {
  display: none;
}
header img {
  max-width: 130px;
}
header .back-button {
  display: block;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="5" height="10" viewBox="0 0 5 10" fill="none"%3E%3Cpath d="M0.210936 5.59189L3.77646 9.75513C3.84295 9.83276 3.92188 9.89434 4.00875 9.93636C4.09562 9.97837 4.18873 10 4.28276 10C4.47266 10 4.65478 9.91192 4.78906 9.75513C4.85555 9.67749 4.9083 9.58532 4.94428 9.48389C4.98026 9.38246 4.99878 9.27374 4.99878 9.16395C4.99878 8.94221 4.92335 8.72956 4.78907 8.57277L1.72272 5.00071L4.78907 1.42865C4.8559 1.35125 4.90895 1.25916 4.94516 1.15769C4.98136 1.05623 5 0.947394 5 0.837475C5 0.727555 4.98136 0.618724 4.94516 0.517258C4.90895 0.415792 4.8559 0.323701 4.78907 0.246296C4.72277 0.168253 4.6439 0.106308 4.55701 0.0640354C4.47011 0.0217628 4.3769 -5.44732e-08 4.28276 -6.2703e-08C4.18862 -7.09329e-08 4.09542 0.0217628 4.00852 0.0640353C3.92162 0.106308 3.84275 0.168253 3.77646 0.246296L0.210937 4.40953C0.144098 4.48694 0.0910463 4.57903 0.0548429 4.68049C0.0186395 4.78196 4.46661e-07 4.89079 4.37052e-07 5.00071C4.27442e-07 5.11063 0.0186395 5.21946 0.0548429 5.32093C0.0910463 5.42239 0.144098 5.51448 0.210936 5.59189Z" fill="white"/%3E%3C/svg%3E');
  width: 5px;
  height: 10px;
  position: absolute;
  top: 20px;
  left: 15px;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center;
}
header .menu-button {
  background-image: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 7L4 7" stroke="%23fff" stroke-width="2" stroke-linecap="round"/><path d="M20 12L4 12" stroke="%23fff" stroke-width="2" stroke-linecap="round"/><path d="M20 17L4 17" stroke="%23fff" stroke-width="2" stroke-linecap="round"/></svg>');
  font-size: 0;
  height: 24px;
  width: 24px;
  color: #fff;
  display: block;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 20px;
  top: 13px;
  padding: 10px;
}
header .edit-profile {
  display: none;
}
header .menu-button-container .button {
  display: none;
}
header .menu-button-container.actif {
  height: calc(100vh - 170px);
  background: #000;
  position: absolute;
  z-index: 9999;
  width: -webkit-fill-available;
  top: 54px;
  padding: 5em 20px 0 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
}
header .menu-button-container.actif .menu-button {
  top: -40px;
  background: url('data:image/svg+xml,%3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath id="Vector" d="M7.6151 6.00057L11.6514 1.96311C11.7605 1.85778 11.8475 1.73179 11.9073 1.59248C11.9671 1.45318 11.9986 1.30335 12 1.15174C12.0013 1.00013 11.9724 0.849774 11.915 0.709449C11.8576 0.569124 11.7728 0.441638 11.6656 0.33443C11.5584 0.227222 11.4309 0.142439 11.2906 0.0850271C11.1502 0.0276156 10.9999 -0.00127433 10.8483 4.31112e-05C10.6967 0.00136056 10.5468 0.032859 10.4075 0.0927004C10.2682 0.152542 10.1422 0.239528 10.0369 0.348583L5.99943 4.3849L1.96311 0.348583C1.85778 0.239528 1.73179 0.152542 1.59248 0.0927004C1.45318 0.032859 1.30335 0.00136056 1.15174 4.31112e-05C1.00013 -0.00127433 0.849774 0.0276156 0.709449 0.0850271C0.569124 0.142439 0.441638 0.227222 0.33443 0.33443C0.227222 0.441638 0.142439 0.569124 0.0850271 0.709449C0.0276156 0.849774 -0.00127433 1.00013 4.31112e-05 1.15174C0.00136056 1.30335 0.032859 1.45318 0.0927004 1.59248C0.152542 1.73179 0.239528 1.85778 0.348583 1.96311L4.3849 5.99943L0.348583 10.0369C0.239528 10.1422 0.152542 10.2682 0.0927004 10.4075C0.032859 10.5468 0.00136056 10.6967 4.31112e-05 10.8483C-0.00127433 10.9999 0.0276156 11.1502 0.0850271 11.2906C0.142439 11.4309 0.227222 11.5584 0.33443 11.6656C0.441638 11.7728 0.569124 11.8576 0.709449 11.915C0.849774 11.9724 1.00013 12.0013 1.15174 12C1.30335 11.9986 1.45318 11.9671 1.59248 11.9073C1.73179 11.8475 1.85778 11.7605 1.96311 11.6514L5.99943 7.6151L10.0369 11.6514C10.1422 11.7605 10.2682 11.8475 10.4075 11.9073C10.5468 11.9671 10.6967 11.9986 10.8483 12C10.9999 12.0013 11.1502 11.9724 11.2906 11.915C11.4309 11.8576 11.5584 11.7728 11.6656 11.6656C11.7728 11.5584 11.8576 11.4309 11.915 11.2906C11.9724 11.1502 12.0013 10.9999 12 10.8483C11.9986 10.6967 11.9671 10.5468 11.9073 10.4075C11.8475 10.2682 11.7605 10.1422 11.6514 10.0369L7.6151 6.00057Z" fill="white"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
}
header .menu-button-container.actif .edit-profile {
  display: block;
  font-size: 19px;
  font-weight: 300;
}
header .menu-button-container.actif .edit-profile svg {
  width: 29px;
  display: block;
  margin: 0 auto 12px;
}
header .menu-button-container.actif .logout-container {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 150px;
}
header .menu-button-container.actif .logout-container a {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .menu-button-container.actif .logout-container .button {
  border: 1px solid #848484;
}

.popup {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 999999;
  display: flex;
  align-items: flex-end;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .popup {
    max-width: 36vh;
    margin: 0 auto;
  }
}
.popup.active {
  bottom: 0;
}
.popup .popup-content {
  background: white;
  width: 100%;
  padding: 30px 20px 20px;
  border-radius: 12px 12px 0 0;
  text-align: center;
  position: relative;
}
.popup .popup-content h2 {
  margin: 0 0 30px;
  text-align: center;
  font-weight: 400;
}
.popup .popup-content .close-button {
  position: absolute;
  top: 32px;
  right: 30px;
  font-weight: 600;
  background: url('data:image/svg+xml,%3Csvg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath id="X" d="M12.0572 9.5009L18.4481 3.10826C18.6207 2.94149 18.7585 2.742 18.8532 2.52143C18.948 2.30086 18.9978 2.06363 18.9999 1.82358C19.002 1.58354 18.9563 1.34548 18.8654 1.12329C18.7745 0.901113 18.6402 0.699261 18.4705 0.529514C18.3007 0.359768 18.0989 0.225528 17.8767 0.134626C17.6545 0.0437247 17.4165 -0.0020177 17.1764 6.82594e-05C16.9364 0.00215422 16.6991 0.0520268 16.4786 0.146776C16.258 0.241525 16.0585 0.379252 15.8917 0.551923L9.4991 6.94276L3.10826 0.551923C2.94149 0.379252 2.742 0.241525 2.52143 0.146776C2.30086 0.0520268 2.06363 0.00215422 1.82358 6.82594e-05C1.58354 -0.0020177 1.34548 0.0437247 1.12329 0.134626C0.901113 0.225528 0.699261 0.359768 0.529514 0.529514C0.359768 0.699261 0.225528 0.901113 0.134626 1.12329C0.0437247 1.34548 -0.0020177 1.58354 6.82594e-05 1.82358C0.00215422 2.06363 0.0520268 2.30086 0.146776 2.52143C0.241525 2.742 0.379252 2.94149 0.551923 3.10826L6.94276 9.4991L0.551923 15.8917C0.379252 16.0585 0.241525 16.258 0.146776 16.4786C0.0520268 16.6991 0.00215422 16.9364 6.82594e-05 17.1764C-0.0020177 17.4165 0.0437247 17.6545 0.134626 17.8767C0.225528 18.0989 0.359768 18.3007 0.529514 18.4705C0.699261 18.6402 0.901113 18.7745 1.12329 18.8654C1.34548 18.9563 1.58354 19.002 1.82358 18.9999C2.06363 18.9978 2.30086 18.948 2.52143 18.8532C2.742 18.7585 2.94149 18.6207 3.10826 18.4481L9.4991 12.0572L15.8917 18.4481C16.0585 18.6207 16.258 18.7585 16.4786 18.8532C16.6991 18.948 16.9364 18.9978 17.1764 18.9999C17.4165 19.002 17.6545 18.9563 17.8767 18.8654C18.0989 18.7745 18.3007 18.6402 18.4705 18.4705C18.6402 18.3007 18.7745 18.0989 18.8654 17.8767C18.9563 17.6545 19.002 17.4165 18.9999 17.1764C18.9978 16.9364 18.948 16.6991 18.8532 16.4786C18.7585 16.258 18.6207 16.0585 18.4481 15.8917L12.0572 9.5009Z" fill="black"/%3E%3C/svg%3E');
  height: 19px;
  width: 19px;
  font-size: 0;
}
.popup .popup-content p {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  max-width: 17em;
}
.popup .popup-content .confirmation-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
}
.popup .animations-list button.animation-item.button {
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
  position: relative;
  padding-top: 8px;
  justify-content: flex-start;
}
.popup .animations-list button.animation-item.button::after {
  content: "";
  width: 100%;
  height: 1px;
  border-top: 1px solid #E8E8E8;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -1px);
}

.popup-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9998;
}
@media (min-width: 768px) {
  .popup-background {
    max-width: 36vh;
    margin: 0 auto;
  }
}

.clients-list-popup .clients-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
  max-height: 60vh;
  overflow-y: auto;
}
.clients-list-popup .clients-grid .client-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.clients-list-popup .clients-grid .client-item input[type=checkbox] {
  width: 24px;
  height: 24px;
  margin-right: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.clients-list-popup .clients-grid .client-item input[type=checkbox]::after {
  position: absolute;
  z-index: 2;
  width: 21px;
  height: 18px;
  display: block;
  content: "";
  background: #fff;
  border: 3px solid #000;
}
.clients-list-popup .clients-grid .client-item input[type=checkbox]:checked::after {
  background: #000;
}
.clients-list-popup .clients-grid .client-item .client-name {
  text-align: left;
  flex: 1 1 auto;
  font-weight: 300;
}
.clients-list-popup .clients-grid .client-item .client-actions {
  display: flex;
  flex: 0 0 50px;
  gap: 20px;
}
.clients-list-popup .clients-grid .client-item .client-actions .client-edit {
  font-size: 0;
  background: url('data:image/svg+xml,%3Csvg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath id="Vector" d="M15.3364 7.61202L16.078 6.87048C16.6679 6.28058 16.9993 5.4805 16.9993 4.64626C16.9993 3.81201 16.6679 3.01193 16.078 2.42203C15.4881 1.83213 14.688 1.50073 13.8538 1.50073C13.0195 1.50073 12.2194 1.83213 11.6295 2.42203L10.888 3.16357L4.07095 9.97902C3.60939 10.4414 3.3782 10.6726 3.17982 10.9269C2.94575 11.2273 2.74487 11.5521 2.58067 11.8957C2.44228 12.1868 2.33909 12.4972 2.13271 13.1164L1.25758 15.741M15.3364 7.61202C15.3364 7.61202 13.7614 7.51922 12.3711 6.12894C10.9808 4.73945 10.8888 3.16357 10.8888 3.16357M15.3364 7.61202L8.52019 14.4275C8.05863 14.889 7.82745 15.1202 7.57307 15.3186C7.27271 15.5527 6.94791 15.7535 6.60434 15.9177C6.31317 16.0561 6.00359 16.1593 5.38364 16.3657L2.75905 17.2408M2.75905 17.2408L2.11751 17.4552C1.96796 17.5054 1.80739 17.5128 1.65385 17.4767C1.50031 17.4406 1.35988 17.3624 1.24835 17.2509C1.13682 17.1393 1.05861 16.9989 1.02251 16.8454C0.986408 16.6918 0.993848 16.5313 1.04399 16.3817L1.25838 15.7402L2.75905 17.2408Z" stroke="black" stroke-width="1.5"/%3E%3C/svg%3E');
  width: 18px;
  height: 19px;
  display: block;
}
.clients-list-popup .clients-grid .client-item .client-actions .client-delete {
  font-size: 0;
  background: url('data:image/svg+xml,%3Csvg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath id="Vector" d="M0.999023 16.5C0.999023 17.0304 1.20974 17.5391 1.58481 17.9142C1.95988 18.2893 2.46859 18.5 2.99902 18.5H10.999C11.5295 18.5 12.0382 18.2893 12.4132 17.9142C12.7883 17.5391 12.999 17.0304 12.999 16.5V4.5H0.999023V16.5ZM2.99902 6.5H10.999V16.5H2.99902V6.5ZM10.499 1.5L9.49902 0.5H4.49902L3.49902 1.5H-0.000976562V3.5H13.999V1.5H10.499Z" fill="black"/%3E%3C/svg%3E');
  width: 14px;
  height: 19px;
  display: block;
  transition: all 0.3s ease-in-out;
}
.clients-list-popup .clients-grid .client-item .client-actions .client-delete.actif {
  font-size: 12px;
  text-decoration: none;
  background: #f44336;
  color: #fff;
  width: auto;
  padding: 4px 5px 0;
  text-transform: uppercase;
  line-height: 1.4;
}
.clients-list-popup .client-card {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 5px;
}
.clients-list-popup .client-card .client-name {
  font-weight: bold;
  margin-bottom: 10px;
}
.clients-list-popup .client-card .client-contact {
  font-size: 0.9em;
}
.clients-list-popup .client-card .client-contact .client-phone {
  margin-bottom: 5px;
}
.clients-list-popup .client-card .client-contact .client-email {
  word-break: break-all;
}
.clients-list-popup .loading,
.clients-list-popup .error,
.clients-list-popup .no-clients {
  text-align: center;
  padding: 20px;
}
.clients-list-popup .error {
  color: red;
}

.page-login,
.page-reset-password {
  background-color: #0a0a0a;
  background-image: url("assets/images/fond.jpeg");
  background-position: center top;
}
.page-login #inner,
.page-reset-password #inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-login #inner header,
.page-reset-password #inner header {
  height: 8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  position: relative;
}
.page-login #inner header img,
.page-reset-password #inner header img {
  max-width: 200px;
  margin-top: 40px;
}
.page-login #inner #login-message,
.page-reset-password #inner #login-message {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.page-login #inner #login-message.vide,
.page-reset-password #inner #login-message.vide {
  display: none;
}
.page-login #inner #login-message.error,
.page-reset-password #inner #login-message.error {
  color: #f44336;
}
.page-login #inner #login-message.success,
.page-reset-password #inner #login-message.success {
  color: #63A761;
}
.page-login #inner .inner-page-container,
.page-reset-password #inner .inner-page-container {
  height: 100%;
}
.page-login #inner .inner-page-container .login-container,
.page-reset-password #inner .inner-page-container .login-container {
  margin: 50px auto 0;
  padding: 30px;
}
.page-login #inner .inner-page-container .login-container .welcome,
.page-reset-password #inner .inner-page-container .login-container .welcome {
  font-size: 19px;
  text-align: center;
  color: #fff;
}
.page-login #inner .inner-page-container .login-container .welcome::after,
.page-reset-password #inner .inner-page-container .login-container .welcome::after {
  content: "";
  width: 90px;
  margin: 1em auto 0;
  display: block;
  height: 1px;
  background-color: #fff;
}
.page-login #inner .inner-page-container .login-container #custom-login-form,
.page-reset-password #inner .inner-page-container .login-container #custom-login-form {
  max-width: 300px;
}
.page-login #inner .inner-page-container .login-container input[type=text], .page-login #inner .inner-page-container .login-container input[type=password],
.page-reset-password #inner .inner-page-container .login-container input[type=text],
.page-reset-password #inner .inner-page-container .login-container input[type=password] {
  display: flex;
  gap: 30px;
  align-self: stretch;
  border: 0.2px solid #848484;
  background: #0C0C0C;
  color: #919191;
  padding: 12px 10px 12px 60px;
  font-size: 13px;
  width: 100%;
  position: relative;
}
.page-login #inner .inner-page-container .login-container .login-username,
.page-login #inner .inner-page-container .login-container .forget-email,
.page-reset-password #inner .inner-page-container .login-container .login-username,
.page-reset-password #inner .inner-page-container .login-container .forget-email {
  display: inline-block;
  position: relative;
  width: 300px;
}
.page-login #inner .inner-page-container .login-container .login-username label,
.page-login #inner .inner-page-container .login-container .forget-email label,
.page-reset-password #inner .inner-page-container .login-container .login-username label,
.page-reset-password #inner .inner-page-container .login-container .forget-email label {
  font-size: 0;
  background: url('data:image/svg+xml,%3Csvg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath id="email" d="M12.6 0.5C12.9532 0.49989 13.2934 0.630904 13.5524 0.866779C13.8114 1.10265 13.97 1.42596 13.9965 1.77188L14 1.875V10.125C14.0001 10.4719 13.8667 10.806 13.6266 11.0604C13.3864 11.3147 13.0572 11.4705 12.705 11.4966L12.6 11.5H1.4C1.0468 11.5001 0.706603 11.3691 0.447616 11.1332C0.18863 10.8973 0.0299904 10.574 0.00350015 10.2281L7.01876e-08 10.125V1.875C-0.000111705 1.5281 0.133285 1.19399 0.373448 0.939623C0.613611 0.685261 0.942791 0.529455 1.295 0.503438L1.4 0.5H12.6ZM12.6 2.84713L7.742 7.61837C7.54512 7.81149 7.27825 7.91997 7 7.91997C6.72175 7.91997 6.45487 7.81149 6.258 7.61837L1.4 2.84713V10.125H12.6V2.84713ZM11.6102 1.875H2.3898L7 6.40288L11.6102 1.875Z" fill="%23919191"/%3E%3C/svg%3E');
  width: 14px;
  height: 12px;
  display: block;
  position: absolute;
  left: 13px;
  top: 18px;
  z-index: 999;
}
.page-login #inner .inner-page-container .login-container .login-username input,
.page-login #inner .inner-page-container .login-container .forget-email input,
.page-reset-password #inner .inner-page-container .login-container .login-username input,
.page-reset-password #inner .inner-page-container .login-container .forget-email input {
  width: 300px;
}
.page-login #inner .inner-page-container .login-container .login-password,
.page-reset-password #inner .inner-page-container .login-container .login-password {
  display: inline-block;
  position: relative;
}
.page-login #inner .inner-page-container .login-container .login-password label,
.page-reset-password #inner .inner-page-container .login-container .login-password label {
  font-size: 0;
  background: url('data:image/svg+xml,%3Csvg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5.5 10.6667C5.13533 10.6667 4.78559 10.5262 4.52773 10.2761C4.26987 10.0261 4.125 9.68696 4.125 9.33333C4.125 8.59333 4.73688 8 5.5 8C5.86467 8 6.21441 8.14048 6.47227 8.39052C6.73013 8.64057 6.875 8.97971 6.875 9.33333C6.875 9.68696 6.73013 10.0261 6.47227 10.2761C6.21441 10.5262 5.86467 10.6667 5.5 10.6667ZM9.625 12.6667V6H1.375V12.6667H9.625ZM9.625 4.66667C9.98967 4.66667 10.3394 4.80714 10.5973 5.05719C10.8551 5.30724 11 5.64638 11 6V12.6667C11 13.0203 10.8551 13.3594 10.5973 13.6095C10.3394 13.8595 9.98967 14 9.625 14H1.375C1.01033 14 0.660591 13.8595 0.402728 13.6095C0.144866 13.3594 0 13.0203 0 12.6667V6C0 5.26 0.611875 4.66667 1.375 4.66667H2.0625V3.33333C2.0625 2.44928 2.42466 1.60143 3.06932 0.976311C3.71398 0.351189 4.58832 0 5.5 0C5.95142 0 6.39842 0.0862192 6.81547 0.253735C7.23253 0.421251 7.61148 0.666782 7.93068 0.976311C8.24988 1.28584 8.50309 1.6533 8.67584 2.05772C8.84859 2.46214 8.9375 2.89559 8.9375 3.33333V4.66667H9.625ZM5.5 1.33333C4.95299 1.33333 4.42839 1.54405 4.04159 1.91912C3.6548 2.29419 3.4375 2.8029 3.4375 3.33333V4.66667H7.5625V3.33333C7.5625 2.8029 7.3452 2.29419 6.95841 1.91912C6.57161 1.54405 6.04701 1.33333 5.5 1.33333Z" fill="%23919191"/%3E%3C/svg%3E');
  width: 11px;
  height: 14px;
  display: block;
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 999;
}
.page-login #inner .inner-page-container .login-container .login-password input,
.page-reset-password #inner .inner-page-container .login-container .login-password input {
  width: 300px;
}
.page-login #inner .inner-page-container .login-container p.login-remember,
.page-reset-password #inner .inner-page-container .login-container p.login-remember {
  margin-top: 0;
}
.page-login #inner .inner-page-container .login-container p.login-remember label,
.page-reset-password #inner .inner-page-container .login-container p.login-remember label {
  margin: 0 auto;
  width: 290px;
  display: block;
  height: 36px;
  text-align: left;
  padding: 14px 0 0 7px;
  color: #919191;
  font-size: 13px;
  font-weight: 300;
}
.page-login #inner .inner-page-container .login-container p.login-remember label::after,
.page-reset-password #inner .inner-page-container .login-container p.login-remember label::after {
  _content: " ";
  position: absolute;
  width: 12px;
  height: 12px;
  display: block;
  border: 1px solid #a4a4a4;
  z-index: 999;
  background: #cfcfcf;
  top: 19px;
  left: 10px;
}
.page-login #inner .inner-page-container .login-container p.login-remember input,
.page-reset-password #inner .inner-page-container .login-container p.login-remember input {
  margin-right: 30px;
}
.page-login #inner .inner-page-container .login-container .form-submit,
.page-reset-password #inner .inner-page-container .login-container .form-submit {
  margin-top: 20px;
}
.page-login #inner .inner-page-container .login-links,
.page-reset-password #inner .inner-page-container .login-links {
  text-align: right;
  width: 294px;
}
.page-login #inner .inner-page-container .login-links a.show-lostpassword,
.page-reset-password #inner .inner-page-container .login-links a.show-lostpassword {
  color: #FFF;
  font-size: 14px;
  font-weight: 300;
}
.page-login #inner .inner-page-container #message-container,
.page-reset-password #inner .inner-page-container #message-container {
  margin-top: 15px;
  padding: 10px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 300;
}
.page-login #inner .inner-page-container #message-container.success,
.page-reset-password #inner .inner-page-container #message-container.success {
  background: #e7f6ea;
  color: #2e7d32;
  border: 1px solid #2e7d32;
}
.page-login #inner .inner-page-container #message-container.error,
.page-reset-password #inner .inner-page-container #message-container.error {
  background: #fdeded;
  color: #d32f2f;
  border: 1px solid #d32f2f;
}
.page-login #inner .inner-page-container #lostpassword-form-container,
.page-reset-password #inner .inner-page-container #lostpassword-form-container {
  color: #fff;
}
.page-login #lostpassword-form-container,
.page-reset-password #lostpassword-form-container {
  max-width: 300px;
}
.page-login #lostpassword-form-container h3,
.page-reset-password #lostpassword-form-container h3 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.page-login #lostpassword-form-container .description,
.page-reset-password #lostpassword-form-container .description {
  font-size: 15px;
  font-weight: 300;
  max-width: 20em;
}
.page-login #lostpassword-form-container .description::after,
.page-reset-password #lostpassword-form-container .description::after {
  content: "";
  width: 90px;
  margin: 1em auto 0;
  display: block;
  height: 1px;
  background-color: #fff;
}
.page-login #lostpassword-form-container a.return-to-login,
.page-reset-password #lostpassword-form-container a.return-to-login {
  display: block;
  margin: 22px 0 0;
  text-align: right;
  width: 100%;
  font-size: 14px;
}
.page-login #message-container.show,
.page-reset-password #message-container.show {
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  max-width: 20em;
}
.page-login #resetpassform,
.page-reset-password #resetpassform {
  max-width: 300px;
}
.page-login #resetpassform .description.indicator-hint,
.page-reset-password #resetpassform .description.indicator-hint {
  color: #fff;
}
.page-login #resetpassform .pw-weak,
.page-reset-password #resetpassform .pw-weak {
  color: #fff;
}
.page-login #resetpassform .pw-weak #pass-strength-result,
.page-reset-password #resetpassform .pw-weak #pass-strength-result {
  color: #FF9800;
}
.page-login #resetpassform #reset-message,
.page-reset-password #resetpassform #reset-message {
  color: #fff;
  display: none;
}
.page-login #resetpassform #reset-message.error,
.page-reset-password #resetpassform #reset-message.error {
  display: block;
  color: #f44336;
}
.page-login #resetpassform #reset-message.success,
.page-reset-password #resetpassform #reset-message.success {
  display: block;
  color: #63A761;
}

.page-mon-compte {
  /* Optional: Custom radio button styling */
}
.page-mon-compte .account-edit-container {
  padding: 40px 0;
}
.page-mon-compte .form-row {
  margin-bottom: 20px;
}
.page-mon-compte label {
  display: block;
  margin-bottom: 8px;
  font-weight: 100;
  color: #757575;
  text-transform: uppercase;
  font-size: 12px;
}
.page-mon-compte input {
  width: 100%;
  padding: 0 0 10px 0;
  border: none;
  border-bottom: 1px solid #E8E8E8;
}
.page-mon-compte input:focus {
  outline: none;
  border-color: #000;
}
.page-mon-compte .radio-group {
  margin-bottom: 25px;
}
.page-mon-compte .group-label {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.page-mon-compte .radio-options {
  display: flex;
  gap: 20px;
}

.page-mon-compte .description {
  font-size: 0.9em;
  color: #666;
  margin-top: 5px;
}
.page-mon-compte .message {
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 4px;
}
.page-mon-compte .message.success {
  background: #e7f6ea;
  color: #2e7d32;
  border: 1px solid #2e7d32;
}
.page-mon-compte .message.error {
  background: #fdeded;
  color: #d32f2f;
  border: 1px solid #d32f2f;
}
.page-mon-compte .points-de-vente {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 4px;
}
.page-mon-compte .points-list {
  margin-top: 10px;
}
.page-mon-compte .point-item {
  background: #fff;
  padding: 10px;
  margin-bottom: 5px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.page-mon-compte .no-points {
  color: #666;
  font-style: italic;
}

.page-accueil .page-title {
  text-align: left;
}

.list-points-de-vente,
.list-points-de-vente-desactive {
  /*
  overflow: scroll;
  max-height: 470px;    */
  margin: 0 0 0 -30px;
  padding: 0 0 20px 30px;
  width: calc(100% + 30px);
}
@media (min-width: 768px) {
  .list-points-de-vente,
  .list-points-de-vente-desactive {
    width: calc(100% + 30px);
  }
}
.list-points-de-vente ul,
.list-points-de-vente-desactive ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  width: calc(100vw - 60px);
  width: calc(100% - 30px);
}
@media (min-width: 768px) {
  .list-points-de-vente ul,
  .list-points-de-vente-desactive ul {
    width: calc(100% - 30px);
  }
}
.list-points-de-vente li,
.list-points-de-vente-desactive li {
  padding: 16px;
  background-color: #fff;
  box-shadow: 5px 4px 34px 0px rgba(0, 0, 0, 0.15);
  position: relative;
}
.list-points-de-vente li a,
.list-points-de-vente-desactive li a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
  word-break: break-word;
}
.list-points-de-vente li a img,
.list-points-de-vente-desactive li a img {
  width: 20px;
  height: 19px;
}
.list-points-de-vente li .pdv-name,
.list-points-de-vente-desactive li .pdv-name {
  display: block;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2;
  margin-top: 6px;
}
.list-points-de-vente li .pdv-city,
.list-points-de-vente-desactive li .pdv-city {
  display: block;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.2;
  color: #858585;
}
.list-points-de-vente li a:hover,
.list-points-de-vente-desactive li a:hover {
  text-decoration: none;
}
.list-points-de-vente li::after,
.list-points-de-vente-desactive li::after {
  position: absolute;
  content: "";
  bottom: 10px;
  right: 10px;
  width: 5px;
  height: 11px;
  background-image: url('data:image/svg+xml,%3Csvg width="5" height="11" viewBox="0 0 5 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath id="Vector" d="M4.78906 4.90811L1.22354 0.744875C1.15705 0.66724 1.07812 0.605657 0.991249 0.563641C0.904377 0.521625 0.811269 0.5 0.717239 0.5C0.527338 0.5 0.345215 0.588084 0.210935 0.744875C0.144446 0.822509 0.0917043 0.914675 0.0557208 1.01611C0.0197373 1.11754 0.00121732 1.22626 0.00121732 1.33605C0.00121732 1.55779 0.0766549 1.77044 0.210935 1.92723L3.27728 5.49929L0.210935 9.07135C0.144097 9.14875 0.0910462 9.24084 0.0548428 9.34231C0.0186395 9.44377 0 9.55261 0 9.66253C0 9.77244 0.0186395 9.88128 0.0548428 9.98274C0.0910462 10.0842 0.144097 10.1763 0.210935 10.2537C0.277227 10.3317 0.356097 10.3937 0.442996 10.436C0.529894 10.4782 0.623101 10.5 0.717239 10.5C0.811377 10.5 0.904584 10.4782 0.991482 10.436C1.07838 10.3937 1.15725 10.3317 1.22354 10.2537L4.78906 6.09047C4.8559 6.01306 4.90895 5.92097 4.94516 5.81951C4.98136 5.71804 5 5.60921 5 5.49929C5 5.38937 4.98136 5.28054 4.94516 5.17907C4.90895 5.07761 4.8559 4.98552 4.78906 4.90811Z" fill="black"/%3E%3C/svg%3E');
}

.list-points-de-vente {
  margin-bottom: 40px;
}

.list-points-de-vente-desactive ul {
  grid-template-columns: 1fr;
  gap: 20px;
}
.list-points-de-vente-desactive li {
  background-color: #E9E9E9;
  opacity: 0.5;
}
.list-points-de-vente-desactive li a {
  position: relative;
}
.list-points-de-vente-desactive li a img {
  position: absolute;
  top: 13px;
  left: 0;
}
.list-points-de-vente-desactive li a span {
  padding-left: 36px;
}

.single-point-de-vente .point-title {
  font-size: 24px;
  margin-bottom: 30px;
  text-align: center;
}
.single-point-de-vente .action-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  margin-bottom: 40px;
}
.single-point-de-vente .card {
  background: #fff;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  gap: 10px;
  box-shadow: 5px 4px 34px 0px rgba(0, 0, 0, 0.15);
}
.single-point-de-vente .card-icon {
  height: 17px;
  width: 17px;
}
.single-point-de-vente .card-text {
  font-size: 13px;
  font-weight: 300;
}
.single-point-de-vente .sms-campaign {
  margin-bottom: 40px;
}
.single-point-de-vente .sms-campaign h2 {
  font-size: 18px;
  margin-bottom: 20px;
}
.single-point-de-vente .sms-editor {
  position: relative;
}
.single-point-de-vente .sms-content {
  width: 100%;
  min-height: 240px;
  padding: 10px 10px 30px;
  margin-bottom: 10px;
  resize: vertical;
  background: #FFF;
  border: 0;
  box-shadow: 5px 4px 34px 0px rgba(0, 0, 0, 0.15);
}
.single-point-de-vente .character-count {
  position: absolute;
  bottom: 4px;
  right: 10px;
  text-align: right;
  color: #666;
  font-size: 14px;
  margin-bottom: 15px;
}
.single-point-de-vente .deactivate-section {
  text-align: center;
  margin-bottom: 40px;
}
.single-point-de-vente .deactivate-button {
  background: none;
  border: none;
  color: #666;
  text-decoration: underline;
  cursor: pointer;
}
.single-point-de-vente .point-footer {
  text-align: center;
  color: #666;
  font-size: 14px;
}
.single-point-de-vente #sms-alert {
  padding: 20px;
  text-align: center;
  font-weight: 400;
}
.single-point-de-vente #sms-alert .error {
  color: #f44336;
}
.single-point-de-vente #sms-alert .success {
  color: #63A761;
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url("./assets/images/intl-tel-input/flags.webp");
  --iti-path-flags-2x: url("./assets/images/intl-tel-input/flags@2x.webp");
  --iti-path-globe-1x: url("./assets/images/intl-tel-input/globe.webp");
  --iti-path-globe-2x: url("./assets/images/intl-tel-input/globe@2x.webp");
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
  width: 100%;
}

.iti * {
  box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}

.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}

.iti__dial-code {
  color: var(--iti-dialcode-color);
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
  margin-left: 4px;
}

[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
.single-client .client-form,
.page-template-single-client .client-form {
  margin: 0 auto;
}
.single-client .client-form .form-row,
.page-template-single-client .client-form .form-row {
  margin-bottom: 20px;
}
.single-client .client-form .form-row label,
.page-template-single-client .client-form .form-row label {
  display: block;
  margin-bottom: 8px;
  font-weight: 100;
  color: #757575;
  text-transform: uppercase;
  font-size: 12px;
}
.single-client .client-form .form-row input,
.page-template-single-client .client-form .form-row input {
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: 1px solid #E8E8E8;
}
.single-client .client-form .form-row input:focus,
.page-template-single-client .client-form .form-row input:focus {
  outline: none;
  border-color: #000;
}
.single-client .client-form .form-row .error-telephone-message,
.page-template-single-client .client-form .form-row .error-telephone-message {
  text-align: center;
  padding: 0.5em 0;
  width: 100%;
  display: block;
  color: #f44336;
}
.single-client .client-form .form-actions,
.page-template-single-client .client-form .form-actions {
  display: flex;
  gap: 15px;
  margin-top: 30px;
}
.single-client .client-form .form-actions button, .single-client .client-form .form-actions .button,
.page-template-single-client .client-form .form-actions button,
.page-template-single-client .client-form .form-actions .button {
  flex: 1;
}

.page-campagnes .search-container {
  margin-bottom: 20px;
  display: none;
}
.page-campagnes .search-input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.page-campagnes .campaigns-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.page-campagnes .info {
  font-weight: bold;
  color: #007bff;
  display: none;
}
.page-campagnes .info.actif {
  display: inline-block;
}
.page-campagnes .campaign-item {
  display: flex;
  align-items: center;
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 5px;
  text-decoration: none;
  color: inherit;
}
.page-campagnes .campaign-icon {
  margin-right: 15px;
}
.page-campagnes .campaign-details {
  flex-grow: 1;
}
.page-campagnes .campaign-date {
  font-weight: bold;
  margin-bottom: 5px;
  font-weight: 300;
}
.page-campagnes .campaign-stats {
  color: #666;
  font-size: 0.9em;
  font-weight: 300;
}
.page-campagnes .campaign-arrow {
  margin-left: 15px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="5" height="10" viewBox="0 0 5 10" fill="none"%3E%3Cpath d="M4.78906 4.40811L1.22354 0.244875C1.15705 0.16724 1.07812 0.105657 0.991249 0.0636411C0.904377 0.0216254 0.811269 0 0.717239 0C0.527338 0 0.345215 0.0880841 0.210935 0.244875C0.144446 0.322509 0.0917043 0.414675 0.0557208 0.51611C0.0197373 0.617545 0.00121732 0.726262 0.00121732 0.836054C0.00121732 1.05779 0.0766549 1.27044 0.210935 1.42723L3.27728 4.99929L0.210935 8.57135C0.144097 8.64875 0.0910462 8.74084 0.0548428 8.84231C0.0186395 8.94377 0 9.05261 0 9.16253C0 9.27244 0.0186395 9.38128 0.0548428 9.48274C0.0910462 9.58421 0.144097 9.6763 0.210935 9.7537C0.277227 9.83175 0.356097 9.89369 0.442996 9.93596C0.529894 9.97824 0.623101 10 0.717239 10C0.811377 10 0.904584 9.97824 0.991482 9.93596C1.07838 9.89369 1.15725 9.83175 1.22354 9.7537L4.78906 5.59047C4.8559 5.51306 4.90895 5.42097 4.94516 5.31951C4.98136 5.21804 5 5.10921 5 4.99929C5 4.88937 4.98136 4.78054 4.94516 4.67907C4.90895 4.57761 4.8559 4.48552 4.78906 4.40811Z" fill="black"/%3E%3C/svg%3E');
  width: 5px;
  height: 10px;
}
.page-campagnes .no-campaigns {
  text-align: center;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 5px;
}

.single-campagne .campaign-header {
  margin-bottom: 30px;
}
.single-campagne .back-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  margin-bottom: 15px;
}
.single-campagne .campaign-details {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.single-campagne .detail-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 100;
  color: #757575;
  text-transform: uppercase;
  font-size: 12px;
}
.single-campagne .detail-group .value {
  width: 100%;
  padding: 0 0 10px 0;
  border: none;
  border-bottom: 1px solid #E8E8E8;
}
.single-campagne .detail-group a.recipients-count {
  width: 100%;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="5" height="10" viewBox="0 0 5 10" fill="none"%3E%3Cpath d="M4.78906 4.40811L1.22354 0.244875C1.15705 0.16724 1.07812 0.105657 0.991249 0.0636411C0.904377 0.0216254 0.811269 0 0.717239 0C0.527338 0 0.345215 0.0880841 0.210935 0.244875C0.144446 0.322509 0.0917043 0.414675 0.0557208 0.51611C0.0197373 0.617545 0.00121732 0.726262 0.00121732 0.836054C0.00121732 1.05779 0.0766549 1.27044 0.210935 1.42723L3.27728 4.99929L0.210935 8.57135C0.144097 8.64875 0.0910462 8.74084 0.0548428 8.84231C0.0186395 8.94377 0 9.05261 0 9.16253C0 9.27244 0.0186395 9.38128 0.0548428 9.48274C0.0910462 9.58421 0.144097 9.6763 0.210935 9.7537C0.277227 9.83175 0.356097 9.89369 0.442996 9.93596C0.529894 9.97824 0.623101 10 0.717239 10C0.811377 10 0.904584 9.97824 0.991482 9.93596C1.07838 9.89369 1.15725 9.83175 1.22354 9.7537L4.78906 5.59047C4.8559 5.51306 4.90895 5.42097 4.94516 5.31951C4.98136 5.21804 5 5.10921 5 4.99929C5 4.88937 4.98136 4.78054 4.94516 4.67907C4.90895 4.57761 4.8559 4.48552 4.78906 4.40811Z" fill="black"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right;
  display: block;
}
.single-campagne .message-content {
  text-align: left;
}
.single-campagne .recipients-count {
  margin-bottom: 10px;
}
.single-campagne .recipients-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.single-campagne .recipient-item {
  padding: 5px 0;
  border-bottom: 1px solid #eee;
}
.single-campagne .recipient-item:last-child {
  border-bottom: none;
}
.single-campagne .campaign-status {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
}
.single-campagne .campaign-status.delivered {
  background: #e8f5e9;
  color: #2e7d32;
}
.single-campagne .campaign-status.error {
  background: #fbe9e7;
  color: #c62828;
}

.page-template-template-campagne-destinataires-php .recipient-item {
  background: #fff;
  border-bottom: 1px solid #E8E8E8;
  font-size: 16px;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
}
.page-template-template-campagne-destinataires-php .recipient-item .recipient-name {
  font-weight: 400;
  font-size: 16px;
}
.page-template-template-campagne-destinataires-php .recipient-item .recipient-phone {
  font-weight: 300;
  font-size: 15px;
}

.page-destinataires-campagne .page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2em;
}
.page-destinataires-campagne .back-link {
  text-decoration: none;
  color: #666;
}
.page-destinataires-campagne .recipients-list {
  display: grid;
  gap: 1em;
}
.page-destinataires-campagne .no-recipients {
  text-align: center;
  color: #666;
  padding: 2em;
}

.page-bienvenue {
  background-color: #000;
  color: #fff;
}
.page-bienvenue header img {
  max-width: 209px;
  margin-top: 50px;
  width: 100%;
}
.page-bienvenue h1 {
  color: #fff;
}
.page-bienvenue .mainContent {
  display: contents;
  margin-top: 100px;
}
.page-bienvenue .mainContent .welcome-message {
  flex-grow: 1;
  margin-top: 120px;
  padding-left: 30px;
  padding-right: 30px;
}
.page-bienvenue .mainContent .welcome-message p {
  font-size: 16px;
  font-weight: 400;
}
.page-bienvenue .mainContent .welcome-message-footer {
  margin-bottom: 100px;
  padding-left: 30px;
  padding-right: 30px;
}
.page-bienvenue .mainContent .welcome-message-footer p {
  font-size: 12px;
  font-weight: 400;
}

.page-template-single-client .resend {
  display: none !important;
}