@charset "UTF-8";
/**
 * custom.css
 *
 * /!\ Ce fichier ne doit avoir que des conséquences très minimes sur le style existant.
 *
 * Ce fichier contient des classes réutilisables à ajouter au fichier _custom.scss du thème toulouse-2022:
 * - ajout de variables (il n'y avait que "--primary-color" jusque là)
 * - classes .pk-* permettant de modifier l'affichage les composants de Publik
 *     /!\ Selon T.Jund il faut supprimer le préfixe 'pk-' afin que ces classes
 *     ne rentrent pas en conflit avec de futures classes créées dans Publik.
 * - classes CSS génériques utiles à la mise en forme
 *     /!\ Non approuvé par T.Jund car pas dans l'esprit Publik => favoriser plutôt
 *     des classes à apposer aux composants comme les 'pk-*'
 */
:root {
  --primary-color: #d8522a;
  --primary-color-light: #ffa58a;
  --primary-color-lighter: #f9eee3;
  --primary-color-background: #fff3ed;
  --black: #000;
  --gray-1: #212121;
  --gray-2: #4a4a4a;
  --gray-3: #757575;
  --gray: #dbd3d3;
  --gray-5: #bfbfbf;
  --gray-6: #e2e2e2;
  --gray-7: #f5f5f5;
  --white: #fff;
  --color-info: #036dcf;
  --color-success: #00840d;
  --color-warning: #fa4c02;
  --btn-border-radius: 0;
}

input.wcs-manual-address span {
  font-weight: initial;
}

.pk-no-label .title {
  display: none;
}

.pk-button-list input[type=radio] {
  display: none;
}
.pk-button-list .content {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-direction: column-reverse;
}
.pk-button-list .content label {
  display: inline-block;
  padding: 10px 20px;
  margin: 5px;
  background-color: var(--white);
  border: 2px solid var(--primary-color-light);
  border-radius: var(--btn-border-radius);
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: bold;
}
.pk-button-list .content label:has(input[type=radio]:checked), .pk-button-list .content label:hover {
  background-color: var(--primary-color-light);
}

/**
 * Classes utiles
 */
.flex {
  display: flex;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-end-safe {
  justify-content: safe flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-center-safe {
  justify-content: safe center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-stretch {
  justify-content: stretch;
}

.justify-baseline {
  justify-content: baseline;
}

.justify-normal {
  justify-content: normal;
}

.items-baseline {
  align-items: baseline;
}

.items-baseline-last {
  align-items: last baseline;
}

.items-center {
  align-items: center;
}

.items-center-safe {
  align-items: safe center;
}

.items-end {
  align-items: flex-end;
}

.items-end-safe {
  align-items: safe flex-end;
}

.items-start {
  align-items: flex-start;
}

.items-stretch {
  align-items: stretch;
}

a.link-underline-none {
  text-decoration: none !important;
}

a.link-underline-offset-2 {
  text-underline-offset: 2px !important;
}

a.link-underline-offset-3 {
  text-underline-offset: 3px !important;
}

a.link-underline-offset-4 {
  text-underline-offset: 4px !important;
}

a.external-link::after {
  content: url("https://allotoulouse.test.entrouvert.org/media/uploads/2025/07/15/external-link-svgrepo-com.svg");
  margin-left: 3px;
}

.pk-uppercase-title div.title {
  text-transform: uppercase;
}

.pk-uppercase-content div.content {
  text-transform: uppercase;
}

.pk-uppercase-input input {
  text-transform: uppercase;
}

/**
 * Animations
 */
.flash-bg {
  animation: flash-bg 500ms linear;
}
@keyframes flash-bg {
  0% {
    background: var(--primary-color-light);
    outline: 5px solid var(--primary-color-light);
  }
  100% {
    background: transparent;
    outline-color: transparent;
  }
}/*# sourceMappingURL=custom.css.map */