/*== UI/UX Utilities ==*/
.no-margin { margin: 0 !important; }

.cursor-pointer { cursor: pointer !important; }
.cursor-not-allowed { cursor: not-allowed !important; }

.text-none { text-decoration: none !important; }

.border-secondary-bis { border: 1px solid $secondaryBis !important; }

/* Width utilities - desktop par défaut */
.w-20p { width: 20%; }
.w-30p { width: 30%; }
.w-40p { width: 40%; }
.w-50p { width: 50%; }

/*== Responsive - Tablette (601px à 1023px) ==*/
@media (min-width: 601px) and (max-width: 1023px) {
  .w-20p, .w-30p, .w-40p, .w-50p {
    width: 60%;
  }
}

/*== Responsive - Mobile (< 600px) ==*/
@media (max-width: 600px) {
  .w-20p, .w-30p, .w-40p, .w-50p {
    width: 90%;
  }
  .not-in-phone { display: none !important; }
}