/* 
 * Utility classes for padding overrides
 * Use these classes to remove padding in specific cases where needed
 */

/* Remove all padding */
.p-0 {
  padding: 0 !important;
}

/* Remove horizontal padding (left and right) */
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove vertical padding (top and bottom) */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove top padding */
.pt-0 {
  padding-top: 0 !important;
}

/* Remove right padding */
.pr-0 {
  padding-right: 0 !important;
}

/* Remove bottom padding */
.pb-0 {
  padding-bottom: 0 !important;
}

/* Remove left padding */
.pl-0 {
  padding-left: 0 !important;
}

/* Remove margin */
.m-0 {
  margin: 0 !important;
}

/* Remove margin top */
.mt-0 {
  margin-top: 0 !important;
}

/* Add margin top */
.mt-20 {
  margin-top: 20px !important;
}

/* Responsive padding removal */
@media (min-width: 768px) {
  .md\:p-0 { padding: 0 !important; }
  .md\:px-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .md\:py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .md\:pt-0 { padding-top: 0 !important; }
  .md\:pr-0 { padding-right: 0 !important; }
  .md\:pb-0 { padding-bottom: 0 !important; }
  .md\:pl-0 { padding-left: 0 !important; }
}

@media (min-width: 1200px) {
  .lg\:p-0 { padding: 0 !important; }
  .lg\:px-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .lg\:py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .lg\:pt-0 { padding-top: 0 !important; }
  .lg\:pr-0 { padding-right: 0 !important; }
  .lg\:pb-0 { padding-bottom: 0 !important; }
  .lg\:pl-0 { padding-left: 0 !important; }
}